在進行 UI 設計的時候，很多小技巧能夠恰到好處地提升界面的設計視覺效果、用戶體驗。這篇來自Mark Andrew 的文章梳理了 6 個實用性很強的 UI 效果提升小技巧，是系列文章的第三篇，原文最早發(fā)布于 marcandrew.me 。
在創(chuàng)建實用、可訪問性良好且視覺效果頗為出彩的 UI 界面的時候，我們大多只需要進行有限度的微調(diào)，即可達到頗為不錯的效果。
UI 設計師是習慣的創(chuàng)造者 ，另一方面，用戶也希望你的設計能夠符合預期。換句話來說，UI 設計師可能個用一致的設計來歸訓用戶，而用戶也可以通過一致的設計來構(gòu)建起習慣和預期，所以，在布局，圖標，配色和按鈕上將用戶統(tǒng)一到一起，降低混亂度，改善用戶體驗。留白，或者說負空間，可能是絕大多數(shù)的 UI 界面優(yōu)化的最佳工具。
很多 UI 界面只需要適當增加留白，就能夠?qū)⒄w的視覺效果拉高一截，它可以讓元素和元素之間的呼吸感更強，整體感知更加優(yōu)雅精致。
如果你所要呈現(xiàn)的是長篇內(nèi)容，通常開頭的段落會對全文內(nèi)容進行總結(jié)性的引導，提出問題，引起用戶的注意力，那么你需要讓它的功能性更強一點。要實現(xiàn)這一點，其實也不復雜，就針對這個部分做一些針對性的樣式優(yōu)化就可以了。最簡單的方式，就使用不同的字體，或者增加字重，提高行高，讓這一部分的視覺重量超過其他的部分即可。這樣可以讓用戶更快注意到這一部分，并且留下更好的印象，并且增加內(nèi)容的信息層級。在處理長篇內(nèi)容的時候，短句和短的段落會更加契合當下用戶的閱讀習慣。盡可能使用簡短有力的分段，讓用戶可以更快消化內(nèi)容。
是否心愛綱要創(chuàng)建更加專業(yè)的視覺風格？那么你最好使用一套預先定義好的配色方案。色彩從來都不是多多益善，更加集中的配色能夠給用戶帶來更加清晰明確的感知。從一開始就創(chuàng)建一套強大而明確的配色方案，并且堅持使用下去，這樣可以避免麻煩，并且增加整個設計的一致性。使用8pt 網(wǎng)格系統(tǒng)，均勻排布圖標
你會注意到絕大多數(shù)的圖標系統(tǒng)，使用的圖標尺寸大多數(shù)是 8 的倍數(shù)，比如 16×16，24×24，32×32，所以當你使用 8 pt 的網(wǎng)格系統(tǒng)，會很好地同這些圖標系統(tǒng)兼容起來。當然也有例外的情況，但是這樣的情況真的不算太多。本文章為網(wǎng)絡轉(zhuǎn)載收集整理，僅供學習交流，版權(quán)屬于原作者。
如靈動思維原創(chuàng)文章,版權(quán)所有,轉(zhuǎn)載請注明，轉(zhuǎn)載自靈動思維網(wǎng)絡教育
本站僅提供存儲服務，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
