课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
UI设计中有很多基本不会出错的基础样式设计，对于小白来说，先掌握这些基础样式十分重要。本文长春达内IT培训为大家介绍UI导航设计基础样式：汉堡菜单。
汉堡菜单又被称为侧边栏、抽屉菜单，是非常流行的移动端导航设计模式之一，手机屏幕上的空间是非常宝贵的，它可以帮助你节省屏幕上的空间。使用抽屉面板，你可以将导航都隐藏在屏幕左边缘以外，当用户进行操作的时候再显示在屏幕内。如果你希望你的用户专注于屏幕上的主要内容，这种设计模式会比较合适。
汉堡菜单的优点：
● 可以包含大量的导航选项。这种导航模式的主要优势在于：它可以在一个很小的空间内包含相当多的导航选项。
● 极简设计。将导航选项从屏幕中转移到侧边的菜单中，释放了屏幕空间。
汉堡菜单的缺点
● 隐藏起来的导航相对来说难以发现。不在视线范围内的东西，人们就很少会去想起它。当导航被隐藏起来以后，用户就变得不太使用导航。虽然这种导航模式已经变得越来越普遍，很多手机用户也熟悉这种模式，但是仍然有很多人根本想不到去展开导航。
● 与平台导航规则冲突。汉堡菜单已经成为Android上的一个标准模式(在Material Design中将这种导航模式称为“抽屉导航，Navigation Drawer”)。但是，在iOS中它根本无法实现，因为它会和原有的基本导航元素冲突，顶部的导航栏会堆积太多的元素。
● 汉堡菜单隐藏了导航内容。用户快速浏览页面的时候，汉堡菜单不能告诉用户目前的状态。只有当用户点击汉堡图标的时候，用户才能看到目前状态的信息。
● 需要额外的操作才能完成目标任务。用户通常需要点击两下(一下点击菜单图标，另一下点击目标选项)才能到达某个特定的页面。
汉堡菜单设计小贴士
● 确定导航选项的优先级。如果你的导航很复杂，那么隐藏导航并不会让它变得对移动端友好。很多实际的例子清楚地表明，用更明显的方式展现菜单栏可以显著提高用户参与度和满意度。所以，问问你自己“什么东西重要到要显示在手机屏幕上?”。回答这个问题就需要你清楚地理解什么对你的用户来说是重要的。
● 如果你有几个(一般≤ 5个)的优先级都很高的导航选项，你可以考虑使用标签或标签栏。
YouTuBe使用标签栏，使用户可以通过1次点击到达核心功能，并能快速在功能中切换
● 仔细检查你的信息架构。好的APP会专注于某件事情。所以，如果你的APP非常复杂，你可以考虑将它拆分成两个(或更多)的简单的APP。Facebook发布了他们的Messenger应用程序来解决这个复杂性的问题。减少功能相应地也会减少导航选项，对汉堡菜单的需求就会减少。
< 上一篇：Java开发笔试题：创建线程的方式及优劣势
下一篇：学习UI设计需要做好哪些准备工作 >
2025-04-17
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 5月29日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 5月29日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 5月29日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 5月29日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 5月29日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 5月29日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 5月29日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 5月29日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 5月29日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 5月29日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 5月29日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
