什么是汉堡包菜单,它用于什么?

时间:2016-10-12 12:55:08

标签: hamburger-menu

什么是“3 Line Menu”或“Hamburger Menu”?

它有用吗?它在申请或网站中的用途是什么?

4 个答案:

答案 0 :(得分:3)

您可能还会将汉堡菜单视为:

  • 热狗菜单
  • 三线菜单
  • 煎饼菜单
  • 选项菜单
  • 烤肉串菜单

它从菜单图标的典型外观中获取这些名称:

  

Source: https://www.computerhope.com/jargon/h/hamburger-menu.htm

     

<强>图。 1: Mozilla Firefox 2017中的汉堡包菜单图标(以红色突出显示)。


按下图标后,菜单会在屏幕上滑动或弹出。
当用户重新点击菜单外的图标或区域时,或者在某些情况下滑动时,它将再次隐藏自身。

下面是一个开放的汉堡菜单的示例:

  

Source: http://cdn.ilovefreesoftware.com/wp-content/uploads/2014/09/Extra-Browsing-Options.png

     

<强>图。 2:打开&#34;弹出&#34;如 Atlas Web Browser for Android 2014中所见的风格汉堡菜单。


另一个例子:

  

Source: http://media.tumblr.com/a0714a6b9fd605bea3631b5c0e7ff561/tumblr_inline_mw8n4sAc1e1sqe4gp.png

     

<强>图。 3:打开&#34;滑动&#34; 适用于Android的YouTube应用 2013中的风格汉堡菜单。

目的

汉堡菜单非常适合移动设备,因为菜单是隐藏的,因此可以释放内容空间。

汉堡菜单的主要缺点是它不太明显。因此,我建议仅在空间很重要时使用它,例如在移动应用程序中。

话虽如此,汉堡菜单可以与主要菜单一起用作辅助菜单。这对Web开发很有用。

例如,现在看一下这个当前的桌面网页(2017)。您将在顶部看到主菜单项:问题,开发人员职位,文档,标签,用户

然后,如果您向右看,则汉堡菜单用于辅助菜单项:收件箱,成就,帮助,堆叠交换站点。 事实上,图标是独一无二的,可以让列表更加清晰,但最右边的图标是典型的汉堡包图标与语音泡泡的巧妙结合。

参考

答案 1 :(得分:0)

什么是汉堡菜单?

汉堡包菜单(没有侧边炸薯条)是你现在在很多屏幕顶部看到的三条水平线,无论是在最左边还是最右边。

在实际案例中,它是一个Icon。

汉堡菜单的使用:

通过触摸,点击或点击图标,它会打开一个侧边菜单,其中包含一系列选项或其他页面。

一些开发者喜欢汉堡包3线菜单图标,因为它使他们能够将更多功能打包到他们的应用程序或导航中。微小的图标占用了极少量的屏幕空间。它为应用程序或网站提供了简洁的外观。

答案 2 :(得分:0)

汉堡菜单是菜单图标的名称,该图标找到了响应隐藏传统文件菜单的网站。按下图标,菜单会下降,并带有一些动画,为您的网站提供了一个很棒的外观和感觉。它通常用于制作网站在手机中看起来很好,以使它们具有响应性。

答案 3 :(得分:-1)

汉堡包菜单是3或4水平线图像,称为汉堡包。