为什么 GUI 中的这些现实事物图标，会成为全人类通用的视觉语言？

用户1493530

发布于 2026-05-06 21:32:34

230

为什么 GUI 中的这些现实事物图标，会成为全人类通用的视觉语言？

你每天都在点这些图标：漏斗筛选数据，G 字夹压缩文件，剪贴板粘贴内容，地球仪切换语言。但你大概率没想过一个问题：这些图标到底是谁最先画出来的？又凭什么，全世界几十亿人都默认了同一套视觉符号？

说白了，这背后不是哪个 ISO 标准一锤定音的结果。这是一群 1970 年代的研究员、一个焊金属雕塑的艺术家、几家垄断级平台、以及人类认知惯性共同作用下，花了四十年沉淀出来的东西。

▶ 一切的起点：有人环顾了一圈自己的办公室

计算机图标的概念，来自 David Canfield Smith 1975 年在斯坦福的博士论文《Pygmalion》。 他的导师是 Alan Kay，也就是那个提出面向对象编程和个人电脑概念的人。Smith 从宗教圣像画（icon）里借了这个词，因为宗教中的圣像画既是视觉呈现，也承载着圣徒的神圣性。他要的计算机图标也是这样：既是图形，也是功能实体本身。 他后来回忆说，自己当时就是看了一圈办公桌上的东西，给每样东西都画了个图标。

这个想法最终落地到了 1981 年 4 月发布的 Xerox Star 8010，这是人类历史上第一台搭载完整 GUI 的商用计算机。屏幕上摆着一个虚拟办公桌面：文档图标是带折角的纸张，文件夹就是马尼拉文件夹的形状，还有文件柜、收件箱、发件箱、打印机。

六位主设计师参与了交互模型的设计，而真正把草图打磨成专业图标的，是一个叫 Norm Cox 的人。

Cox 是 Xerox 达拉斯分部的制图员，1978 年调到 PARC 来做图标设计。他后来回忆说文件夹图标画起来最简单，因为马尼拉文件夹这个东西实在太常见了，辨识度极高。文档图标那个标志性的折角，其实来自一台复印机上的浮雕标记，用来指示纸张方向。更厉害的是，Cox 还设计了三横线的汉堡菜单图标（☰），这个东西四十多年后你在每个网页和 App 里都还能看到。他后来给 IBM 做了近十年咨询，又去三星当了八年 UX 总监，拿了 29 项设计专利。

两年后，Apple Lisa（1983年1月） 在 Star 的基础上做了大量改进：拖放操作、下拉菜单、可重叠窗口、桌面垃圾桶。Lisa 的第一版垃圾桶设计相当放飞自我，据设计师 Dan Smith 描述，那是一个破破烂烂的巷子里的垃圾桶，盖子半开着还有苍蝇围着飞。上市前当然被改掉了。但 Lisa 有一个影响至今的贡献：它是第一个正式用 Clipboard 这个名字来称呼复制粘贴缓冲区的商用系统，Command-X/C/V 的快捷键组合也是从这里开始标准化的。

▶ Susan Kare：用方格纸画出了数字时代的象形文字

1984 年 Macintosh 发布的时候，它的图标有一种 Star 和 Lisa 都没有的温度感。这完全是 Susan Kare 一个人的功劳。

Kare 的入职经历本身就很离奇。她是纽约大学的艺术博士，之前在做金属雕塑，完全不懂计算机。1983 年 1 月，她高中同学 Andy Hertzfeld（Mac 团队核心工程师）打电话给她的时候，她正在焊一个真人大小的野猪雕塑。Hertzfeld 问她想不想来 Apple 画图标。她的员工卡编号是 3978，名片上印着 HI Macintosh Artist。

她的工作方法非常原始：在 2.5 美元一本的方格纸上，按 32×32 的网格填色画图标。她之前做过马赛克、十字绣、点彩画，这些经验正好用上了。Hertzfeld 写了个图标编辑器把她的纸上设计转到屏幕里。2015 年，MoMA（纽约现代艺术博物馆）收藏了她的原始草图笔记本。

她设计的东西你肯定都见过：开机时微笑的 Happy Mac、系统崩溃时的炸弹图标、垃圾桶、剪刀代表剪切、手指代表粘贴、油漆桶和套索工具（MacPaint 首创，后来 Photoshop 和 Illustrator 全都沿用了），还有 Command 键的⌘符号，以及 Chicago 字体（Mac 系统字体，一直用到前四代 iPod）。关于炸弹图标，她后来说当时被告知用户永远不会看到这个图标，所以觉得可以画得随意一点。

Kare 的设计哲学很务实：好的图标应该像路标，而不是插图，要用最清晰简洁的方式传达一个概念。 她的影响力远超 Apple。1990 年 Windows 3.0 纸牌游戏的卡牌背面 就是她设计的，那个纸牌游戏教会了几百万人用鼠标拖放操作。后来她还给 IBM OS/2、Facebook、Pinterest 做过设计。2019 年获得 Cooper Hewitt 终身成就奖。

▶ 逐个拆解：七个图标的前世今生

