Mobile 三行菜单？纳维孔？抽屉？菜单图标？侧击？三条条纹？汉堡包？

在一次设计会议上，人们提出了一个问题：“有三条横线的组件的名称是什么？”这在移动应用程序和移动web中很常见，它将要滑动的东西可视化。在谷歌上搜索这个主题似乎经常使用Navicon或Drawer，不过我也看到了侧扫，甚至是汉堡包。试图达成共识

---

我认为最好的候选人是“三条水平线”

---

看看这篇文章，他们简要介绍了它的使用历史：

最早的参考文献的名称是Norm Cox和Xerox大约在1990年创建的菜单按钮

---

我认为应该是“THL navicon”，因为它可以简化为三条水平线，并且更易于口语表达。但它已经被称为汉堡包或抽屉菜单。

我认为最好是用三条水平线和动画效果来显示菜单

如果我们谈论使用css和javascript的web应用程序，那么它很容易实现

您可以使用以下jquery插件：

只需将以下元素添加到HTML代码中：

<div id="hamburgerMenu"></div>

---

请在此处尝试演示：

显示andriod应用程序主菜单的三行图标的名称是Navigation Drawer。我们可以使用任何图标进行此操作。

我自己也在想这个问题。。。我不知道，所以有一天我在工作中把它称为“三酒吧”，它似乎一直在我的同事那里（没有开玩笑）。发音像“三角形”或“三轮车”，我的灵感来自凯尔特人的triskele（发音更像“小姐”而不是“我的”）

结果:

---

称之为。。。折叠菜单

简单&切中要害；管理员或用户容易理解

就是这样

---

；-）

它需要一个标题吗？如果你把它称为三行导航图标，我相信大多数人都会理解你所说的。如果他们不这样做，那么他们也会失去一个特殊的名字。这是一个很好的观点。我的目的是了解并列出组件可能使用的其他名称/标题，并可能达成共识。就我个人而言，我更喜欢一个标准的速记名字，比如抽屉。我也认为它需要一个名字。试着就一件你不知道叫什么的事情进行对话？然后一天尝试很多次。似乎没有正式的名字，所以我投“汉堡包”的票。这很有趣，令人难忘，所以我认为它会很容易流行起来。我能够让我的客户使用这个术语。他们马上就看到了相似之处。现在我们总是在谈论汉堡包。我是通过搜索“建议将菜单3行图标命名为“菜单抽屉”而来到这里的。我完全支持将其命名为“菜单抽屉”。我认为这是一个简单、通用的术语，非常适合视觉外观和功能！适用于“不知道参考的人”，他们会很快了解它——就像“lol”、“facebook timeline”、“tweets”、“emoticon”等——如果程序员和设计师使用相同的名称，那就太好了。在我看来，这应该是一个共识，但设计师的原因将得到轻微的优先考虑。嗯，实际上，可能会更合适。。。如果可以的话，这个问题可以移动。。。

         }, [
             {"id":"Brain","href":"index.html","text":"Pinky"},
             {"id":"Spongebob","href":"Spongebob.html","text":"Sponge Bob"},
             {"id":"Ghostbusters","href":"Ghostbusters.html","text":"Ghostbusters"},
             {"id":"fraggle","href":"other.html","text":"Fraggle rock"}
         ]
 );

<div id="lines"></div>

#lines { 
    border-bottom: 17px double black; 
    border-top: 6px solid black; 
    content:"";
    height: 5px; 
    width:30px;
}