如何做好網(wǎng)頁排版 這十種錯誤千萬不要犯
我要評論
@短腿僵尸木：網(wǎng)絡(luò)上95％以上的信息是書面形式的。優(yōu)化排版則是優(yōu)化可讀性，可訪問性，可用性，整體圖形平衡。換句話說：優(yōu)化排版也是優(yōu)化用戶界面。本文將提供一組規(guī)則，幫助您提高文本內(nèi)容的可讀性和易讀性。
1. 最少使用字體數(shù)量
使用超過 3 種不同的字體使網(wǎng)站看起來非結(jié)構(gòu)化和不專業(yè)，太多的類型尺寸和樣式一次也可能破壞任何布局。
一般來說，整個網(wǎng)站字體的數(shù)量限制在最多兩種，一種一般就足夠了。如果您使用多個字體，請確保字體系基于字符寬度互補。如圖：左邊組的字體相對就比較和諧，而右邊字體的粗細(xì)對比太明顯，則顯得輕重比例很不和諧了。
2. 嘗試使用標(biāo)準(zhǔn)字體
字體嵌入服務(wù)（如Google Web字體或Typekit）有許多有趣而標(biāo)準(zhǔn)的系統(tǒng)字體，而因為用戶更加熟悉標(biāo)準(zhǔn)字體，所以可以更快地讀取它們。
除非您的網(wǎng)站對于自定義字體（如品牌宣傳或創(chuàng)建身臨其境的體驗）非常有吸引力，否則通常最好使用系統(tǒng)字體。
3. 限制線長度
如果你想要一個良好的閱讀體驗，你應(yīng)該每行約 60 個字符。在每行上擁有適當(dāng)?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵。如果每行文字太短，視線必須反復(fù)折回來，打破讀者的節(jié)奏。如果一行文字太長，用戶的眼睛將很難專注于文本。
對于移動設(shè)備，您應(yīng)該每行30- 40 個字符 。以下是在移動設(shè)備上查看的兩個網(wǎng)站的示例。第一個使用每行50- 75 個字符（打印和桌面的每行最佳字符數(shù)），而第二個使用最佳30- 40 個字符。
4. 選擇各種尺寸的字體
確保您選擇的字體在較小的屏幕上清晰可辨！
維瓦爾第字體將難以在小屏幕上閱讀：
相關(guān)文章
簡單而片面的說，爬蟲就是由計算機自動與服務(wù)器交互獲取數(shù)據(jù)的工具，這篇文章主要想談?wù)勁老x獲取數(shù)據(jù)的這一部分。爬蟲請注意網(wǎng)站的Robot.txt文件，不要讓爬蟲違法，也不要2017-12-18
設(shè)計師可能無法減少App加載頁面的等待時間，但是可以讓等待時間變得有趣~，本文主要為大家淺淡App加載頁面的等待體驗設(shè)計技巧，有興趣的朋友們就來了解下吧2017-12-15
表單無論實在網(wǎng)頁設(shè)置中，還是在APP、應(yīng)用程序、軟件界面中都被廣泛運行，從而一個好的表單設(shè)計就非常重要了，本文主要為大家分享幾個交互好且轉(zhuǎn)化率高的表單設(shè)計技巧，有2017-11-20
適配iPhone X要點：十分鐘快速掌握iPhone X UI界面適配技巧
目前，第一批預(yù)約iPhone X手機的朋友們已經(jīng)拿到真機了，目前還沒有適配iPhone X的應(yīng)用運營商，相信都在加班加點適配呢，本文為大家?guī)砹诉m配iPhone X的要點，讓你十分鐘快2017-11-08
如何讓網(wǎng)頁可讀性更強？善用F式布局設(shè)計增強網(wǎng)頁可讀性方法解答
雖然網(wǎng)頁排版方式千變?nèi)f化，但是布局方式通常都遵循著幾種常見的規(guī)則，F(xiàn)式布局式設(shè)計能夠增強網(wǎng)頁可讀性，這種說法是有跡可循的，本文就為大家介紹如何運用F式布局，有興趣2017-11-08- 在網(wǎng)頁的設(shè)計中表單都是界面中最常見，也是最重要的組件之一，對于設(shè)計師、前端和開發(fā)者而言，應(yīng)當(dāng)對于表單的設(shè)計盡量多上心，讓它們更加易用，細(xì)致的設(shè)計對于用戶的體驗、2017-10-26
登錄頁面怎么設(shè)計更好？登錄頁面設(shè)計的15個心理學(xué)策略
有很多東西下意識地影響了我們的日常決策，這里面很多都是微妙的心理因素在起作用，大家都知道用戶體驗設(shè)計跟心理學(xué)相關(guān)，甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率，那么，登錄頁面怎么2017-10-10
網(wǎng)站評論模塊怎么設(shè)計 10個關(guān)鍵點告訴你如何設(shè)計產(chǎn)品評論模塊
網(wǎng)站不僅內(nèi)容很重要，評論模塊同樣也很重要，那么，網(wǎng)站評論模塊怎么設(shè)計呢？對此，本文就為大家詳細(xì)介紹10個關(guān)鍵點告訴你如何設(shè)計產(chǎn)品評論模塊，有興趣的朋友們就來了解下2017-09-25
網(wǎng)站導(dǎo)航設(shè)計怎么才是符合搜索引擎優(yōu)化？SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化，在網(wǎng)站導(dǎo)航設(shè)計的過程中，我們應(yīng)該怎么樣進行操作才是符合搜索引擎優(yōu)化的呢？對此，本文就為大家進行簡單解答2017-09-21
在做網(wǎng)站設(shè)計的過程當(dāng)中，很多人可能會對于頁腳這個方面產(chǎn)生忽略，但是實際上在我們平時的使用下來的整體的分析數(shù)據(jù)表明，頁腳對于一個網(wǎng)站來說還是有非常重要的作用的，那2017-09-04
