三行菜单？纳维康？抽屉？菜单图标？侧扫？三条纹？汉堡包？ [关闭]

Posted 2023-03-31

【中文标题】三行菜单？纳维康？抽屉？菜单图标？侧扫？三条纹？汉堡包？ [关闭]

【英文标题】：Three line menu? Navicon? Drawer? Menu Icon? Side Swipe? Three stripes? Hamburger? [closed]

【发布时间】：2013-12-05 14:16:31

【问题描述】：

在一次设计会议上，提出了一个问题“三横线的组件的名称是什么？”它在移动应用程序和移动网络中很常见，可视化要滑动的东西。谷歌搜索似乎经常使用 Navicon 或 Drawer 的主题，尽管我也看到了 Side Swipe 甚至是 Hamburger。努力达成共识……

【问题讨论】：

需要标题吗？如果您将其称为三行导航图标，我相信大多数人都会理解您在说什么。如果他们不这样做，那么他们也会失去一个特殊的名字。

这很好。我的目的是了解并列出组件可能使用的其他名称/标题，并可能达成共识。就我个人而言，我更喜欢像抽屉这样的标准简写名称。

我也认为它需要一个名字。试着就你不知道叫什么的事情进行对话？然后每天尝试多次。

似乎没有正式名称，所以我投票给“汉堡包”。它既有趣又令人难忘，所以我认为它很容易流行起来。我能够让我的客户使用这个词。他们立即看到了相似之处。现在我们总是在谈论汉堡包。

我是通过搜索“将菜单3行图标命名为'菜单抽屉'的建议得到的。我完全支持将其命名为“菜单抽屉”。我认为这是一个简单、通用的术语，符合视觉外观以及完美的功能！对于“不知道参考的人”，他们会很快地接受它——就像“lol”、“facebook 时间线”、“tweets”、“emoticon”等跨度>

【参考方案1】：

我认为最好的候选是“三横线”。

看看这篇文章，他们简要介绍了它的使用历史：http://mobile.smashingmagazine.com/2012/10/08/the-semantic-responsive-design-navicon/

【讨论】：

有一个graphicdesign.stackexchange.com - 如果程序员和设计师使用相同的名字就好了。在我看来，这应该是一个共识，但设计师的原因会被优先考虑。

嗯，实际上，ux.stackexchange.com 可能更合适

...所以如果可以的话这个问题可以移动...

【参考方案2】：

我认为它应该是“THL navicon”作为三个水平线的缩写，并且更易于口语。但它已经被称为汉堡或抽屉菜单。

【参考方案3】：

显示安卓应用主菜单的三行图标的名称是导航抽屉。我们可以使用任何图标。

【参考方案4】：

最早的参考名称为菜单按钮，由 Norm Cox 和 Xerox 大约在 1990 年创建...

http://vimeo.com/61556918

http://gizmodo.com/who-designed-the-iconic-hamburger-icon-1555438787

【参考方案5】：

我认为最好是三个带有效果动画的水平线来显示菜单

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

您可以使用以下 jquery 插件： https://www.articlage.com/adrianillo/article/HamburgerMenu

只需将以下元素添加到您的 html 代码中：

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

并运行以下javascript：

$("#hamburgerMenu").hamburgerMenu( mainContent: 'mainContent',

         , [
             "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"
         ]
 );

在此处尝试演示：https://db.tt/FQP2dv7Y

【参考方案6】：

我自己也在想这个……我不知道，所以有一天我把它称为工作中的“三杠”，它似乎一直被我的同事所困扰（没有开玩笑）。像“三角形”或“三轮车”一样发音，无可否认，我的灵感来自凯尔特人的三轮车（发音更像“小姐”而不是“我的”）。

【参考方案7】：

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

CSS

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

结果：

【参考方案8】：

称之为...折叠菜单。

简单&中肯；管理员或用户容易理解。

就是这样！

;-)