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

1文字的層級關系：

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

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

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

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

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

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

如下圖：

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

2文字信息

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

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

3文字板式

板式是一個有深奧的研究的問題。對于板式的研究，可以多去看看平面設計師的分享，或是一些雜志的書的排版，多看多研究，里面需要講究的事情非常多。我們在這里主要說說一些注意問題。

??

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

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

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

中恒設計：DONG出品