排版可謂是UI設計師必備的專業(yè)技能之一,但如何讓界面有規(guī)律有節(jié)奏去展示信息內容呢?今天的杭州UI設計學習課就給大家分享高效排版的四大技巧。
1、視覺焦點視覺焦點就是在界面中占主導地位的視覺元素,第一時間進入你眼睛,在整個設計中不能強調所有設計元素;需要確保關鍵元素用戶的操作目標是清晰的。塑造視覺焦點可以采用三種方法:1)對比設計。將主體元素進行縮放,放大的效果是能占據(jù)更多的空間,而縮小的話,可以在留白之類的效果下使用,會顯得更加純凈,反而容易吸引大家的注意力。
2)破圖設計。即打破原有的輪廓,在保持形體的前提下,塑造畫面的趣味性和視覺焦點。局部進行破圖可以將元素簡單的進行結合,整體破圖一般是設計中元素大量使用,經過整體的排版,改變呆板的印象。
3)視角設計。在進行設計的時候,選擇不同的視角,就可以展示不同的效果。仰視,俯視等等都是比較獨特的,從視覺上就能夠帶個大家不同的感覺。
2、層次結構建立視覺層次結構可以通過大小、對比、顏色、肌理、留白、空間等可感知的視覺元素;好的設計它的視覺層次結構分明且符合用戶閱讀習慣。有效利用視覺層次的方法有五個:1)按大小順序排列標題、副標題和正文;2)增加圖標的大小以反映其重要性;3)使用顏色作為視覺亮點;4)混合字體樣式;5)使用網格來排列圖像。
3、視覺重量視重圍繞這樣一個主題:不同的元素在設計中表現(xiàn)不同的重要性。影響視覺重量的因素有大小、對比、顏色、留白、形狀、位置等。視重非常依賴設計師的直覺,要做到視覺結構豐富和對稱和諧的設計取決于我們利用好視重并平衡好各元素之間的關系,使之整體、協(xié)調。
4、視覺方向如果視覺重量是將眼睛吸引到特定位置,則視覺方向是將眼睛引導到下一個位置。視覺方向是視覺力的感知方向,你以把它想象成一個元素在運動時移動的方向。你可以修改元素的特征以建議不同的方向,比如元素的形狀、元素的位置、元素、運動、結構骨架、結構骨架等。綜合運用以上四個原則,你的設計排版會有一個質的提升。當然,一個好的UI設計師不僅要熟練掌握各種設計技巧,更要具備扎實的理論功底和較多的設計經驗.