汉堡菜单

用户界面元素

汉堡选单(又名折叠选单,英语:hamburger button),因其形似汉堡而得名,通常是放在图形用户界面顶部角落的按钮。[1]它通常用于切换被折叠的导航栏英语Navigation bar。此选单的按钮一般由三条横线组成,也被称为折叠菜单图标汉堡按钮

三条横线的图片
用于代表折叠选单的汉堡按钮
有三层的汉堡的图片
一个汉堡,也是其别名的来源

历史

该图标最初由设计师 Norm Cox英语Norm Cox 设计,用于施乐Xerox)公司开发的个人电脑 Xerox Star英语Xerox Star 的图形界面中,于 1981 年推出[2]。Cox 如此描述汉堡图标的创作过程:“这个图标的设计目标是像路标一样清晰易懂、功能明确,并模仿菜单列表的外观。由于可用的像素数量有限,图标必须非常简洁且易于识别 [3] 。”

在 Xerox Star 之后,1985 年发行的 Windows 1.0 中,每个视窗的控制菜单都采用了汉堡图标,但在 Windows 2.0 后便弃用[4]。直到 2009 年左右,随着移动设备的普及,此图标因适合有限的屏幕空间而再次流行起来 [5] [6] [7]

参考文献

  1. ^ How To Create a Menu Icon. www.w3schools.com. [2018-09-20]. (原始内容存档于2018-09-05). 
  2. ^ The origin of the hamburger icon. evernote.com. [2018-09-20]. (原始内容存档于2015-11-07). 
  3. ^ A Brief History of the Hamburger Icon. Placeit Blog. 2014-10-29 [2019-02-23] (美国英语). 
  4. ^ Ali, Fahad. Microsoft First Used The Controversial Hamburger Menu In 1985. windowschimp.com. 2015-05-13 [2019-06-12]. (原始内容存档于2021-04-01). 
  5. ^ Campbell-Dollaghan, Kelsey. Who Designed the Hamburger Icon?. Gizmodo. March 31, 2014 [February 2, 2016]. (原始内容存档于2016-02-06). 
  6. ^ A Brief History of the Hamburger Icon. placeit.net. 29 October 2014 [25 January 2017]. (原始内容存档于2017-02-02). 
  7. ^ We need a standard show navigation icon for responsive web design. Stuff & Nonsense. 17 March 2012 [2018-09-20]. (原始内容存档于2018-09-20).