APP界面布局"小經驗"
APP界面布局設計是APP設計中非常重要的一環,合理的運用APP界面布局會讓APP的界面顯得很清晰美觀。那么常見的APP界面布局有哪些呢?
- 作者:hellokenken來源:安卓巴士|2019-10-11 19:04
APP界面布局設計是APP設計中非常重要的一環,合理的運用APP界面布局會讓APP的界面顯得很清晰美觀。那么常見的APP界面布局有哪些呢?
①頂部導航。整個的應用的導航在頂部,用戶通過左右滑動來切換不同的導航選項卡,主內容區域將是一個動態面板。當用戶點擊導航條目或者左右滑動手指的時候,就切換主內容區域的動態面板的狀態。
②標簽式導航。具有多個主要功能劃分的應用都采用了這個方式;適合3~5個導航菜單,核心功能比較突出,也能夠以很直觀的方式通知用戶。
③抽屜式。抽屜式布局是指導航隱藏在左側或者右側,用戶通過滑動拖拽的方式,像打開抽屜一樣將導航部分拖出。這種布局適合主內容較多,不希望菜單欄占據固定位置消耗空間的應用程序。
④九宮格式。九宮格其實不一定是九個格,可以根據需要靈活地調整。九宮格布局的特點就是直觀,所有的功能一目了然。
⑤下拉列表式。在這種布局中菜單默認是隱藏的,用戶點擊后滑出,有點兒類似于抽屜布局,不過一般是上下滑動的。
⑥異形。在這類布局中,會采用一些非常規的菜單來進行導航,例如:圓形的導航盤、飛出式菜單等。
⑦分級菜單。多層級的菜單這種設計適合與項目很多但是每個項目的內容比較簡單的界面應用,例如:聯系人、地址等。推薦閱讀:界面設計的理智與情感!
1、公司/組織的圖標(Logo)在所有頁面都處于同一位置。
2、用戶所需的所有數據內容均按先后次序合理顯示。
3、所有的重要選項都要在主頁顯示,重要條目要始終顯。
5、重要條目要顯示在頁面的頂端中間位置。
6、必要的信息要一直顯示。
7、消息、提示、通知等信息均出現在屏幕上目光容易找到的地方。
8、確保主頁看起來像主頁(使主頁有別于其它二三級頁面)。
9、主頁的長度不宜過長。
10、APP的導航盡量采用底部導航的方式。菜單數目4~5個最佳。
11、每個APP頁面長度要適當。
12、在長網頁上使用可點擊的“內容列表”。
13、專門的導航頁面要短小,避免滾屏,以便用戶一眼能瀏覽到所有的導航信息。
14、優先使用分頁(而非滾屏)。
15、滾屏不宜太多(最長4個整屏)。
16、需要仔細閱讀理解文字時,應使用滾屏(而非分頁)。
17、為框架提供標題。
18、注意主頁中面板塊的寬度。
19、將一級導航放置在左側面板
20、避免水平滾屏。
21、文本區域的周圍是否有足夠的間隔。
22、各條目是否合理分類于各邏輯區,并運用標題將各區域進行清晰劃分。推薦:UI圖標設計基礎(視頻教程)
【編輯推薦】
點贊 0
- 大家都在看
- 猜你喜歡
編輯推薦
- 24H熱文
- 一周話題
- 本月獲贊
- Google 做了 6 個超好玩的應用,但目的卻是讓你放下手機iOS 13 開放了 NFC 標簽讀取功能,你的 iPhone 還能這么玩自由開源 Linux 手機 Librem 5 第二批將延期發貨4G手機的舊制度 5G手機的大革命UI設計師需要學什么?來看高手總結的能力模型!Chrome OS 80 將可以直接構建 Android 應用將HTML5封裝成android應用APK文件的幾種方法收好這幾款iOS「快捷指令」,幫你少下10款App
- “朋友”發微信借錢 語音確認后仍被騙了安卓10終于來了,能吃上的果然只有這些手機!21個免費的UI界面設計工具、資源及網站將HTML5封裝成android應用APK文件的幾種方法安卓封閉墮落or自我救贖?談Android 10的巨大變化HTML6你就這樣拋棄JavaScript?手把手教你表情包的制作方法與流程微信外鏈規范升級:這些行為都不可以
- 網易云音樂、手機QQ的換膚是怎么做到的安卓10終于來了,能吃上的果然只有這些手機!收好這幾款iOS「快捷指令」,幫你少下10款App21個免費的UI界面設計工具、資源及網站將HTML5封裝成android應用APK文件的幾種方法真相了!iOS和Android差距到底有多大?手把手教你表情包的制作方法與流程Safari不是唯一選擇:8款優秀iPhone Web瀏覽器應用!
訂閱專欄+更多
-
中間件安全防護攻略
4類安全防護共4章 | hack_man111人訂閱學習
-
CentOS 8 全新學習術
CentOS 8 正式發布共16章 | UbuntuServer274人訂閱學習
-
用Python玩轉excel
讓重復操作傻瓜化共3章 | DE8UG231人訂閱學習
視頻課程+更多
-
標桿徐2019全新Linux云計算運維系列⑥:Shell
講師:徐亮偉11200人學習過
-
【徐葳】Flink入門及實戰(上)
講師:徐葳60754人學習過
-
網絡安全競賽(CTF)之Web安全入門-CTF入門系列
講師:曲廣平19483人學習過
專題推薦+更多
- 精選博文
- 論壇熱帖
讀 書 +更多
網絡服務器配置與應用(第3版)
本書是由長期從事網絡管理工作和網絡工程人員培訓工作的一線網管人員和教學人員精心編寫,從現實的技術發展角度和實際應用的角度,通過大量...
-
訂閱51CTO郵刊
點擊這里查看樣刊

51CTO服務號

51CTO官微