在進行UI設計的時候,很多小技巧能夠恰到好處地提升界麵的設計視覺效果、用戶體驗。這篇來自Mark Andrew的文章梳理了 6個實用性很強的UI效果提升小技巧,是係列文章的第三篇,原文最早發布於marcandrew.me 。
在創建實用、可訪問性良好且視覺效果頗為出彩的UI界麵的時候,在更多時候我們隻需要進行有限度的微調,即可達到頗為不錯的效果。
1、讓視覺元素的設計特征保持一致
UI設計師是習慣的創造者 ,另一方麵,用戶也希望你的設計能夠符合預期。
換句話來說,UI設計師可能個用一致的設計來歸訓用戶,而用戶也可以通過一致的設計來構建起習慣和預期,所以,在布局,圖標,配色和按鈕上將用戶統一到一起,降低混亂度,改善用戶體驗。
2、大膽使用留白來布局
留白,或者說負空間,可能是絕大多數的UI界麵優化的最佳工具。
很多UI界麵隻需要適當增加留白,就能夠將整體的視覺效果拉高一截,它可以讓元素和元素之間的呼吸感更強,整體感知更加優雅精致。
3、優化開頭段落樣式
如果你所要呈現的是長篇內容,通常開頭的段落會對全文內容進行總結性的引導,提出問題,引起用戶的注意力,那麼你需要讓它的功能性更強一點。
要實現這一點,其實也不複雜,就針對這個部分做一些針對性的樣式優化就可以了。
最簡單的方式,就使用不同的字體,或者增加字重,提高行高,讓這一部分的視覺重量超過其他的部分即可。這樣可以讓用戶更快注意到這一部分,並且留下更好的印象,並且增加內容的信息層級。
4、為快速掃讀進行段落優化
在處理長篇內容的時候,短句和短的段落會更加契合當下用戶的閱讀習慣。盡可能使用簡短有力的分段,讓用戶可以更快消化內容。
5、使用更富凝聚力的配色方案
是否心愛綱要創建更加專業的視覺風格?那麼你最好使用一套預先定義好的配色方案。
色彩從來都不是多多益善,更加集中的配色能夠給用戶帶來更加清晰明確的感知。
從一開始就創建一套強大而明確的配色方案,並且堅持使用下去,這樣可以避免麻煩,並且增加整個設計的一致性。
6、使用8pt 網格係統,均勻排布圖標
你會注意到絕大多數的圖標係統,使用的圖標尺寸大多數是 8 的倍數,比如 16×16,24×24,32×32,所以當你使用 8 pt 的網格係統,會很好地同這些圖標係統兼容起來。
當然也有例外的情況,但是這樣的情況真的不算太多。
作者:Marc Andrew
來源:優設網