被人遗忘的汉堡菜单栏由谁代替了?

发布时间:2016-12-09 编辑发布:迪麦互动

随着互联网的发展,网页设计也在发生改变,一直以来汉堡菜单图标运用广泛,毫无疑问它的好处是:方便、简洁、直观。

通常我们的网页在设计时导航在顶端最显眼的位置,担任着重要的角色,在责任不变,外观更实用美观的前提下,导航栏还能作出怎样的改变,以下四个解决方案在设计网页时也许可以帮到你。

1、垂直导航

垂直导航字体是一个全新的趋势,与通常的横向内容来说,它看起来新鲜奇特。更重要的是,它需要更少的空间,只是一个狭窄的线,尽管如此,它在视觉上,几乎延伸到屏幕的高度,设计紧凑,便捷。

虚拟会议带回家给我们如何成功地实现这种类型的导航。团队使其导航90度,并把它放置于专用面板以及标志。好又巧妙。

一开始,网站功能是一个平庸的导航栏头;然而,当你开始向下滚动,它顺利转换与垂直菜单排版,坚持左侧和游客同步,这里的确是诀窍。

2、零散分布式

这不是一个被广泛使用的解决方案,通宵它需要一个适当的页面,比如,集中布局或结构明显的排版。

每一个角落老给它留信息:标识、社交、菜单图标和快速访问有关的部分。他们还巧妙地确定轻重缓急,一切整洁简单,而背后的团队Kygo不限制自己,尽可能有效地合理利用空间。主页功能很多东西,位于页面的边界:cta,导航指标,社会媒体,标识,导致一个漂亮的设计。

3、超窄滑出式

通常,它位于左侧,无缝集成。在大多数情况下,它只是幻灯片的形式来显示,隐藏了所有的元素,简单的几个图标元素,超窄的区域。如在移动应用程序。

主页是分成两个不平等的部分。第一个是一个侧栏标识和链接菜单,第二个是主内容区域。解决方案自然将注意力转向“欢迎”区域,同时悄悄地建立一个焦点。

4、透明式

在汉堡菜单栏时代,垂直导航是很平庸的,但用于纯色和透明背景时便另有一番感觉,它可以放置在任何地方,但作为一个规则,与标志搭配在一起最配。

例如,Linmark;团队利用传统的竖直导航,精心安排在屏幕的右侧。它始于基于类型标识,以社交媒体链接作为图标的集合。每个幻灯片的右边是故意增白,这样组件得到了必要的对比达到最佳的可读性。解决方案感到不同寻常。

它占据了领先地位,但不占主导地位。正如您可能期望的那样,位于页面的核心,它可以预见映入眼帘的第一秒。看起来整洁、清晰和微妙,完美的标识和通行的气氛。

俗话说,小细节会产生大影响,在网站设计中一个元素、丰富的菜单栏都会增强用户体验,从众多设计中脱颖而出。



分享至: