1984 年麦金塔发布会的展现片段
回看当年的发布会视频,当乔布斯从上衣口袋抽出软盘,插到电脑内后,大屏幕紧接着开端展现体系界面——有图像软件,电子表格,象棋游戏,不同的字体,乃至还有一张乔布斯自己的像素图。

▲
苹果为麦金塔电脑制造的广告
一切的界面都是直观可见的,协作鼠标,悄悄点按图标,你也能敏捷取得想要的功用,无需再输入单调的代码指令。
就像乔布斯所说的,图形界面,能够显现位图的屏幕,代表的是计算机工业的未来。

▲
苏珊·凯时kb88官方卡雷,苹果最早的规划师之一
但今日咱们要聊的,并不是电脑自身,或是乔布斯往事,而是这些界面、图标和字体的暗地规划者:苏珊·卡雷。在苹果内部,她也被称为「图标之母」。
浅笑的 Mac
许多人以为,麦金塔电脑的发布,敞开了计算机图形界面的年代,可事实上在 1983 年,从施乐「偷师」归来的乔布斯,就现已将部分效果运用在了 Apple Lisa 上。

▲
Lisa 是苹果第一台采用了图形界面的个人电脑
只不过,其时 Lisa 的体系界面仍非常粗陋,没有给群众留下深刻印象,加上有不少规划都学习自施乐,乃至连字体都不是自家的,明显也不契合乔布斯想要寻求的成果。

▲
第一代麦金塔开发小组核心成员,后排左数第三位就是安迪·赫茨菲尔德
为了打破现状,麦金塔开发小组的核心成员安迪·赫茨菲尔德开端寻求外援,此刻他想起了自己的高中同学,也就是苏珊·卡雷。
此刻卡雷刚从纽约大学毕业没多久,由于她主修的是美术,具有必定的平面规划经历,所以赫茨菲尔德期望她入伙,为麦金塔电脑做一些体系视觉规划。

▲
1977 年上市的 Apple II 电脑
作为报答,赫茨菲尔德会赠送她一台价值两千美元的 Apple II 电脑,卡雷随即答应下来,表明乐意以兼职身份参加到苹果项目中。
在那个年代,计算机图形规划没有成体系,就连苹果,都还没开宣布完好一套规划东西。迫于无法,赫茨菲尔德只能先让卡雷花几美刀买一本网格笔记本,把图标手绘出来,再让工程师转化为点阵图标。

▲
由于没有专门的绘图软件,卡雷只能先在网格纸上画图标
第一代麦金塔电脑体系中的「剪切」、「张贴」功用,就是在这些网格纸上诞生的,它们别离对应了剪刀手和手指图画,而毛刷,则用在了苹果的绘图软件 MacPaint 中。

▲
卡雷在网格纸上画好的图标,以及对应的电子版
卡雷还手绘了一个炸弹的图画,要是用户在麦金塔电脑上看到它,就证明碰到「死机」了。

▲
这张经典的麦金塔电脑宣扬图,屏幕中的「hello」就是用 MacPaint 画出来的
到了 1983 年,卡雷从兼职身份转为苹果正式职工,首要作业就是参加麦金塔人机界面的规划。此刻苹果的绘图软件 MacPaint 也现已制造完结,让卡雷能够直接在电脑上创造位图图标。

▲
卡雷为苹果规划的各种图标。图片来自:Susan Kare
许多经典图标也是在这个阶段呈现的。比方用来放置删去文件的废纸篓,折了一角的纸张,用于提示「Loading」的手表符号,以及苹果键盘上的「Command」功用键。

▲
现在 Mac 体系中某些图标,仍连续了当年的款式。图片来自:Susan Kare Exhibition
尽管它们都仅仅些很简略的像素图,但胜在直观,并且都带有功用隐喻,让人一看就懂,这也让卡雷取得了乔布斯的认可。
至今,依然有适当一部分图标,能够在 Mac 体系中看到。

但假设要说最为群众所知的规划,应该就是这个自带笑脸的「Happy Mac」了。

▲
麦金塔电脑开机时会呈现一个浅笑的 Mac
当你发动麦金塔电脑后,就能看到一个冲你浅笑的电脑。

▲
运用在「访达」上的双面人笑脸图标,之后还迭代了数版,下图则是毕加索的双面人草稿画
咱们熟知的笑脸形象还有另一种款式,那就是双面人。有人说它的规划构思来源于 DC 漫画中的反派双面人,但更多人以为,它其实是毕加索画作的复原。
现在,咱们依然能在 macOS 体系中的「访达」图标上,看到双面人笑脸的存在。
跟着时刻的开展,Mac 笑脸以及其衍生表情,也沿袭到了其它苹果硬件上,逐步演变成苹果文明的具象呈现。

