UI設計教程學習分享:APP佈局
一、宮格佈局
這種APP資訊佈局方式也是我們目前最常見的一種方式,也是符合使用者習慣和黃金比例的設計方式,最知名的就是錘子手機的介面設計。錘子手機介面設計欣賞知名的APP設計採用的九宮格、六宮格等方式佈局有:攜程APP、途牛APP、支付寶APP等等。
九宮格是一種比較古老的設計,它最基本的表現其實就像是一個三行三列的表格。
採用宮格佈局的優勢:
非常方便的適配所有的移動手機機型。因為這樣的結構是最有利於內容區域隨螢幕分辯率不同而自動伸展寬高,同時也是ios和android開發人員比較容易編寫的一種佈局方式。
資訊內容展示的方式,簡單明瞭。
二、列表佈局
列表佈局就是以列表的形式展示具體內容,並且能夠根據資料的長度自適應顯示。
列表佈局就是List View 是可以滾動的列表佈局方式,最常見的應該屬於android的列表佈局,這也是最快速的app佈局方式。因為無論ios開發和android 都有現成的列表佈局外掛和模板。
以上的APP介面基本都是以列表佈局為主導。最能代表的就是分類資訊的展示形式。還有產品列表、對話列表等等。
三、大圖展示佈局
這類佈局多見於引導頁設計和一些圖片分享app、或者文藝範、攝影類的APP主導的佈局方式。
編輯:千鋒UI設計
相關文章
- UI培訓教程分享:APP啟動頁UI介面設計UIAPP
- Android入門教程 | UI佈局之LinearLayout 線性佈局AndroidUI
- Android入門教程 | UI佈局之RelativeLayout 相對佈局AndroidUI
- Flutter學習指南:UI佈局和控制元件FlutterUI控制元件
- ui設計教程分享:關於Logo設計要素UIGo
- UI培訓教程分享:UI設計如何確定設計風格UI
- UI設計培訓教程分享:UI設計師的色彩使用技巧UI
- ui設計培訓學習就業大綱分享UI就業
- UI設計課程教程分享:Banner的設計和技巧UI
- 手機app開發UI佈局的影響APPUI
- UI培訓教程分享:APP圖示設計的6種風格都有哪些?UIAPP
- UI培訓教程分享:UI設計的分類有哪些?UI
- flex佈局學習Flex
- UI設計新手看過來,UI教程教學UI
- UI設計 | 分享一波購票類的APP介面設計UIAPP
- UI設計培訓分享:APP圖示設計規範介紹UIAPP
- SAP 電商雲 Spartacus UI 頁面佈局的設計原理UI
- 前端BFC佈局學習前端
- Android學習—— Android佈局Android
- UI設計培訓分享:app圖示設計要遵循哪些原則UIAPP
- UI設計培訓分享:UI設計自學好還是報班好?UI
- UI培訓分享:學UI設計需要知道哪些事情?UI
- CSS學習-Flex佈局複習CSSFlex
- UI設計培訓分享:UI設計師的設計思路UI
- 碼農如何學設計 - Web UI 設計學習心得WebUI
- 學習UI設計能做什麼UI
- 學習UI設計有哪些技巧UI
- 好程式設計師Web前端教程分享Vue學習心得程式設計師Web前端Vue
- 女生適合學習UI設計嗎?UI
- 通過動效學習UI設計UI
- 學好UI設計,需要學習哪些軟體?UI
- HarmonyOS Java UI之DirectionalLayout佈局JavaUI
- 非設計類專業學習UI設計需要學習哪些基本技能?UI
- Xamarin 學習筆記 - Layout(佈局)筆記
- Flutter學習之”相對佈局“Flutter
- kivy八種佈局方式學習
- CSS學習筆記:flex佈局CSS筆記Flex
- 【Flutter 2-12】Flutter手把手教程UI佈局和WidgFlutterUI