<listing id="xdh1b"><var id="xdh1b"><i id="xdh1b"></i></var></listing><menuitem id="xdh1b"></menuitem><var id="xdh1b"></var>
<menuitem id="xdh1b"><dl id="xdh1b"><listing id="xdh1b"></listing></dl></menuitem>
<var id="xdh1b"></var><listing id="xdh1b"></listing>
<cite id="xdh1b"></cite>
<var id="xdh1b"><strike id="xdh1b"><thead id="xdh1b"></thead></strike></var>
<var id="xdh1b"></var>
<var id="xdh1b"></var>
<menuitem id="xdh1b"></menuitem>
<var id="xdh1b"></var><cite id="xdh1b"><strike id="xdh1b"></strike></cite>
<menuitem id="xdh1b"><strike id="xdh1b"><listing id="xdh1b"></listing></strike></menuitem><del id="xdh1b"><span id="xdh1b"></span></del><var id="xdh1b"></var><var id="xdh1b"><strike id="xdh1b"><listing id="xdh1b"></listing></strike></var>
<cite id="xdh1b"></cite>

實用App導航菜單設計方案

meng發表于 2014/08/11
相對于pc來說,手機比它的分辨率小了很多,所以在設計移動應用時候,要對導航菜單那里進行周密的考慮,保持簡約風格以及實用性。下面使我們整理的幾款優秀的手機app導航菜單設計方案,你可以嘗試這些設計。

我們將APP導航劃分為一下5種設計類型:

  1. 列表式菜單
  2. 矩陣、網格式菜單
  3. 底部菜單
  4. 頂部菜單
  5. 擴展菜單

一、列表式菜單

列表式菜單設計這個從網站到手機APP上都很常用的,遵循由上至下的閱讀習慣方式,所以使用起來用戶不會覺得困難。另外我們可以通過漂亮的配色、圖標組合來設計,使得菜單更多加美觀。
upload/2014-08/140811100580441.jpg

二、矩陣、網格式菜單設計

網格式菜單就類似于metro UI的堆砌色塊,優點簡約而不簡陋,導航清晰、明顯,并能提高效率。但設計時切記不分青紅皂白的去使用色彩哦,這可能會讓用戶不知所措和產生疲倦感。
upload/2014-08/140811100580442.jpg

三、底部菜單

底部菜單主要是列出應用程序重要的功能。
upload/2014-08/140811100580443.jpg

四、頂部菜單

頂部菜單和底部意義差不多,把菜單放在頂部,可以遵循上至下的閱讀習慣,不過我認為有個缺點就是不能單手操作。
upload/2014-08/140811100580444.jpg

五、擴展菜單

擴展式菜單設計現在連網站也很常用,當我們覺得菜單比較點用位置的時候,可以嘗試用這種方式來隱藏菜單,需要注意的是設計展開菜單按鈕大部設計在左或右上角這些顯示的位置。
upload/2014-08/140811100580445.jpg

©2010-2014 秦皇島易博網絡科技有限公司 我們專注于微信開發 | 網站建設 冀ICP備12004938號-3