▲
「Happy Mac」的不和就是「Sad Mac」,之后 iPod 也运用该规划
比方前期的 iPod 里,假设播放器死机了,就会呈现「Sad iPod」的图画,相似于麦金塔电脑硬件毛病后呈现的「Sad Mac」。

▲
Face ID 的笑脸也源自于当年的规划
今日咱们触摸最多的,应该就是 Face ID 设置项里的辨认图,它也采用了笑脸的概括。这也是迄今为止,最高清的「Happy Mac」笑脸图了。
美丽的字体和奶牛狗
乔布斯还在里德学院时,曾旁听过不少书法课,这也令他对各种衬线、无衬线字体宠爱有加。
为了发挥出麦金塔电脑的图形化界面,以及协作打印机印出精巧的字型,卡雷应乔布斯要求,为第一代麦金塔电脑规划了好几种字体,让用户不再只要单一的挑选。
别的,卡雷还担任了体系的界面排版。得益于技能进步,麦金塔电脑上的字体字距不再是固定不变,而是能依据份额进行调整,这使得人们能够在屏幕上看到更明晰、天然的文字内容。

在字体开发期间,也发生过一段和命名有关的趣事。
最开端,卡雷其实是选用费城火车线上的车站,来为字体命名的,但之后乔布斯改成了国际闻名的大城市,由于他觉得这样「人们才干记住」。

▲
苏珊·卡雷为苹果规划过的字体,以及在不同字号下的款式
也因如此,咱们现在看到的苹果字体,称号都是这个风格的:芝加哥、纽约、日内瓦、旧金山和摩纳哥,并且每个字体都有不同的运用场景。

▲
前期麦金塔电脑体系的控制面板,还有之后的 iPod,都运用了 Chicage 字体
比方在 1984 到 1997 年间,麦金塔电脑体系一切的界面和对话框,都运用了 Chicago 作为默许字体,之后它也呈现在了 iPod 播放器上。

▲
Geneva 和 Chicago 字体比照,前者会更细一些,首要运用在文件夹称号等较小的界面上
但在一些小号的界面上,比方说文件夹称号,选用的则是 Geneva 字体,这是卡雷依据经典无衬线字体 Helvetica 修正而成的。

▲
上图为卡雷规划的旧版,下图为 2019 年新版
New York,是麦金塔前期体系的点阵衬线字体。2019 年,苹果还发布了一个同名的新版,供开发者在苹果平台上免费运用,此举也被视为向卡雷规划的字体问候。

▲
Monaco 字体受到了许多程序员的喜欢
Monaco,则是一种无衬线等宽字体,开发者们应该比较了解。由于其明晰、高辨识度的字型,它曾是苹果开发东西 Xcode 的默许字体,之后才被 Menlo 字体替换。

▲
卡雷规划的旧版 San Francisco 字体
最终是 San Francisco,这是卡雷模仿剪贴风格规划的字体,就像是从报纸上把标题剪下来然后拼凑到一同,但它也在苹果前期的内部宣扬单和海报中呈现过。

▲
为 Apple Watch 而生的新版 San Francisco 字体
2014 年,苹果还发布了一个新版 San Francisco 字体,首要是针对 Apple Watch 的小尺度屏幕规划的,风格彻底不同,但易读性很高。

能够说,各种美丽字体的呈现,为麦金塔电脑的图形界面增添了异样的风情。你既能够挑选代表现代主义的 Chicago,也能够回归到古典高雅的 New York 之上,不同人都能够有不同的挑选。

▲
当年的麦金塔宣扬资猜中,也要点介绍了直观的文本修改以及打印功用
更重要的是,这些字体还能够由苹果的第一台激光打印机 LaserWriter 打印出来,这意味着用户能够直接在麦金塔电脑上完结文本录入、修改和打印的全套作业,快速制造出实体化的印刷品。
这一作业流的完成,也推动了之后桌面出书工业的开展。

▲
杂锦字体 Cairo,规划之初仅仅为了装修用
别的,在卡雷规划过的字体中,还诞生过一只「吉祥物」。
工作原因自苹果工程师安妮特·瓦格纳,其时她正在规划麦金塔体系的打印程序,需求找一个预览页面的参照物,以协助用户正确辨认纸张的朝向。

▲
小狗作为打印预览时的参照物,以辨认纸张朝向
她从卡雷的 Cairo 字体中看中了一只小狗,它自身是一种杂锦字型,由各种图形符号组成。瓦格纳把它从本来的 26x24 像素,扩大至 41x32 像素,可这么一改,也造成了之后的误解。
有人就说,他在打印预览页面看到的并不是小狗,而是一头奶牛,之后更是有人帮这只「半狗半牛」的生物起了个姓名,叫「Clarus」。

