編者按：在進(jìn)行 UI 設(shè)計的時候，很多小技巧能夠恰到好處地提升界面的設(shè)計視覺效果、用戶體驗。這篇來自Mark Andrew 的文章梳理了 6 個實用性很強(qiáng)的 UI 效果提升小技巧，是系列文章的第三篇，原文最早發(fā)布于 marcandrew.me 。

在創(chuàng)建實用、可訪問性良好且視覺效果頗為出彩的 UI 界面的時候，我們大多只需要進(jìn)行有限度的微調(diào)，即可達(dá)到頗為不錯的效果。在之前，我已經(jīng)撰寫了很多實用的 UI & UX 優(yōu)化小貼士（看完文章在文末獲?。?，這篇文章繼續(xù)增加 6 條實用的建議，一起來看看吧！

1、讓視覺元素的設(shè)計特征保持一致

UI 設(shè)計師是習(xí)慣的創(chuàng)造者 ，另一方面，用戶也希望你的設(shè)計能夠符合預(yù)期。

換句話來說，UI 設(shè)計師可能個用一致的設(shè)計來歸訓(xùn)用戶，而用戶也可以通過一致的設(shè)計來構(gòu)建起習(xí)慣和預(yù)期，所以，在布局，圖標(biāo)，配色和按鈕上將用戶統(tǒng)一到一起，降低混亂度，改善用戶體驗。

2、大膽使用留白來布局

留白，或者說負(fù)空間，可能是絕大多數(shù)的 UI 界面優(yōu)化的最佳工具。

很多 UI 界面只需要適當(dāng)增加留白，就能夠?qū)⒄w的視覺效果拉高一截，它可以讓元素和元素之間的呼吸感更強(qiáng)，整體感知更加優(yōu)雅精致。

3、優(yōu)化開頭段落樣式

如果你所要呈現(xiàn)的是長篇內(nèi)容，通常開頭的段落會對全文內(nèi)容進(jìn)行總結(jié)性的引導(dǎo)，提出問題，引起用戶的注意力，那么你需要讓它的功能性更強(qiáng)一點。

要實現(xiàn)這一點，其實也不復(fù)雜，就針對這個部分做一些針對性的樣式優(yōu)化就可以了。

最簡單的方式，就使用不同的字體，或者增加字重，提高行高，讓這一部分的視覺重量超過其他的部分即可。這樣可以讓用戶更快注意到這一部分，并且留下更好的印象，并且增加內(nèi)容的信息層級。

4、為快速掃讀進(jìn)行段落優(yōu)化

在處理長篇內(nèi)容的時候，短句和短的段落會更加契合當(dāng)下用戶的閱讀習(xí)慣。盡可能使用簡短有力的分段，讓用戶可以更快消化內(nèi)容。

5、使用更富凝聚力的配色方案

是否心愛綱要創(chuàng)建更加專業(yè)的視覺風(fēng)格？那么你最好使用一套預(yù)先定義好的配色方案。

色彩從來都不是多多益善，更加集中的配色能夠給用戶帶來更加清晰明確的感知。

從一開始就創(chuàng)建一套強(qiáng)大而明確的配色方案，并且堅持使用下去，這樣可以避免麻煩，并且增加整個設(shè)計的一致性。

6、使用8pt 網(wǎng)格系統(tǒng)，均勻排布圖標(biāo)

你會注意到絕大多數(shù)的圖標(biāo)系統(tǒng)，使用的圖標(biāo)尺寸大多數(shù)是 8 的倍數(shù)，比如 16×16，24×24，32×32，所以當(dāng)你使用 8 pt 的網(wǎng)格系統(tǒng)，會很好地同這些圖標(biāo)系統(tǒng)兼容起來。

當(dāng)然也有例外的情況，但是這樣的情況真的不算太多。