G 字夹 / 台钳 = 压缩

这个映射的物理逻辑很直接：夹钳把东西挤压得更紧凑，压缩算法把数据挤压得更小。把这个隐喻真正带入大众视野的是 WinZip。 1991 年 4 月 3 日，Nico Mak 发布了 WinZip，作为 PKZip 的图形界面前端运行在 Windows 3.0 上。它的注册商标 logo 就是一个台钳夹着文件夹的图案。

在 WinZip 之前，没有压缩工具用过夹钳隐喻。Mac 上的 StuffIt（1987）用的是钻石 logo，PKZip（1989）是纯命令行工具，WinRAR 选了叠放的书本，7-Zip 用的是文字 logo。Nielsen Norman Group 的 Jakob Nielsen 把它归类为 reference icon：不是直接描绘对象本身，而是通过类比来表达概念。他指出，要给文件压缩画一个 resemblance icon（直接写实描绘的图标）几乎不可能，因为压缩这个过程本身是看不见的。

这个隐喻的影响力强到什么程度呢？2014 年 Unicode 7.0 把夹钳 emoji（🗜️）正式收录进标准，官方命名就叫 Compression。 Emojipedia 的说明里直接提到了 WinZip 的图标。一个 1991 年的共享软件 logo，变成了 Unicode 标准的一部分。

漏斗 = 筛选

实验室里的漏斗配滤纸，液体通过、固体留下。这个隐喻映射到数据上就是：所有记录从宽口进去，筛选后的结果从窄口出来。这个图标几乎可以确定起源于 1993 年的 Microsoft Excel 5.0。 那个版本引入了 AutoFilter 功能（同时还带来了 VBA 和数据透视表），到 Excel 97 的时候漏斗图标已经稳定地出现在工具栏上。激活自动筛选后，被筛选的列标题会显示一个小漏斗指示器。

没有任何公开记录表明是哪位设计师最先画的这个图标。它的传播完全靠 Microsoft 的市场统治力：Access 的查询功能用它，然后 Tableau、Power BI 等 BI 工具跟进，再然后是各种数据库管理工具和 Web 应用。今天在 Flaticon 上搜 filter funnel 能找到超过 14000 个图标，Noun Project 上也有 5000 多个。

其实吧，有人在 LinkedIn 上给了一个更直白的解释：根本没有什么好的图标能代表筛选，当年某个不在乎准确性的人随手选了一个最接近的东西。 倒是也有道理。

三点连线 = 分享

问题里说的是三通管，但实际上现代的分享图标并不是管道接头。它是一个网络拓扑图：一个节点向两个节点分发内容。 而且这个图标有一个非常明确的作者。

2006 年 12 月 4 日，丹佛的 WordPress 开发者 Alex King 在他的博客上发布了他为 WordPress 插件 Share This 设计的图标方案：一个绿色图标，三个圆点通过连线相连，一个根节点分叉到两个子节点，代表信息从一个来源传播到多个接收者。他特意把根节点放在中间而不是左下角，就是为了避免跟 RSS 图标混淆。

2007 年，ShareThis 公司获得了这个图标的授权，以 GPL、LGPL、BSD 和 CC-BY 2.5 多种许可证开源。Android 的 Material Design 几乎原样采用了 King 的三节点设计。 而 Apple 走了完全不同的路：初代 iPhone（2007）的分享按钮是一个带弧形箭头的托盘图标，经过 iOS 7（2013）的改版演变成了现在的方框加向上箭头的样子。Apple 官方把这个按钮叫 Action button，连 Share 这个词都不用。King 在 2015 年 9 月去世了，但他的设计成了 Android 和 Web 端的分享图标标准。

两种地球仪，两个含义

带经纬线的抽象地球仪代表互联网，带大陆板块的写实地球仪代表区域/语言设置。 这个区分不是某个人规定的，但逻辑很清晰：经纬网格描绘的是一个抽象的、连通的世界，对应 World Wide Web 里的 World；地理地球仪描绘的是真实的地理位置，人们在不同的地方说不同的语言、用不同的时区。

经纬线地球仪跟早期 Web 浏览器的历史绑得很紧。NCSA Mosaic（1993年1月）这个第一款流行的图形浏览器就用了带连线的地球图标。Netscape Navigator（1994年12月）把它的 N 字母放在蓝色球体前面。Internet Explorer（1995）最初把地球描绘成安静的蓝色调，到 1996 年引入了标志性的蓝色 e 字母加轨道环的设计，暗示全球连接性。Windows 95 的桌面上甚至有一个直接叫 The Internet 的图标，就是一个地球。

语言和区域设置这边，早期设计师选了不同的视觉方案。Mac OS X 10.0（2001）的国际化偏好设置面板用的是联合国旗帜，Windows 用的是带地理细节的地球仪。后来联合国旗被替换成了更简洁的地球图标（macOS 10.13，2017），写实地球仪成了语言选择器的事实标准，LinkedIn、Airbnb、Atlassian 等大站都在用。UX 研究者 John Yunker 的评价是：虽然有这样那样的问题，地球图标仍然是表达"选择语言"的最佳图标。 2008 年有位设计师 Onur Mustak Cobanli 尝试创建一个专门的 Language Icon 标准，还拿了设计奖，但始终没能取代地球仪。

