提高UI界面高級(jí)感的排版技巧|江都UI設(shè)計(jì)培訓(xùn)班

UI界面設(shè)計(jì)中，排版設(shè)計(jì)同樣重要，如何將至關(guān)重要的信息，有效地傳遞給用戶，這是界面本身的職責(zé)，而在絕大多數(shù)時(shí)候，這通常是靠文本來完成。

這就是為什么有效的排版對(duì)于改善 UI 整體的用戶體驗(yàn)如此的重要。而優(yōu)化排版，本質(zhì)上也是在優(yōu)化 UI 和 UX。

雖然在絕大多數(shù)時(shí)候，優(yōu)化排版是在提升排版布局的可讀性，提升課訪問性，但是它的標(biāo)準(zhǔn)和核心的要素，依然是要保證排版本身的「可用性」。

降低用戶使用時(shí)的障礙和摩擦，減少認(rèn)知負(fù)荷。出色的排版設(shè)計(jì)能夠讓用戶注意到內(nèi)容，而不是排版本身上。

關(guān)于排版在 UI 設(shè)計(jì)種的重要性，就不再強(qiáng)調(diào)了，那么下面，我將分享 5 個(gè)實(shí)用性較強(qiáng)的排版優(yōu)化技巧：

1、強(qiáng)化層次結(jié)構(gòu)來提升UI的清晰度

將必要的文本內(nèi)容集合起來，重新組織，有意識(shí)地梳理視覺層次結(jié)構(gòu)，要讓用戶能夠清晰地感知到內(nèi)容。對(duì)于信息層級(jí)，通常會(huì)按照標(biāo)題、副標(biāo)題、正文、引用說明等常見的文本元素構(gòu)成。

而清晰的文本層次結(jié)構(gòu)，是依托于符合文本本身所屬層次的響應(yīng)的樣式，這樣才能確?？勺x性。

大標(biāo)題應(yīng)當(dāng)突出，正文應(yīng)當(dāng)清晰明了，副標(biāo)題起到的是對(duì)標(biāo)題的輔助說明作用，所以應(yīng)當(dāng)適當(dāng)縮小，這樣一來，文本元素之前的大小關(guān)系，位置關(guān)系都更加清晰了。

一個(gè)經(jīng)驗(yàn)法則是，通過修改字號(hào)大小的加倍和減半來快速理清相互關(guān)系。比如，如標(biāo)題字使用了 32px，那么正文字體使用 16 px 來創(chuàng)建這個(gè)對(duì)比度。

2、有意識(shí)地創(chuàng)造具有呼吸感的排版

字間距、行高、行長是在進(jìn)行排版的時(shí)候，常調(diào)整的屬性。缺少足夠的間距，可能會(huì)讓文本難以閱讀，但是間接過多，可能會(huì)讓用戶在閱讀的時(shí)候感到稀疏難受。

3、根據(jù)內(nèi)容來選取字體

在選取文本字體的時(shí)候，需要考慮到潛在讀者的體驗(yàn)。不同的字體能夠給界面和體驗(yàn)帶來截然不同的體驗(yàn)，字體的選擇能夠影響用戶對(duì)于界面的印象。

注：英文字體通常不會(huì)有很大的選擇空間，在這方面中日韓三國在文本字體上，存在的問題明顯會(huì)更多一些。

不過在移動(dòng)端 APP 上，不少應(yīng)用可以選擇非系統(tǒng)默認(rèn)的第三方字體，而在網(wǎng)頁上，要實(shí)現(xiàn)起來會(huì)麻煩很多，所以通常只會(huì)調(diào)用本地的字體。

【報(bào)名地址】：

揚(yáng)州市江都區(qū)仙女鎮(zhèn)工農(nóng)路15號(hào)和業(yè)大廈四樓（江都商城往西100米海瀾之家樓上電梯直達(dá)）

咨詢電話：180**121***34719(微信同號(hào))/0514-86733278 戴老師

友情提醒：周一至周日 8:30—20:30 節(jié)假日照常報(bào)名