汉堡图标的起源

2014 年 4 月 2 日理论 & 教程
一直对各种经典图标的起源非常感兴趣,所以曾经也尝试探索过类似为什么设置图标用齿轮或扳手表示这样的问题。除了一些常用的图标出处和来源已经比较确定之外,最近随着移动平台的热潮而火起来的汉堡图标(见下图)的出处之前还没有什么定论。

图片载入中...


显然国外有更多对于这个课题感兴趣的,并且这个叫 Geoff 的设计师走得更深了一步,他在看了一段施乐公司早期电脑产品的视频之后发现了汉堡图标的疑似出处,并向当年施乐帕克研究中心(Xerox PARC) 的视觉设计师 Norm Cox 发信求证,Norm 确认了在早期的设计中确实第一次使用了这个如今看起来貌似非常简单而且信手拈来的图标,他的邮件回复如下,原文请移步 The origin of the hamburger icon

你的猜测是正确的,那个符号确实是我好多年前设计的,其初是作为「关联菜单选项」的图标。这个功能跟现在电脑上针对某些特定控件的点击右键弹出菜单的操作是对应的。

设计之初是想把这个图标做成像「道路标识」那样的简单风格,方便记忆并且能模仿最终弹出菜单的样子。由于当时的屏幕像素限制,在 16x16(或者是 13x13,详细记不清了)下必须去掉很多细节并保持视觉的独特性。

在给潜在用户试用产品的时候我们曾经开玩笑地说这个图标其实是整个窗口的「排气孔」,是用来给系统散热的~听到这个说法的用户都会觉得挺好笑,也顺便加深了大家的记忆。

说起来也感到很荣幸,很多我们在探索年代做的一些开创性设计经过了时间的考验,如今都已经成了 UI 设计中的事实规范了。

请随意把我的回复发到网上,图形用户刚刚诞生在 Xerox PARC 的那段时间里,以及之后 30 年作设计咨询的生涯里,我还有很多设计故事可以分享。我认为把早期探索时候的思路、遇到的限制以及背后的思考和灵感告诉现在的设计师是很重要的。 我只要求在公开的时候留下出处,方便让其他的朋友也能跟我联系,欢迎来找我聊聊设计!

诚挚的问候
Norm


图片载入中...



很多设计在如今看来都已经习以为常或者觉得原本就该那样,但是实际上其背后总是有着或多或少的故事,向所有那些做出过历久弥新的创新的设计师表达深深的敬意。  

分享博文



博文评论