前言
剛開始做APP,為什么別人家的產品界面設計那么好。其實產品設計和畫畫一樣,是有一些構圖技巧的,3分鐘了解那些產品設計中的常用構圖技巧。
1.九宮格
九宮格是中國老祖宗很早就傳下來的,在我們常用的很多APP中都用了九宮格布局。比如微信,支付寶,應用圖案解鎖界面,錘子OS的Android系統(tǒng)...
微信錢包
錘子OS
一些9宮格的變化使用:
2.圓心點放射結構
整個軟件鮮活起來。界面中的圓形能集中用戶的視線,引導點擊操作,突出主要的功能點或數據,把產品核心展現(xiàn)出來。
3.三角形構圖
主要運用在文字與圖標的版式中,能讓界面保持平衡穩(wěn)定。從上至下式的三角形構圖,能把信息層級羅列得更為規(guī)整和明確。
在界面中三角形構圖大部分都是圖在上,字在下,閱讀更為舒服,有重點有描述。
三角形構圖
4.視線引導構圖法則(SF字形構圖)
通過引導讀者視線,對增強用戶體驗有重要作用。能夠獲得非常舒服的閱讀體驗。避免雜亂無章的構圖,讓用戶厭倦。
S字型構圖
在引導頁中也會常常運用到S形的構圖。圖文進行穿插布局,這樣的構圖層次感分明,動感十足!
S型引導頁
F形構圖在banner中使用,能將標題更為突出,主題更加吸引視線。
F形構圖
總結
在后續(xù)的界面設計中,可以就應用這些構圖了。4種(九宮格構圖,星形構圖,三角形構圖,SF字形構圖)。