漢堡選單

用户界面元素

汉堡选单(又名折叠选单,英語: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).