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

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

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

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

1.不要使用過(guò)多的字體

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

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

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

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

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

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

2.盡量使用標準字體

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

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

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

用戶(hù)更熟悉標準字體，因此他們可以更快的閱讀

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

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

3.限制一行文字的長(cháng)度

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

太寬-會(huì )使得單行文字太長(cháng)，讀者的眼睛會(huì )難于專(zhuān)注文字。因為長(cháng)時(shí)間閱讀容易串行，大段的文本中很難找到正確的行。

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