企业及高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

g

广州

h

杭州

s

上海

w

武汉

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > U I 设计 > AI+UX设计大师班 >你的App还在用汉堡包导航吗？来看看2018年的5个新趋势！

你的App还在用汉堡包导航吗？来看看2018年的5个新趋势！

发布时间：2018-11-17 19:57:24

当汉堡包（抽屉）菜单首次亮相时，他们在设计界的评价充其量是喜忧参半。发展快速的这几年，这些简单的线条现在点缀着互联网的风景。汉堡包菜单又叫做抽屉菜单，是以侧边栏滑动的方式展现，常见于APP应用上（位于左上角）不少网站也效仿这样的方式来设计。

在此期间，汉堡包图标菜单已经发展到了一个新的水平，特别是在动画领域。此外，CSS3，SVG和Canvas上大量创造复杂的、流畅的过渡的动画来提高整个用户体验。音频也更为常见和被接受，为用户与菜单之间交互提供额外提示。

在这篇文章中，我将向你展示汉堡包菜单的5个发展趋势，我们可以期望在2018年后会有更多。

1、不仅仅是菜单链接

除了主导航设计上，你会看到越来越多的汉堡包菜单被用来显示在次要信息，如联系信息、社交信息等。因为它能更好地利用页面空间，通过折叠的方式来查看网站上的电子邮件、地址等信息。


2、菜单中的选项卡和内容行

汉堡包菜单显示时通常显示一个完整的页面信息。可以展示很多内容，尤其是在桌面上，不止是显示一列的菜单链接。为此，许多汉堡包菜单现在显示多行内容，或内容按照TAB标签排列：




3、菜单中的音频提示

将音频作为导航工具始终是有争议的，但如果做得很好，让你的网站与众不同。也许是这种心态，我看到更多的汉堡包菜单添加声音的组合。这是一份汉堡包菜单：


4、菜单上使用SVG制作流畅，弹性的动画效果

Web设计中的动画不仅提供了视觉上的乐趣，无论是积极的还是消极的，都有助于网站的整个用户体验。现在，汉堡菜单动画的趋势是使用SVG或Canvas制作流畅有弹性的动画，从而创造出更加无缝、迷人的体验：



5、动画背景菜单

最后用全屏菜单，你经常会遇到很空的背景区域。更多的网站选择利用醒目的动画背景，甚至用视频来做这项工作。这是一个动画背景，当菜单打开时，你会感觉自己像在云端：


结论

汉堡包菜单的发展是多样性的——有的填满整个页面，有的则打开一部分。有些网站只包含主要的菜单，而另一些则以大量的二级菜单给我们带来惊喜。这代表了汉堡包菜单以更时尚，更灵活的形式进入到下一次迭代中，提高对用户的友好性。

（本文转载于微信公众号：聊设计(ID:liaosheji2010)，原作者：Dynamic Drive）

上一篇 2011年网页设计趋势全面分析

下一篇 Get 10条设计技巧，新手也能完美设计！

返回列表
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作QQ : 1336151628
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

×

确定