笔记板夹 = 剪贴板（Clipboard）

Clipboard 这个术语是 Larry Tesler 在 1973 年左右在 Xerox PARC 创造的。 当时他和 Tim Mott 正在开发 Gypsy 文字处理器。物理世界的 clipboard（夹纸板）的功能是用弹簧夹临时固定一张纸，方便你拿着到处走。数字世界的 clipboard 做的事情一模一样：临时保存复制的数据，等你粘贴到别的地方。

Tesler 同时还创造了 cut、copy、paste 这三个术语，直接借鉴了传统手稿编辑的操作：用剪刀把段落剪下来（cut），把它糊到新位置上（paste）。在 Tesler 之前，类似功能在 TECO（1960 年代）里叫 Q-register，在斯坦福的系统里叫 delete buffer。

Apple Lisa（1983）是第一个在商用系统中正式使用 Clipboard 这个名称的。 Macintosh（1984）在编辑菜单里加了 Show Clipboard 选项，这个功能今天在 macOS Finder 里还有。Windows 1.0（1985）发布时就自带了 Clipboard Viewer（CLIPBRD.EXE），到 Windows 3.1 进化成 ClipBook Viewer，Vista 时代被移除，然后在 Windows 10 Build 17666（2018）以 Clipboard History（Win+V）的形式回归。

交互设计大佬 Alan Cooper 在他的著作 About Face 里批评过这个隐喻的局限性：为了忠实于剪贴板的物理比喻，数字剪贴板被设计得极其弱，同一时间只能存一样东西，也没有历史记录。物理隐喻帮助用户理解了概念，但也同时限制了功能的想象空间。 这是拟物化设计一个很经典的副作用。

▶ 这些图标凭什么能活四十年？

这里要提到一个关键概念：affordance（可供性）。这个词是心理学家 James J. Gibson 1966 年提出的，1988 年被 Don Norman 在他的名著 The Design of Everyday Things 中引入设计领域。Norman 的核心观点是：设计好的物体应该在视觉上暗示它的使用方式。门把手暗示拉，平板暗示推。拟物化图标把这个原则延伸到了屏幕上：垃圾桶图标暗示把东西扔进去。

但光有理论不够，真正让图标全球统一的是平台垄断。 Windows 在整个 1990 到 2000 年代占据了大约 90% 的 PC 市场份额，Microsoft Office 是全球主导的办公套件。Word 和 Excel 工具栏上的那些图标：软盘代表保存、打印机代表打印、加粗 B、斜体 I、剪刀代表剪切，这些成了所有软件的基准期望。用户在 Office 里学会了这些图标，就期望在其他所有地方看到一样的。

然后是 Apple 的设计规范（Human Interface Guidelines） 在另一端推波助澜。这个规范最早由 Bruce Tognazzini 在 1978 年 9 月起草，1986 年正式出版，明确提出图标应该通过表现、类比或隐喻来传达含义。

关键信息是：没有任何 ISO 标准规定某个 GUI 图标必须长什么样。 ISO/IEC 11581（1999-2000 年首次发布）提供了图标设计的框架、原则和评估标准，但不会规定保存必须用软盘、删除必须用垃圾桶。这些完全是基于惯例的约定，通过几十年的跨平台一致性固化下来的。

▶ 拟物化死了，隐喻还活着

2010 到 2013 年间，设计界经历了从拟物化到扁平化的大转向。Microsoft 最先动手：Windows Phone 7（2010） 的 Metro 设计用纯色方块、无衬线粗体字、单色图标取代了所有立体质感。Apple 紧随其后：2012 年 11 月 Scott Forstall 离职后，Jony Ive 接管 iOS 设计，2013 年 6 月发布的 iOS 7 用细线条、半透明图层彻底抛弃了皮革、毡布和木纹。Ive 的解释是：用户已经习惯了触摸玻璃屏幕，不再需要物理按钮的视觉暗示了。Google 的 Material Design（2014年6月） 走了一条中间路线，把屏幕当作有投影的纸张层。

但这里有一个很多人忽略的事实：扁平化杀死的是拟物化的视觉装饰，不是拟物化的隐喻本身。 相机图标还是相机，文件夹还是文件夹，垃圾桶还是垃圾桶。底层的物理对象到数字功能的映射关系完全没变，只是渲染风格从照片级写实变成了线条轮廓。

Nielsen Norman Group 的一项研究发现，83% 的参与者仍然把软盘图标跟保存联系在一起，96% 的人能正确识别或理解它的含义，尽管软盘这个物理介质在 1990 年代末就从电脑上消失了。这个图标已经从 resemblance icon（像它所描绘的物体）变成了 reference icon（指代它曾经代表的概念），再变成了一种可以称为 frozen metaphor（冻结隐喻） 的东西：一个被深度学习的符号，已经完全超越了它的物理来源。