網(wǎng)頁設(shè)計中文字排版的10點技巧分享發(fā)布者：本站     時間：2021-12-08 13:12:00

在網(wǎng)頁設(shè)計中，文字排版對于網(wǎng)站和用戶之間建立良好的溝通以及幫助用戶實現(xiàn)目標(biāo)起著重要的作用。當(dāng)我們談?wù)摼W(wǎng)頁是否能和用戶建立有效的溝通的時候，通常是指文字排版在這里起到的作用：

“網(wǎng)頁中95%以上的信息是以文字形式呈現(xiàn)的?！?br />
良好的排版使用戶更易于閱讀，而混亂的排版則使用戶失去繼續(xù)瀏覽的意愿。正如“Oliver ReichensReichenstein在他的文章“Web Design is 95% Typography ”中寫道：“排版的目的是優(yōu)化可讀性，訪問率，可用性，保持和圖形的平衡關(guān)系”

換言之，優(yōu)化排版也在幫助您優(yōu)化界面。本文中，我們提供一組規(guī)則，將幫助您提高文本內(nèi)容的可讀性和易讀性。

1.不要使用過多的字體

網(wǎng)站排版中建議最多不要超過3種字體類型，不然會使網(wǎng)站看起來松散和不專業(yè)，不僅太多的字體類型會造成這種問題，太多的字體尺寸也會破壞網(wǎng)頁布局。

10點網(wǎng)頁設(shè)計中文字排版的技巧分享,PS教程,

通常情況下，將字體家族的數(shù)量限制在最小數(shù)量(2個是很多，1個通常就夠了)，整個網(wǎng)站堅持使用相同的原則。如果使用多個字體，請確保倆個字體是否和諧。以下面的字體組合為例，Georgia和Verdana的搭配相得益彰，相對比較和諧。相比于右邊Baskerville和Impact則會有明顯的沖突感，非襯線Impact明顯的超過了Baskerville的視覺沖擊力。

10點網(wǎng)頁設(shè)計中文字排版的技巧分享,PS教程,

而在中英文排版中，建議大家中文使用標(biāo)準(zhǔn)中文字體，而英文、數(shù)字和字符使用標(biāo)準(zhǔn)的英文字體。以下面的圖為例，是否可以對比處那個美觀一些。

10點網(wǎng)頁設(shè)計中文字排版的技巧分享,PS教程,

2.盡量使用標(biāo)準(zhǔn)字體

在Google Web Font或者Typekit，和國內(nèi)的“有字庫”的字體嵌入式服務(wù)有很多有趣的字體，對于國內(nèi)設(shè)計師來說，痛苦的是中文字體會很大，一個字體動則幾兆，十幾兆的，這樣用戶在會增加用戶瀏覽網(wǎng)站的載入時間;反之英文字體26個字母大小寫，加數(shù)字標(biāo)點符號一共幾百k的字體是很容易在網(wǎng)頁中使用的。

盡可能選擇標(biāo)準(zhǔn)字體(近幾年網(wǎng)頁中通常使用思源黑體，PingFang，英文可以使用Arial，Calibri或者其他常見的易于屏幕閱讀的黑體字，如沒有特殊概念指導(dǎo)盡可能避免使用襯線字體，如宋體)

不是每位用戶都可以在終端上看到同一個字體，意味著你選擇的適合的字體，用戶有可能看不到。

用戶更熟悉標(biāo)準(zhǔn)字體，因此他們可以更快的閱讀

特殊的、并且少量的字體可以制作成.svg格式的素材嵌入Web使用

良好的排版會使用戶更加關(guān)注內(nèi)容本身，而不是字體的類型。

3.限制一行文字的長度

保證每一行文字的字符數(shù)量是文本可讀的關(guān)鍵。不是設(shè)計師來定義文本的寬度，而是根據(jù)用戶的可讀性來定義。

太寬-會使得單行文字太長，讀者的眼睛會難于專注文字。因為長時間閱讀容易串行，大段的文本中很難找到正確的行。

太短-會使得用戶的眼睛經(jīng)?；氐较乱恍形谋?，會打破讀者的閱讀節(jié)奏，長時間閱讀造成視覺疲勞。太短也會傾向于向讀者發(fā)出一種信號，使得讀者沒有讀完當(dāng)前這行就去跳到下一行閱讀，可能會忽略潛在的重要詞句。