3分鐘學習產品設計的界面構圖

前言

剛開始做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字形構圖)。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容