頁(yè)面布局的注意事項(xiàng)

2019-03-21 18:41:46 來(lái)源：揚(yáng)州市新竹網(wǎng)絡(luò)科技有限公司

網(wǎng)絡(luò)上95%以上的信息是書(shū)面形式的.優(yōu)化排版就是優(yōu)化可讀性、可訪問(wèn)性、可用性和整體圖形平衡.換句話說(shuō):優(yōu)化排版也是優(yōu)化用戶界面.新疆網(wǎng)絡(luò)建筑公司將提供一套規(guī)則,幫助您提高文本內(nèi)容的可讀性和可讀性.
1.所用字體的小數(shù)目
使用超過(guò)3種不同的字體使網(wǎng)站看起來(lái)沒(méi)有結(jié)構(gòu)和不專業(yè).太多的類型大小和樣式也可以同時(shí)破壞任何布局.一般來(lái)說(shuō),整個(gè)網(wǎng)站的字體數(shù)量限制為兩個(gè),一個(gè)一般就足夠了.如果使用多個(gè)字體,請(qǐng)確保字體系統(tǒng)基于字符寬度互補(bǔ).如圖所示:左邊組的字體比較和諧,而右邊字體的對(duì)比太明顯,顯得比例很不協(xié)調(diào).
2.嘗試標(biāo)準(zhǔn)字體
字體嵌入服務(wù)(如谷歌網(wǎng)頁(yè)字體或打字機(jī))有許多有趣和標(biāo)準(zhǔn)的系統(tǒng)字體,而且由于用戶對(duì)標(biāo)準(zhǔn)字體更加熟悉,他們可以更快地閱讀它們. 除非您的網(wǎng)站是吸引自定義字體,如品牌宣傳或創(chuàng)建一個(gè)沉浸式的體驗(yàn),通常好使用系統(tǒng)字體.
3.限制行長(zhǎng)度
如果你想要一個(gè)好的閱讀體驗(yàn),你應(yīng)該有大約60個(gè)字符每行.在每一行中有適當(dāng)數(shù)量的字符是文本可讀性的關(guān)鍵.如果每一行文字太短,視線必須反復(fù)折回,以打破讀者的節(jié)奏.如果文本行太長(zhǎng),用戶的眼睛就很難集中在文本上. 對(duì)于移動(dòng)設(shè)備,每行應(yīng)該有30-40個(gè)字符.以下是在移動(dòng)設(shè)備上瀏覽的兩個(gè)網(wǎng)站的例子.一種使用每行50-75個(gè)字符(每行印刷和桌面使用好的字符數(shù)),第二種使用好的30-40個(gè)字符.
4.選擇各種維度的字體
確保您選擇的字體在較小的屏幕上是清晰的! vivaldi字體將很難在小屏幕上閱讀:
5.使用區(qū)分字母的字體
許多字體容易混淆相似的字母,特別是i和l(如下圖所示),因此在選擇字體類型時(shí),要確保在不同的上下文中檢查您的類型.確保你不會(huì)給你的用戶帶來(lái)麻煩.
6.避免所有英文大寫(xiě)
不要強(qiáng)迫用戶閱讀所有的大寫(xiě)字母,這會(huì)大大減慢掃描和閱讀的速度,使它們?cè)趲追昼妰?nèi)爆炸.
7.不小化行間距
行間距一般是字符高度的30%,以保證良好的可讀性.與直線間距相比,段落之間的間距可以增加20%,美白可以為用戶提供消化內(nèi)容的時(shí)間.
8.確保你有足夠的顏色對(duì)比
文本越明顯,用戶掃描和閱讀的速度就越快.
9.避免將文字涂成紅色或綠色
建議使用顏色以外的線索來(lái)區(qū)分重要的信息.也避免使用紅色和綠色單獨(dú)傳達(dá)信息,避免色盲用戶無(wú)法順利閱讀.
10.避免顯示文字
閃爍或閃爍的內(nèi)容可以使一些敏感的人瘋狂,并可能令人討厭或分散一般用戶的注意力.
必須使排版具有可讀性、易懂性和明確性.良好的排版可以讓你的網(wǎng)站感覺(jué)清新和引人注目.另一方面,糟糕的排版選擇會(huì)分散注意力.排版是為了更好地展示內(nèi)容.內(nèi)容應(yīng)以不增加用戶認(rèn)知負(fù)荷的方式加以尊重.

本站文章均為新竹網(wǎng)站建設(shè)摘自權(quán)威資料，書(shū)籍，或網(wǎng)絡(luò)原創(chuàng)文章，如有版權(quán)糾紛或者違規(guī)問(wèn)題，請(qǐng)即刻聯(lián)系我們刪除，我們歡迎您分享，引用和轉(zhuǎn)載，我們謝絕直接復(fù)制和抄襲！感謝...

返回首頁(yè) 上一篇：網(wǎng)頁(yè)制作中需要注意什么下一篇：靜態(tài)頁(yè)面的優(yōu)缺點(diǎn)