5种实用App导航菜单设计方案


时间: 2021-07-30 10:38:26 人气: 6 评论: 0

手机分辨率比桌面平台小很多,所以设计手机网站或是移动应用的时候,导航菜单都需要考虑周全,尽量保持简约和易用性高,这里我们整理了5种实用的移动手机App导航菜单设计方案,你可以尝试这些菜单设计模式用在你的新设计项目上,好用而且有新鲜感。

这5种App菜单设计方案也许有很多设计师已经在使用,但不能否认它是目前实用的,而且能提高用户体验的菜单设计方案。下面摘选移动手机UI设计美观、时尚,希望你看了后**有灵感收获,能把你的菜单设计得更棒,好好学习吧。

APP导航设计类型:

  1. 列表式菜单
  2. 矩阵、网格式菜单
  3. 底部菜单
  4. 顶部菜单
  5. 扩展菜单

一、列表式菜单

列表式菜单设计这个从网站到手机APP上都很常用的,遵循由上至下的阅读习惯方式,所以使用起来用户不**觉得困难。另外我们可以通过漂亮的配色、图标组合来设计,使得菜单更多加美观。

GIF Aimation

Elevatr

Elevatr by Fueled 导航菜单设计

HabitClock App

HabitClock App by Kutan URAL 菜单设计 APP设计

Instagrab for iOS

Instagrab for iOS by Davis Yeung 导航设计 界面设计

二、矩阵、网格式菜单设计

网格式菜单就类似于metro UI的堆砌色块,优点简约而不简陋,导航清晰、明显,并能提高效率。但设计时切记不分青红皂白的去使用色彩哦,这可能**让用户不知所措和产生疲倦感。

Vectra

vectra - branding by Michal Galubinski and thoke design 导航设计 界面设计

Arrivo Mobile App

Arrivo Mobile App 导航设计 界面设计

Abracadabra App

TR**ERSE

T R A V E R S E by  Willis 菜单设计 APP设计

三、底部菜单

底部菜单主要是列出应用程序重要的功能。

Badoo concept

Badoo concept by Jakub Antalik 菜单设计 APP设计

Animated sliding tab bar

四、顶部菜单

顶部菜单和底部意义差不多,把菜单放在顶部,可以遵循上至下的阅读习惯,不过我认为有个缺点就是不能单手操作。

Horner

Horner by Cuneyt SEN UI界面设计

Discovery Channel

Discovery Channel UI界面设计

Air flow calculation app

UI设计

 

Shario App

Shario App by MING Labs&Pierrick Calvez 航行设计 UI设计

五、扩展菜单

扩展式菜单设计现在连网站也很常用,当我们觉得菜单比较点用位置的时候,可以尝试用这种方式来隐藏菜单,需要注意的是设计展开菜单按钮大部设计在左或右上角这些显示的位置。

MuSeek

MuSeek by Al Power 菜单设计 APP设计

Univit UI

Univit UI by Mohammed Alyousfi & Alex Casabo 菜单设计 APP设计

SVOY app design

SVOY app design by Alexandre Efimov 菜单设计 APP设计

Időkép

Idokep by Attila Szabo 菜单设计 APP设计

总结

从上面5个菜单设计方案中可以看出都有自己的优缺点,所以我们应该选择对你项目最为有效的方案,并能提高用户体验。

原文地址:shejidaren

---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,https://www.69shenlan.com/,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,https://www.69shenlan.com/1:1--

APP设计

评论