▲
1984 年麦金塔发布会的展示片断
回看当年的发布会视频,当乔布斯从上衣口袋抽出软盘,插到电脑内后,大屏幕紧接着开始展示体系界面——有图画软件,电子表格,象棋游戏,差别的字体,乃至另有一张乔布斯本身的像素图。
▲
苹果为麦金塔电脑制作的广告
全部的界面都是直观可见的,共同鼠标,轻轻点按图标,你也能敏捷得到想要的功能,无需再输入枯燥的代码下令。
就像乔布斯所说的,图形界面,可以或许表现位图的屏幕,代表的是盘算机财产的将来。
▲
苏珊·卡雷(Susan Kare),苹果最早的计划师之一
但本日我们要聊的,并不是电脑自己,或是乔布斯往事,而是这些界面、图标和字体的幕后计划者:苏珊·卡雷(Susan Kare)。在苹果内部,她也被称为「图标之母」。
微笑的 Mac
许多人以为,麦金塔电脑的发布,开启了盘算机图形界面的期间,可究竟上在 1983 年,从施乐「偷师」归来的乔布斯,就已经将部门结果应用在了 Apple Lisa 上。
▲
Lisa 是苹果第一台接纳了图形界面的个人电脑
只不外,其时 Lisa 的体系界面仍非常大略,没有给大众留下深刻印象,加上有不少计划都鉴戒自施乐,乃至连字体都不是自家的,显然也不符合乔布斯想要寻求的效果。
▲
第一代麦金塔开辟小组焦点成员,后排左数第三位便是安迪·赫茨菲尔德
为了冲破近况,麦金塔开辟小组的焦点成员安迪·赫茨菲尔德(Andy Hertzfeld)开始寻求外助,此时他想起了本身的高中同砚,也就是苏珊·卡雷。
此时卡雷刚从纽约大学结业没多久,由于她主修的是美术,拥有肯定的平面计划履历,以是赫茨菲尔德盼望她入伙,为麦金塔电脑做一些体系视觉计划。
▲
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」笑容图了。
美丽的字体和奶牛狗
乔布斯还在里德学院时,曾旁听过不少书法课,这也令他对各种衬线、无衬线字体钟爱有加。
为了发挥出麦金塔电脑的图形化界面,以及共同打印机印出精致的字型,卡雷应乔布斯要求,为第一代麦金塔电脑计划了好几种字体,让用户不再只有单一的选择。
别的,卡雷还负责了体系的界面排版。得益于技能进步,麦金塔电脑上的字体字距不再是固定稳定,而是能根据比例举行调解,这使得人们可以在屏幕上看到更清楚、天然的笔墨内容。
在字体开辟期间,也发生过一段和定名有关的趣事。
最开始,卡雷实在是选用费城火车线上的车站,来为字体定名的,但之后乔布斯改成了天下着名的大都会,由于他以为如许「人们才气记着」。
▲
苏珊·卡雷为苹果计划过的字体,以及在差别字号下的样式
也因云云,我们如今看到的苹果字体,名称都是这个风格的:芝加哥(Chicago)、纽约(New York)、日内瓦(Geneva)、旧金山(San Francisco)和摩纳哥(Monaco),而且每个字体都有差别的应用场景。
▲
早期麦金塔电脑体系的控制面板,另有之后的 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,计划之初只是为了装饰用
别的,在卡雷计划过的字体中,还诞生过一只「祥瑞物」。
事变因由自苹果工程师安妮特·瓦格纳(Annette Wagner),其时她正在计划麦金塔体系的打印步伐,必要找一个预览页面的参照物,以资助用户精确辨认纸张的朝向。
▲
小狗作为打印预览时的参照物,以辨认纸张朝向
她从卡雷的 Cairo 字体中看中了一只小狗,它自己是一种杂锦字型,由各种图形符号构成。瓦格纳把它从原来的 26x24 像素,放大至 41x32 像素,可这么一改,也造成了之后的误解。
有人就说,他在打印预览页面看到的并不是小狗,而是一头奶牛,之后更是有人帮这只「半狗半牛」的生物起了个名字,叫「Clarus」。
▲
苹果为「奶牛狗」制作的徽章,啤酒标签,以及隐蔽在代码中的彩蛋,让它成为了一个非官方的祥瑞物
「Clarus, the Dogcow」的说法应运而生,并随即成为了苹果技能团队的黑话之一。各人把它做成徽章,印在衣服上,或是看成集会啤酒的标署名。
▲
图片来自:512pixels
别的,在苹果的旧总部另有过一座图标花圃,此中就直立着一座奶牛狗的雕塑,可见其时苹果员工对这只奇异生物的喜好。
友爱型计划
1986 年,卡雷跟随乔布斯脱离苹果,以创意总监的身份成为了 NeXT 公司的第 10 号员工。其时她向乔布斯引荐了另一位着名计划师保罗·兰德(Paul Rand),为 NeXT 公司操刀计划了 logo。
▲
在 NeXT 担当创意总监的卡雷。图片泉源:Stanford University
再之后,乔布斯重返苹果,可卡雷并没有返回老东家。她发现,本身照旧吊唁画像素图,做计划的韶光,随后便决定成为一名独立计划师,还开办了本身的计划公司 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 桌面就能看各种热搜榜?用这个神器,自制小组件 点击检察
来个一键三连
返回搜狐,检察更多