頁面布局的注意事項

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

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

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

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