UI設計4大排版原則

今天和大家聊下UI設計中的一些排版的設計原則，作為UI/UX設計師，如何更加有方法的去掌握排版設計，這樣能**你在設計中，界面排版能力到達一個長期穩(wěn)定的水準，而不是時好時壞。

1.視覺焦點

視覺焦點就是在界面中占主導地位的視覺元素，第 一時間進入你眼睛，在整個設計中不能強調所有設計元素；需要確保關鍵元素用戶的操作目標是清晰的。

2.層次結構

確保在幾秒鐘內,用戶就能明確知道關鍵要點和頁面元素之間的關系，并且順利快速的完成當前任務。建立視覺層次結構可以通過大小，對比，顏色，肌理，留白，空間等可感知的視覺元素；好的設計它的視覺層次結構分明且符合用戶閱讀習慣。

3.視覺重量

如何去衡量視覺重量，影響視覺重量的因素有大小、對比、顏色、留白、形狀、位置等等。

4.視覺方向

前面講了視覺重量，它能第 一時間把你帶到特定重要的位置，那么接下來視覺方向是引導的一個作用，設計師要做的就是通過視覺引導，讓用戶能快速完成任務和達到預期目標，常用的視覺引導有Fpattern和Zpattern。

形成視覺方向就需要有線，這條線是看不見摸不著，他是通過軸來形成。如何形成軸的概念，那通過對齊，相同形狀元素。

總結

上面一共說了UI排版中常用的四大排版黃金原則，綜合使用能給排版設計帶來質的提升。視覺焦點、層次結構、視覺重量,三者相互影響，最 后視覺方向是前面三者影響的結構。用戶能否順利在你的產品完成任務，達到預期目標，全靠視覺方向指引，那么這些我們通過大小、對比、顏色、留白、形狀、位置等來協(xié)調使用他們。