UI设计干货|抽屉导航（汉堡菜单）模板素材

1.简介

抽屉导航也叫汉堡菜单，是将一个导航页（菜单）隐藏在当前页面，点击汉堡按钮，导航页会像抽屉一样从页面左侧或右侧拉出。我们可以通过现实意义的抽屉来理解这种导航：

美丽的汉堡菜单

美丽的汉堡动画菜单

汉堡动画菜单

汉堡菜单动画

1）抽屉作为收纳物品的容器，通常可以存放多个物品（抽屉导航可以放置多个次级功能入口）

2）抽屉通常是关起来的，需要时才打开，因此抽屉内的物品通常不可见（抽屉导航只有点击后才能看到次级功能入口）

汉堡菜单

2.设计特征

1）通常用于放置非常用、非核心、低频但必要的功能。如对设置、个人信息等。

为什么要放置低频、非核心功能？因为抽屉导航具有隐藏的特性，而根据前面的介绍，越是核心、高频的功能，就越应该放在用户容易看到、触及的地方地方。

2）使用抽屉导航，通常意味着产品的主要功能集中在主页面当中。

3.优缺点

1）优点

占用页面空间较少，使得主页面能承载更多的信息，页面更简洁，用户可以更专注于使用产品的核心功能。

具有较强的次级功能扩展性，可以在抽屉导航页放置较多的功能入口。

2）缺点

隐藏式设计，可发现性较差，增加了用户的发现成本。

4.原型设计实现案例

iOS的模式：侧面导航抽屉酒吧

应用程序导航抽屉

抽屉式导航栏

更多优秀的导航素材模板到搜UI (SOOUI) ,通过临摹，一则用来强化技法层

面的能力，二来也能提升初学者的创新能力。

临摹的内容，可以有两方面选择：一种是系统自带的图标，另一种则是行业牛人的设计作品，

捉摸他们的设计风格、思想和细节，都能加深对设计的认识。

UI设计干货|抽屉导航（汉堡菜单）模板素材相关推荐

帮助UI设计师缕清思路的GUI模板素材
图形用户界面(Graphical User Interface,缩写为 GUI)又称图形用户接口,是指采用图形方式显示的计算机操作用户界面. UI设计,全称User Interface,作为近年设计行 ...
UI设计干货素材|简单素材模板教你分分钟提高UI设计水平！
对于初学者来说,设计经常会没有思路为了保证更优用户体验更是十八般武艺,样样精通看看这些优秀的简单素材模板教你分分钟提高UI设计水平! 视觉动效能有效提升用户满足感,刺激其多次操作语音援助UI ...
【可临摹UI设计干货】APP UI界面的版式设计理论！
APP UI 的界面看似只有几个简单的元素组合起来,所有元素的绘制可以说比较简单,然而当一个产品原型出来后,设计师如果单纯按原型来进行设计而不考虑信息化规则,那么很多时候就会出现不协调的效果.其实UI ...
25套用于 Web UI 设计的免费 PSD 网页元素模板
Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. ...
UI设计干货可临摹素材|打造精美的UI界面！
设计一套精美可用和能解决用户问题的UI是需要花费一定时间的,并且在这过程中,你需要不断调整与打磨细节直到你的客户.用户和您自己真正觉得不错的东西.入门新手不容易掌握其中的要点,建议多临摹优秀作品,实实 ...
UI设计干货素材|轻松搞定页面分页符（指示器）的设计
页面指示器(Page Indicator),iOS规范将其称为Page Controls.看到这些名字可能让人觉得相对陌生,但其实它是页面中再熟悉不过的控件了. 分页按钮分页符是用来表示页面总数和指 ...
UI设计(PS+AI)入门教程【视频+素材】
最近几天很多粉丝私信问我,有没有UI设计教程可以分享一些UI设计教程吗,于是小编就整理了一整套的UI设计入门教程. 今天免费分享给大家,希望对大家学习UI设计过程中有所帮助 PS.AI是UI设计师必不 ...
UI设计干货素材|动效导航，漂亮的悬停动效
动效是近年来的设计重头戏,而它在导航中得到更多的运用也是自然的事情.当动效融入导航设计中的时候,并不需要过于复杂的展现. 漂亮的悬停动效,或者利落的跳跃效果,都可以用来引导用户. 导航栏动画案例中的 ...
UI设计干货素材|动态交互插画模板
以前的插画,可能你只需要把画面设计好看,够生动符合场景感,那么在未来插画也需要能动起来,动态插画更像一个简单的动画片,能更好的将画面故事完整的表达出来,相对静态插画更加生动. 看看搜UI (SOOUI ...

UI设计干货|抽屉导航（汉堡菜单）模板素材

UI设计干货|抽屉导航（汉堡菜单）模板素材相关推荐

最新文章

热门文章