UI設計教程學習分享:APP佈局

programmer_feng發表於2018-10-25

一、宮格佈局

這種APP資訊佈局方式也是我們目前最常見的一種方式,也是符合使用者習慣和黃金比例的設計方式,最知名的就是錘子手機的介面設計。錘子手機介面設計欣賞知名的APP設計採用的九宮格、六宮格等方式佈局有:攜程APP、途牛APP、支付寶APP等等。

984d31a2df324568bf0d5d89901ea49c.png

c5b6ba3a00804ca6aa5fa71c90f70587.png

九宮格是一種比較古老的設計,它最基本的表現其實就像是一個三行三列的表格。

 

採用宮格佈局的優勢:

非常方便的適配所有的移動手機機型。因為這樣的結構是最有利於內容區域隨螢幕分辯率不同而自動伸展寬高,同時也是ios和android開發人員比較容易編寫的一種佈局方式。

資訊內容展示的方式,簡單明瞭。

 

二、列表佈局

列表佈局就是以列表的形式展示具體內容,並且能夠根據資料的長度自適應顯示。

列表佈局就是List View   是可以滾動的列表佈局方式,最常見的應該屬於android的列表佈局,這也是最快速的app佈局方式。因為無論ios開發和android 都有現成的列表佈局外掛和模板。

4fdbdea293364787aa263a537a5b7395.png

7b6ed0c6c33840778196e6dfb9f00cd5.png

以上的APP介面基本都是以列表佈局為主導。最能代表的就是分類資訊的展示形式。還有產品列表、對話列表等等。

 

三、大圖展示佈局

這類佈局多見於引導頁設計和一些圖片分享app、或者文藝範、攝影類的APP主導的佈局方式。

a0ee41779267459893823b26e9dcaa1c.png

197eff8f775d4679880e82a1f467d37c.png

 

編輯:千鋒UI設計

相關文章