學(xué)習界面的排版設計需要學(xué)些什么知識？

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

1、視覺(jué)焦點(diǎn)

視覺(jué)焦點(diǎn)就是在界面中占主導地位的視覺(jué)元素，第一時(shí)間進(jìn)入你眼睛，在整個(gè)設計中不能強調所有設計元素；需要確保關(guān)鍵元素用戶(hù)的操作目標是清晰的。塑造視覺(jué)焦點(diǎn)可以采用三種方法：

1）對比設計。將主體元素進(jìn)行縮放，放大的效果是能占據更多的空間，而縮小的話(huà)，可以在留白之類(lèi)的效果下使用，會(huì )顯得更加純凈，反而容易吸引大家的注意力。

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

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

2、層次結構

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

3、視覺(jué)重量

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

4、視覺(jué)方向

如果視覺(jué)重量是將眼睛吸引到特定位置，則視覺(jué)方向是將眼睛引導到下一個(gè)位置。視覺(jué)方向是視覺(jué)力的感知方向，你以把它想象成一個(gè)元素在運動(dòng)時(shí)移動(dòng)的方向。你可以修改元素的特征以建議不同的方向，比如元素的形狀、元素的位置、元素、運動(dòng)、結構骨架、結構骨架等。

綜合運用以上四個(gè)原則，你的設計排版會(huì )有一個(gè)質(zhì)的提升。當然，一個(gè)好的UI設計師不僅要熟練掌握各種設計技巧，更要具備扎實(shí)的理論功底和較多的設計經(jīng)驗.