<optgroup id="b2bz8"><code id="b2bz8"><blockquote id="b2bz8"></blockquote></code></optgroup> <form id="b2bz8"><nobr id="b2bz8"><meter id="b2bz8"></meter></nobr></form>

    <address id="b2bz8"></address>
    <nav id="b2bz8"><strong id="b2bz8"></strong></nav>

    <address id="b2bz8"><nobr id="b2bz8"></nobr></address><menu id="b2bz8"><tt id="b2bz8"></tt></menu>
    |
    |
    51CTO旗下網站
    |
    |
    移動端

    APP界面布局"小經驗"

    APP界面布局設計是APP設計中非常重要的一環,合理的運用APP界面布局會讓APP的界面顯得很清晰美觀。那么常見的APP界面布局有哪些呢?

    作者:hellokenken來源:安卓巴士|2019-10-11 19:04

    APP界面布局設計是APP設計中非常重要的一環,合理的運用APP界面布局會讓APP的界面顯得很清晰美觀。那么常見的APP界面布局有哪些呢?

    APP界面布局\"小經驗\"

    ①頂部導航。整個的應用的導航在頂部,用戶通過左右滑動來切換不同的導航選項卡,主內容區域將是一個動態面板。當用戶點擊導航條目或者左右滑動手指的時候,就切換主內容區域的動態面板的狀態。

    APP界面布局\"小經驗\"

    ②標簽式導航。具有多個主要功能劃分的應用都采用了這個方式;適合3~5個導航菜單,核心功能比較突出,也能夠以很直觀的方式通知用戶。

    APP界面布局\"小經驗\"

    ③抽屜式。抽屜式布局是指導航隱藏在左側或者右側,用戶通過滑動拖拽的方式,像打開抽屜一樣將導航部分拖出。這種布局適合主內容較多,不希望菜單欄占據固定位置消耗空間的應用程序。

    APP界面布局\"小經驗\"

    ④九宮格式。九宮格其實不一定是九個格,可以根據需要靈活地調整。九宮格布局的特點就是直觀,所有的功能一目了然。

    ⑤下拉列表式。在這種布局中菜單默認是隱藏的,用戶點擊后滑出,有點兒類似于抽屜布局,不過一般是上下滑動的。

    APP界面布局\"小經驗\"

    ⑥異形。在這類布局中,會采用一些非常規的菜單來進行導航,例如:圓形的導航盤、飛出式菜單等。

    APP界面布局\"小經驗\"

    ⑦分級菜單。多層級的菜單這種設計適合與項目很多但是每個項目的內容比較簡單的界面應用,例如:聯系人、地址等。推薦閱讀:界面設計的理智與情感!

    APP界面布局\"小經驗\"

    1、公司/組織的圖標(Logo)在所有頁面都處于同一位置。

    2、用戶所需的所有數據內容均按先后次序合理顯示。

    3、所有的重要選項都要在主頁顯示,重要條目要始終顯。

    APP界面布局\"小經驗\"

    5、重要條目要顯示在頁面的頂端中間位置。

    6、必要的信息要一直顯示。

    7、消息、提示、通知等信息均出現在屏幕上目光容易找到的地方。

    APP界面布局\"小經驗\"

    8、確保主頁看起來像主頁(使主頁有別于其它二三級頁面)。

    9、主頁的長度不宜過長。

    10、APP的導航盡量采用底部導航的方式。菜單數目4~5個最佳。

    APP界面布局\"小經驗\"

    11、每個APP頁面長度要適當。

    12、在長網頁上使用可點擊的“內容列表”。

    13、專門的導航頁面要短小,避免滾屏,以便用戶一眼能瀏覽到所有的導航信息。

    APP界面布局\\\"小經驗\\\"

    14、優先使用分頁(而非滾屏)。

    15、滾屏不宜太多(最長4個整屏)。

    16、需要仔細閱讀理解文字時,應使用滾屏(而非分頁)。

    17、為框架提供標題。

    APP界面布局\"小經驗\"

    18、注意主頁中面板塊的寬度。

    19、將一級導航放置在左側面板

    20、避免水平滾屏。

    21、文本區域的周圍是否有足夠的間隔。

    22、各條目是否合理分類于各邏輯區,并運用標題將各區域進行清晰劃分。推薦:UI圖標設計基礎(視頻教程)

    APP界面布局\\\"小經驗\\\"

    【編輯推薦】

    1. iOS 13:更多系統APP和組件采用Swift編寫
    【責任編輯:未麗燕 TEL:(010)68476606】

    點贊 0
    分享:
    大家都在看
    猜你喜歡

    訂閱專欄+更多

    中間件安全防護攻略

    中間件安全防護攻略

    4類安全防護
    共4章 | hack_man

    111人訂閱學習

    CentOS 8 全新學習術

    CentOS 8 全新學習術

    CentOS 8 正式發布
    共16章 | UbuntuServer

    274人訂閱學習

    用Python玩轉excel

    用Python玩轉excel

    讓重復操作傻瓜化
    共3章 | DE8UG

    231人訂閱學習

    讀 書 +更多

    網絡服務器配置與應用(第3版)

    本書是由長期從事網絡管理工作和網絡工程人員培訓工作的一線網管人員和教學人員精心編寫,從現實的技術發展角度和實際應用的角度,通過大量...

    訂閱51CTO郵刊

    點擊這里查看樣刊

    訂閱51CTO郵刊

    51CTO服務號

    51CTO官微

    日韩大片