在網(wǎng)頁或是移動(dòng)UI排版中，文字排版是必不可少的，我們在排版這些文字的時(shí)候應(yīng)該注意什么呢！下面就來講講設(shè)計(jì)中遇見得幾種文字排版！

1文字的層級關(guān)系：

文字的層級關(guān)系在排版或是交互設(shè)計(jì)中經(jīng)常被忽視，如何讓用戶對一個(gè)交互設(shè)計(jì)用起來感覺很明了，在項(xiàng)目之初就要將文字的層級考慮在內(nèi)。

文字的層級在應(yīng)用中扮演著重要的角色，將用戶引向期望的結(jié)果，還能改善用戶體驗(yàn)，通常一些網(wǎng)頁中的文字層次不分明的排版，通常會(huì)給人一種厭煩感，沒想看下去的欲望。讓用戶不知所措，沒有主次關(guān)系，用戶體驗(yàn)就差了。

如下關(guān)于新聞列表的排版，反映了不清晰的文字層次級如何影響用戶體驗(yàn)，在所有列表中，新聞逐條展示每條包括6個(gè)文字層級（下圖），⑴標(biāo)題 ⑵文字標(biāo)題連接 ⑶正文鏈接 ⑷正文 ⑸網(wǎng)站鏈接 ⑹發(fā)布時(shí)間。

如果在列表的文字排版上加以心思在文字層次的上面的話，對用戶體驗(yàn)會(huì)有很大的提升的.

為了更好地區(qū)分文字的層級，你需要對用戶希望如何剖析信息有所了解。在缺乏可用性測試的情況下，我可以假設(shè)用戶第一眼會(huì)看到標(biāo)題，然后閱讀正文，接下來如果他們感興趣，則會(huì)點(diǎn)擊網(wǎng)站鏈接。

很快，重新設(shè)計(jì)了第一篇文章，優(yōu)化了文字的層級。增大了標(biāo)題的字號，將它剝離出正文，把正文改為中灰色，將網(wǎng)站鏈接放在正文下方，并加大了行高，增加易讀性。

如下圖：

從結(jié)構(gòu)的角度看，還能使整體層級更加清晰。記住文字只是一種元素（盡管通常是最重要的），對導(dǎo)航條、圖片位置、文章排列進(jìn)行重新設(shè)計(jì)，也能提升用戶體驗(yàn)。

2文字信息

展示信息這個(gè)問題，實(shí)際上偏向交互的問題。我們還是放下內(nèi)在深層的含義，說說表面上的視覺，首先你設(shè)計(jì)的界面是有一個(gè)比重，如果你的字多，那么用戶視覺中心就在文字上，如果你的字少，那么視覺就在圖上。

其次，對于一些信息量豐富的界面，能簡則簡，能隱藏的隱藏，能弱化的弱化。信息文字顏色也非常重要，你的黑色不需要全黑，多去嘗試一下灰色的信息文字，絕對對你的整體設(shè)計(jì)加分提高。

3文字板式

板式是一個(gè)有深?yuàn)W的研究的問題。對于板式的研究，可以多去看看平面設(shè)計(jì)師的分享，或是一些雜志的書的排版，多看多研究，里面需要講究的事情非常多。我們在這里主要說說一些注意問題。

??

文字和邊界保持距離。保持一定距離是必須的，這樣才能讓你整個(gè)頁面有呼吸感，又遵守了規(guī)范。

不要超過3種字體，其實(shí)最好就控制在兩種字體最好，甚至一種。這一點(diǎn)的意思和我們最開始說的是相輔成的，你的設(shè)計(jì)盡量去簡化文字信息，當(dāng)用戶剛剛習(xí)慣一種、兩種字體以后，你又再制造新的識(shí)別度，會(huì)讓人感到疲勞。越是靠文字信息表達(dá)的界面越需要注意這個(gè)問題。

文字居中不是最好排版。很多朋友在排版中的時(shí)候經(jīng)常居中，比如APP UI 他們會(huì)習(xí)慣性感覺寬度就這么大 可能居中會(huì)比較好？你們可以嘗試其他的排版方式，放在左邊，有些文字排版左右對齊會(huì)有很大的效果，會(huì)使文字易讀性明顯增加，用戶體驗(yàn)變好了。

中恒設(shè)計(jì)：DONG出品