UI設(shè)計4大排版原則

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

1.視覺焦點

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

2.層次結(jié)構(gòu)

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

3.視覺重量

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

4.視覺方向

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

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

總結(jié)

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