5种实用App导航菜单设计方案
来源:互联网 发布:淘宝客服回复话术 编辑:程序博客网 时间:2024/05/22 05:20
手机分辨率比桌面平台小很多,所以设计手机网站或是移动应用的时候,导航菜单都需要考虑周全,尽量保持简约和易用性高,这里我们整理了5种实用的移动手机App导航菜单设计方案,你可以尝试这些菜单设计模式用在你的新设计项目上,好用而且有新鲜感。
这5种App菜单设计方案也许有很多设计师已经在使用,但不能否认它是目前实用的,而且能提高用户体验的菜单设计方案。下面摘选移动手机UI设计美观、时尚,希望你看了后会有灵感收获,能把你的菜单设计得更棒,好好学习吧。
APP导航设计类型:
- 列表式菜单
- 矩阵、网格式菜单
- 底部菜单
- 顶部菜单
- 扩展菜单
一、列表式菜单
列表式菜单设计这个从网站到手机APP上都很常用的,遵循由上至下的阅读习惯方式,所以使用起来用户不会觉得困难。另外我们可以通过漂亮的配色、图标组合来设计,使得菜单更多加美观。
GIF Aimation
Elevatr
HabitClock App
Instagrab for iOS
二、矩阵、网格式菜单设计
网格式菜单就类似于metro UI的堆砌色块,优点简约而不简陋,导航清晰、明显,并能提高效率。但设计时切记不分青红皂白的去使用色彩哦,这可能会让用户不知所措和产生疲倦感。
Vectra
Arrivo Mobile App
Abracadabra App
TRAVERSE
三、底部菜单
底部菜单主要是列出应用程序重要的功能。
Badoo concept
Animated sliding tab bar
四、顶部菜单
顶部菜单和底部意义差不多,把菜单放在顶部,可以遵循上至下的阅读习惯,不过我认为有个缺点就是不能单手操作。
Horner
Discovery Channel
Air flow calculation app
Shario App
五、扩展菜单
扩展式菜单设计现在连网站也很常用,当我们觉得菜单比较点用位置的时候,可以尝试用这种方式来隐藏菜单,需要注意的是设计展开菜单按钮大部设计在左或右上角这些显示的位置。
MuSeek
Univit UI
SVOY app design
Időkép
总结
从上面5个菜单设计方案中可以看出都有自己的优缺点,所以我们应该选择对你项目最为有效的方案,并能提高用户体验。
- 5种实用App导航菜单设计方案
- 一个仿QQ导航菜单,非常实用!
- 经典实用的触发型导航菜单
- 实用js+css滑动门导航菜单
- 简单实用的垂直导航菜单
- 比较实用的手风琴菜单及导航菜单
- j2me 菜单设计方案1
- 利用div+css生成简单的导航菜单,简单实用
- 25个实用的Photoshop菜单和导航教程
- 美观实用的 侧导航菜单样式(JS+CSS)
- app混合设计方案
- app好友接口设计方案
- 磁条导航全向机器人设计方案
- Slideout.js – 触摸滑出式 Web App 导航菜单
- Slideout.js触摸滑出式 Web App 导航菜单调用方法
- Slideout.js – 滑出式 Web App 导航菜单
- Slideout.js — 触摸滑出式 Web App 导航菜单
- 导航菜单
- 页面加载插件时遇到的零碎问题
- 互联网金融-众筹平台的分类
- OpenCV绘图总结
- Dos窗口下的复制与粘贴
- 【Hibernate步步为营】--核心对象+持久对象全析(一)
- 5种实用App导航菜单设计方案
- oracle 10g下范围分区扫描的几种方式
- Dreamweaver CS6破解教程[序列号+破解补丁]
- 黑马程序员_java多线程
- Chrome开发,debug的使用方法。
- 互联网金融-互联网金融分析框架:从支付、投资、融资三个维度理解何谓“互联网金融”
- 用Iterator实现遍历集合
- listView中adapter有不同的click事件的简单写法
- 记__零基础学java的开始