实用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