第三波！快速提升 UI 設計效果的 6 個小技巧

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

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

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

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

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

2、大膽使用留白來布局

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

往期：