▲
苹果为「奶牛狗」制造的徽章,啤酒标签,以及隐藏在代码中的彩蛋,让它成为了一个非官方的吉祥物
「Clarus, the Dogcow」的说法应运而生,并随即成为了苹果技能团队的黑话之一。咱们把它做成徽章,印在衣服上,或是当作集会啤酒的标签名。

▲
图片来自:512pixels
别的,在苹果的旧总部还有过一座图标花园,其中就竖立着一座奶牛狗的雕塑,可见其时苹果职工对这只独特生物的喜欢。
友爱型规划
1986 年,卡雷跟从乔布斯脱离苹果,以构思总监的身份成为了 NeXT 公司的第 10 号职工。其时她向乔布斯举荐了另一位闻名规划师保罗·兰德,为 NeXT 公司操刀规划了 logo。

▲
再之后,乔布斯重返苹果,可卡雷并没有回来老东家。她发现,自己仍是思念画像素图,做规划的韶光,随后便决议成为一名独立规划师,还创办了自己的规划公司 Susan Kare Design。

▲
卡雷为 Path 和 Facebook 规划的小贴图
凭借着多年在苹果堆集下的规划经历,单飞后的卡雷收到了许多规划托付,其中就包含了微软、IBM 以及 FaceBook 等大公司的订单。
其中最闻名的,应该要数卡雷为 Windows 体系规划的纸牌卡面了。

▲
最早的 Windows 纸牌游戏,卡面就是卡雷规划的
1990 年,微软开端在 Windows 3.0 体系中内置纸牌游戏,而最早一批的纸牌卡面,就是由卡雷在一台 IBM PC 上制造的。
那个时候,卡雷直接运用了 Windows 自带的画图软件,以及传统的 16 色 VGA 调色盘,以像素化的方式在屏幕上复原呈实际国际的纸牌。
卡雷说,直到今日,这些卡面的源文件还保存在一张 5.25 英寸的软盘中。

▲
实体化的像素风格纸牌
在微软纸牌诞生 25 周年的节点,卡雷还和规划品牌 Areaware 协作,补全了 Windows 本来不存在的两张主力,凑成完好的扑克,并推出实体版化的像素卡牌。

许多规划师以为,苏珊·卡雷的规划是简略、友爱且极具亲和力的。她为苹果电脑树立了新的形象,并赋予它人格化的一面,让计算机从本来只要光标和单调代码的年代,改变成为一个连 3 岁小孩都乐意运用的产品。

就像这个 Happy Mac 的图画相同。依据卡雷的回想,她其时期望用一个浅笑,为麦金塔注入活跃、友爱的形象,这也契合乔布斯「制造外形友爱的产品」的方针。
由于只要这样,才干让单调的计算机真实吸引到群众用户。
另一方面,卡雷简练的规划风格,也契合乔布斯的美学要求。
她曾说过,一个超卓的图标,其实和交通标志相似,只展现必要信息即可,不需求参加剩余的细节。

▲
据悉这个标识发源于瑞典 Borgholm 城堡,它的俯视图就是一个「⌘」的规划
Mac 上的「Command」功用键就是如此。卡雷从标志辞典上找到了一个回环符号「⌘」,印在了键位字母上方,而在一些北欧国家,比方瑞典,这个符号也指代了景点、名胜古迹。

2000 年,卡雷承受采访时还聊到了图标的「隐喻规划」。她以为一个优异的图标是能够被当即辨认的——比方「仿制」、「吊销」等抽象化的功用,即使用户从未见过它,也能够从形象化的图示来了解,这也使得她为麦金塔规划了一批具有高辨识度的图标。

现在,苏珊·卡雷在 Pinterest 担任构思总监,一起也开设了个人网站,上面保留了她过往的大多数规划著作,而手稿则留在了纽约现代艺术博物馆内。

上一年 5 月,她还帮一家拼图公司 Magic Puzzle 规划了 logo,相同也包含了笑脸的元素。
或许,卡雷的图标规划就像是一个个小惊喜那样,看似简略,可一旦看往后,它就深深的痕迹在了你的脑海里。
期望在未来的日子里,咱们还能在苹果产品上看到更多和「Happy Mac」相同,精约、友爱型的规划。
2021 年了,为什么还有人思念手机呼吸灯? 点击检查
沉浸诈骗眼睛,这些「幻觉图片」你能看穿几个? 点击检查
在 iPhone 桌面就能看各种热搜榜?用这个神器,克己小组件 点击检查
来个一键三连
回来,检查更多

责任修改: