ประวัติ ของ ปุ่มแฮมเบอร์เกอร์

การออกแบบดั้งเดิม

ปุ่มแฮมเบอร์เกอร์ในอินเตอร์เฟซของกูเกิลโครมรุ่น 22 สังเกตบริเวณมุมขวาบนของเบราเซอร์

ไอคอนนี้ดั้งเดิมแล้วออกบบโดย นอร์ม โค๊กซ์ (Norm Cox) เพื่อใช้ในอินเตอร์เฟซของ ซีรอกซ์สตาร์ (Xerox Star) ซึ่งเปิดตัวในปี 1981[2] ไอคอนนี้กลับมาสู่การใช้อย่างแพร่หลายเริ่มต้นในปี 2009 ซึ่งเริ่มจากความนิยมในการใช้มือถือสูงขึ้น และปัญหาเกิดเมื่อการออกแบบอินเตอร์เฟซนั้นต้องทำกับพื้นที่หน้าจอที่จำกัดขนาดการแสดงผลของแอพพลิเคชันมือถือ[3][4][5] โค๊กซ์อธิบายการสร้างสรรค์ไอคอนนี้ของเขาว่า “กราฟิกนี้ต้ังใจจะให้มีลักษณะเรียบง่ายแบบ ‘ป้ายบอกทางบนท้องถนน’ กล่าวคือ เรียบง่าย จดจำการใช้งานได้ และเลียนแบบลักษณะของรายชื่อเมนูที่จะแสดงผลเมื่อกดปุ่มลงไป ด้วยความที่การออกแบบนั้นทำให้พื้นที่พิกเซลที่จำกัด มันเลยต้องโดดเด่นแต่เรียบง่าย ตอนนั้นผมรู้สึกว่าเราต้องออกแบบมันให้ได้ในพื้นที่แค่ 16x16 พิกเซลเองเท่านั้มั้ง (หรืออาจะเป็น13x13 พกเซลก็ได้นะ ผมจำตัวเลขเป๊ะ ๆ ไม่ได้)” (“Its graphic design was meant to be very “road sign” simple, functionally memorable, and mimic the look of the resulting displayed menu list. With so few pixels to work with, it had to be very distinct, yet simple. I think we only had 16×16 pixels to render the image. (or possibly 13×13… can’t remember exactly).”)[6]

ใกล้เคียง

แหล่งที่มา

WikiPedia: ปุ่มแฮมเบอร์เกอร์ https://www.evernote.com/shard/s207/sh/022f2237-4b... https://gizmodo.com/who-designed-the-iconic-hambur... https://www.w3schools.com/howto/howto_css_menu_ico... https://blog.placeit.net/history-of-the-hamburger-... https://web.archive.org/web/20151107060809/https:/... https://web.archive.org/web/20160206205739/http://... https://web.archive.org/web/20170202023133/https:/... https://web.archive.org/web/20180905231557/https:/... https://web.archive.org/web/20180920161124/https:/... https://stuffandnonsense.co.uk/blog/we_need_a_stan...