10個(gè)排版技巧在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
2021-04-20 分類： 網(wǎng)站建設(shè)
在網(wǎng)頁設(shè)計(jì)中，排版在網(wǎng)站和用戶之間建立良好的溝通和幫助用戶實(shí)現(xiàn)他們的目標(biāo)方面起著重要的作用。當(dāng)我們談?wù)摼W(wǎng)頁與用戶建立有效溝通的能力時(shí)，我們通常指的是文本布局的作用:
網(wǎng)絡(luò)上超過95%的信息是文本，好的排版會讓用戶更容易閱讀，而凌亂的排版會讓用戶失去繼續(xù)瀏覽的意圖。正如Oliver Reisenstein在他的文章“網(wǎng)頁設(shè)計(jì)是95%的排版”中所寫的，排版的目的是優(yōu)化可讀性，可訪問性，可用性，以及與圖形的平衡。換句話說，優(yōu)化布局也有助于優(yōu)化界面。在本文中，我們提供了一組規(guī)則，可以幫助您提高文本內(nèi)容的可讀性和可讀性。
1. 不要使用太多字體
建議您在站點(diǎn)布局中使用不超過三種字體類型，否則您的站點(diǎn)會看起來松散和不專業(yè)。不僅過多的字體會導(dǎo)致這個(gè)問題，而且過多的字體大小也會破壞頁面的布局。
作為一個(gè)通用規(guī)則，保持字體族的數(shù)量最少(兩個(gè)字體是倍數(shù);一種字體通常就足夠了)，并在整個(gè)網(wǎng)站中遵循相同的原則。如果使用的字體多于一種，請確保這兩種字體是兼容的。以以下字體組合為例。喬治亞州和懷爾達(dá)那州在相對和諧中相互補(bǔ)充。與在巴斯克維爾的震驚相反，這里將有一種明顯的沖突感。這種非線性的影響顯然比巴斯克維爾的視覺沖擊更大。
在進(jìn)行中、英文排版時(shí)，建議使用標(biāo)準(zhǔn)中文字體對應(yīng)英文，標(biāo)準(zhǔn)英文字體對應(yīng)數(shù)字和字符，標(biāo)準(zhǔn)英文字體對應(yīng)英文。這里有一個(gè)例子，看看你能否比較美。
2. 試標(biāo)準(zhǔn)字體
在谷歌Web fonts或TypeKit中有很多有趣的字體，在中文“字體庫”中有字體嵌入服務(wù)。對于中國設(shè)計(jì)師來說，角色的體驗(yàn)非常巨大。一個(gè)字符將移動幾兆字節(jié)或10兆字節(jié)，這增加了用戶瀏覽網(wǎng)站的加載時(shí)間。相反，在一個(gè)網(wǎng)頁上使用26個(gè)英文字母和數(shù)百個(gè)K標(biāo)點(diǎn)符號是很容易的。
選擇一種標(biāo)準(zhǔn)字體。(近年來，網(wǎng)站都使用簡單的單層粗體字體。對于英文，使用Arial, Calibri或任何其他類型的粗體以方便在屏幕上閱讀。如果你沒有一個(gè)特定的概念來指導(dǎo)你，避免使用襯線字體。
不是每個(gè)用戶都會在終端上看到相同的字體，這意味著用戶可能看不到您選擇的適當(dāng)字體。
用戶更熟悉標(biāo)準(zhǔn)字體，所以他們可以更快地閱讀它們。
可以制作特殊和有限的字體。嵌入在Web中以SVG格式使用的材料。
好的字體設(shè)計(jì)可以讓用戶更關(guān)注內(nèi)容，而不是字體的類型。
限制文本的行數(shù)。
文本可讀性的關(guān)鍵是確保每行字符的數(shù)量。不是設(shè)計(jì)者定義文本的寬度，而是用戶的可讀性。
太寬——會讓一行文字太長，讓讀者的眼睛很難集中在文字上。在一篇長文章中很難找到正確的臺詞，因?yàn)楹苋菀自诤荛L一段時(shí)間內(nèi)聯(lián)系起來。
太短——它把讀者的目光帶回到下一行，打破了讀者的節(jié)奏。時(shí)間過長會導(dǎo)致眼睛疲勞。太短也會讓讀者在閱讀當(dāng)前一行之前就很容易跳到下一行，可能會錯(cuò)過潛在的重要單詞和句子。
對于移動設(shè)備，每行應(yīng)該是30-40個(gè)字符長(半個(gè)角)，根據(jù)屏幕、文本的寬度和不同分辨率的字體大小顯示準(zhǔn)確的字?jǐn)?shù)。其設(shè)計(jì)原則是確保文本能夠被用戶輕松閱讀，且文本不能太小或太大。對于iOS(移動)，文本的最小字體大小不應(yīng)小于24px，這對用戶來說太小了，無法閱讀。例如，可以使用百度作為引用。
選擇各種顯示效果好的字體大小，用戶將通過具有不同屏幕分辨率的終端設(shè)備訪問您的站點(diǎn)。大多數(shù)用戶界面需要不同大小的文本(標(biāo)題、字幕、文本、評論等等)。選擇適合不同屏幕分辨率設(shè)備的字體也很重要，以確保不同大小的字體具有較高的可讀性和可用性。
在過去的兩年中，流行的粗體和平房字體一直是一個(gè)不錯(cuò)的選擇。當(dāng)然，我認(rèn)為漢藝黑旗在字體族數(shù)量、字體質(zhì)量、屏幕顯示、紙張印刷等方面都不遜于前兩種字體。每個(gè)設(shè)計(jì)師都是這樣的。
標(biāo)題名稱：10個(gè)排版技巧在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
網(wǎng)址分享：http://jinyejixie.com/news22/109072.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、網(wǎng)站設(shè)計(jì)、軟件開發(fā)、微信公眾號、靜態(tài)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 如果你的網(wǎng)站被黑了該怎么辦呢？ 2021-04-20
- H5網(wǎng)站的那些優(yōu)勢 2021-04-20
- 在建站時(shí)如何挑選域名 2021-04-20
- 怎么樣更新網(wǎng)站文章才能更利于網(wǎng)站的優(yōu)化排名 2021-04-20
- 小程序wxss和css3的區(qū)別 2021-04-20
- 你對百度蜘蛛程序的工作原理了解多少 2021-04-20
- 如何讓你的網(wǎng)站在百度上站穩(wěn)腳跟 2021-04-20
- 如何提高域名信任度的有效方法 2021-04-20
- 有新意的頁面設(shè)計(jì)激發(fā)用戶的靈感 2021-04-20
- 重點(diǎn)掌握基本要求助你更好建站 2021-04-20
- 創(chuàng)新互聯(lián)帶你了解工業(yè)互聯(lián)網(wǎng)多平臺滲透 2021-04-20
- 當(dāng)前主流程序設(shè)計(jì)語言都各有什么優(yōu)勢？ 2021-04-20
- 網(wǎng)站關(guān)鍵詞排名優(yōu)化服務(wù)六個(gè)步驟 2021-04-20
- 建站后該做些什么 2021-04-20
- 影響用戶訪問網(wǎng)站效果的因素有哪些？ 2021-04-20
- php文件類型對照表 2021-04-20
- 百度新搜索是網(wǎng)民基本剛需 2021-04-20
- 網(wǎng)站開發(fā)中移動開發(fā)和傳統(tǒng)網(wǎng)站開發(fā)的區(qū)別 2021-04-20
- 讓流量飛一會之專業(yè)網(wǎng)站SEO怎么做可以變得輕松 2021-04-20