漢堡包選單

用户界面元素

漢堡包選單(又名摺疊選單,英語: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).