排版可謂是UI設(shè)計(jì)師必備的專(zhuān)業(yè)技能之一，但如何讓界面有規(guī)律有節(jié)奏去展示信息內(nèi)容呢？今天的杭州UI設(shè)計(jì)學(xué)習(xí)課就給大家分享高效排版的四大技巧。

1、視覺(jué)焦點(diǎn)視覺(jué)焦點(diǎn)就是在界面中占主導(dǎo)地位的視覺(jué)元素，第一時(shí)間進(jìn)入你眼睛，在整個(gè)設(shè)計(jì)中不能強(qiáng)調(diào)所有設(shè)計(jì)元素；需要確保關(guān)鍵元素用戶的操作目標(biāo)是清晰的。塑造視覺(jué)焦點(diǎn)可以采用三種方法：1）對(duì)比設(shè)計(jì)。將主體元素進(jìn)行縮放，放大的效果是能占據(jù)更多的空間，而縮小的話，可以在留白之類(lèi)的效果下使用，會(huì)顯得更加純凈，反而容易吸引大家的注意力。

2）破圖設(shè)計(jì)。即打破原有的輪廓，在保持形體的前提下，塑造畫(huà)面的趣味性和視覺(jué)焦點(diǎn)。局部進(jìn)行破圖可以將元素簡(jiǎn)單的進(jìn)行結(jié)合，整體破圖一般是設(shè)計(jì)中元素大量使用，經(jīng)過(guò)整體的排版，改變呆板的印象。

3）視角設(shè)計(jì)。在進(jìn)行設(shè)計(jì)的時(shí)候，選擇不同的視角，就可以展示不同的效果。仰視，俯視等等都是比較獨(dú)特的，從視覺(jué)上就能夠帶個(gè)大家不同的感覺(jué)。

2、層次結(jié)構(gòu)建立視覺(jué)層次結(jié)構(gòu)可以通過(guò)大小、對(duì)比、顏色、肌理、留白、空間等可感知的視覺(jué)元素；好的設(shè)計(jì)它的視覺(jué)層次結(jié)構(gòu)分明且符合用戶閱讀習(xí)慣。有效利用視覺(jué)層次的方法有五個(gè)：1）按大小順序排列標(biāo)題、副標(biāo)題和正文；2）增加圖標(biāo)的大小以反映其重要性；3）使用顏色作為視覺(jué)亮點(diǎn)；4）混合字體樣式；5）使用網(wǎng)格來(lái)排列圖像。

3、視覺(jué)重量視重圍繞這樣一個(gè)主題：不同的元素在設(shè)計(jì)中表現(xiàn)不同的重要性。影響視覺(jué)重量的因素有大小、對(duì)比、顏色、留白、形狀、位置等。視重非常依賴(lài)設(shè)計(jì)師的直覺(jué)，要做到視覺(jué)結(jié)構(gòu)豐富和對(duì)稱(chēng)和諧的設(shè)計(jì)取決于我們利用好視重并平衡好各元素之間的關(guān)系，使之整體、協(xié)調(diào)。

4、視覺(jué)方向如果視覺(jué)重量是將眼睛吸引到特定位置，則視覺(jué)方向是將眼睛引導(dǎo)到下一個(gè)位置。視覺(jué)方向是視覺(jué)力的感知方向，你以把它想象成一個(gè)元素在運(yùn)動(dòng)時(shí)移動(dòng)的方向。你可以修改元素的特征以建議不同的方向，比如元素的形狀、元素的位置、元素、運(yùn)動(dòng)、結(jié)構(gòu)骨架、結(jié)構(gòu)骨架等。綜合運(yùn)用以上四個(gè)原則，你的設(shè)計(jì)排版會(huì)有一個(gè)質(zhì)的提升。當(dāng)然，一個(gè)好的UI設(shè)計(jì)師不僅要熟練掌握各種設(shè)計(jì)技巧，更要具備扎實(shí)的理論功底和較多的設(shè)計(jì)經(jīng)驗(yàn).