Mac 图标不是像素问题，是隐喻问题
少画几笔，用户才能把自己放进图标里。16×16 的黑白限制不是设计遗憾，而是逼出好想法的约束。
原视频在 YouTube 上放不出来，用音频听：
核心论点 · 点时间戳可跳到原声
设计的难点是想法，形式会自己跟上
开场先给方法论：Paul Rand 告诉 Susan Kare，设计要「有意义、让人记得住」，而实现它的关键是先有一个好想法，形式随后自然跟上。Susan 说自己不是计算机出身，去 Apple 之前还在阿肯色州焊一只真猪大小的野猪雕塑；正因为没有像素或图形学的包袱，她更把 icon 当成沟通问题。她强调，Paul Rand 这句话放在今天 AI 产品的语感里依然成立。
— Susan Kare限制不是创意的反面，而是创意的前提
当年 Macintosh 的图标规格只有 16×16 像素、黑白两色。Susan Kare 的态度是：限制不是创意的反义词，先认清限制、再为它兴奋，总比抱怨没有一千种颜色强。为了让文字在这么小的格子里不显得锯齿，她用横线、竖线和 45 度斜线整理字形。像素越少，越迫使你把一个对象画到只剩能被认出的那一点点。
— Susan Kare字母不等宽，Mac 的字才好看得多
当时很多设备上的文字是等宽的：M 被压扁，I 被拉宽。Mac 是少数能做比例字体的机器，字母按自己的形状占宽度，所以她一眼就看出「这样好看很多」。她为系统设计了 9 像素高的 Chicago，又按 Times 类和 Helvetica 类的思路做了 New York 和 Geneva。原本名字用的是她和 Andy 高中附近费城郊区的小镇，Steve Jobs 看到后说：城市名不差，但至少用世界级城市的名字。
— Susan Kare图标画得越细，用户越进不去
她用 Scott McCloud 关于漫画的理论解释图标为什么不能画满：一张脸细节越多，越像某一个具体的人；画得极简，每个用户才能把自己的表情投射上去。铅笔同理：一支简单铅笔可以代表「书写」，而带高光的金属笔是一种特定型号的笔，不是人人都用。她认为图标只保留一两个突出特征就够，就像学校路牌上的两个孩子不必有格子午餐盒或鞋带。
— Susan Kare把产品实物画进图标，注定过时
在做 ImageWriter 打印图标时，她画出了带孔纸等真实细节，因为那台打印机确实长这样；但她复盘认为「细节太多」是错误，更简洁一点反而能让符号活得更久。3.5 吋软盘被当作「保存」图标也是同一个教训：再通用的产品实物也会过时。她的替代方案是使用隐喻，并只画到足够被理解的细节。
— Susan Kare虚拟礼物卖的是可爱，不是贵价
她为 Facebook 做过一美元虚拟礼物：每天午夜上架一个新礼物，大约 15 分钟后就能根据销量判断会不会成为爆款。Susan 原本以为画钻石耳环、Rolex 这类贵价物品会显得「花 1 美元很值」，但真实规律是可爱打败一切：心形、泰迪熊、kiss mark 是最畅销的，企鹅的限量款也每次都卖完。买一个笑点或萌点，比买昂贵物品的想象更即时。
— Susan Kare好设计师不参加比稿，只报一个价
Steve Jobs 最初想为 NeXT 的标志做招标：请 5 家或 5 人参赛，各付 1.5 万美元，选中一家再继续。Paul Rand 却说：你会付我 10 万美元，我只做一个标志，而且你会喜欢它。最后事实就是如此。Rand 反对花大钱把一个毫无关联的随机符号变成品牌，更主张在品牌名本身做文章——就像他把 NeXT 放进盒子里，也给 UPS 做了女儿一看就说是「礼物」的标志。
— Susan Kare只拿一个方案见老板，等于逼他说不
Andy Hertzfeld 教她怎么给 Steve Jobs 看方案：不要只拿一个东西去，因为只有一个选项时他只能说不喜欢，这也许会逼你回去做得更好；拿几个选项去，他才能参与进来，指出其中一个很糟，然后仍然挑走一个。她把这个当成给决策者展示创意的通用方法——给判断留出空间，别让一次反馈变成全盘否定。
— Susan Kare原话 · 已逐字校验
always focus on making things meaningful and memorable. And I think the heart of that is have a good idea. And then the form will follow.
永远专注于让东西有意义、让人记得住；这件事的核心是有一个好想法，形式随后自然会跟上。
Susan Kare1:05
You can be creative, but it's good to understand what the constraints are and then be excited about that, as opposed to being upset that you don't have a thousand colors.
你可以有创造性，但重要的是理解限制并为此兴奋，而不是因为没有一千种颜色而不高兴。
Susan Kare7:28
there's not a technical reason that they couldn't have plaid lunch boxes and shoelaces or be singing a song, but it would probably be more distracting and just take away from that instant recognition that you're aiming for.
没有技术上的理由不能给他们画上格子午餐盒、鞋带，甚至让他们唱歌；但这些很可能只会更分散注意力，破坏你想达到的一眼识别。
Susan Kare18:04
it kind of looks like a four leaf clover. That's sort of lucky. And it kind of looks like a clover leaf highway, which might be a way to get somewhere fast.
它看起来有点像四叶草，这有点幸运；又有点像苜蓿叶式立交桥，可能是快速到达某处的路线。
Susan Kare23:12
what I learned was that cute trumped everything.
我学到的教训是：可爱打败了一切。
Susan Kare32:59
you will pay me $100,000. I will do one logo and you will like it.
你会付我十万美元。我只做一个标志，而且你会喜欢它。
Susan Kare38:24
don't show him one thing. Because he'll say he doesn't like it. Because it maybe forces you to go try and do it again and be better.
不要只给他看一个方案。因为只有一个方案时他会说不喜欢；这也许会逼你回去重做，做得更好。
Susan Kare48:58
数字与实体
| Macintosh 图标画布 | 16×16 像素，黑白两色 | 7:28 |
| Chicago 字体字高 | 9 像素（cap height） | 8:32 |
| icon editor 预览分辨率 | 72 dpi | 12:52 |
| 开机图形画布（128K Macintosh） | 32×32 像素 | 15:01 |
| Facebook 虚拟礼物单价 | 1 美元 | 31:52 |
| 判断新礼物是否畅销的窗口 | 上新约 15 分钟 | 32:59 |
术语
- iconographer图标画师
- Susan 自称的职业称谓；把「画图标」当作一门沟通手艺。
- bitmap graphics位图图像
- 以像素网格形式存储的画面；早期 Mac 图标就是 16×16 的位图。
- proportionally spaced fonts比例字体
- 字符按自身形状占不同宽度，而不是每个字等宽。
- cap height大写高度
- 字体度量中，从基线到大写字母顶部的距离。
- Letraset转印字
- 计算机排版出现前，用干式转印把字母贴到纸上的工具。
- desktop metaphor桌面隐喻
- 用文件、文件夹、垃圾桶等桌面物件传达电脑操作概念的比喻体系。
收听指南
给界面上一个图标反复挣扎的设计师，以及想搞懂 Steve Jobs 和 Paul Rand 式创意定价的创业者。
作品回顾段（约 25:20–37:16）可跳过；核心在开头、17:04、38:24。