登录  | 加入社区

黑狼游客您好!登录后享受更多精彩

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

查看: 1166|回复: 0

Mac笑容、微软纸牌、像素字体……苹果第一代计划师有多锋利? ...

[复制链接]

898

主题

898

帖子

0

现金

黑狼菜鸟

Rank: 1

积分
0
发表于 2020-12-24 03:46:08 | 显示全部楼层 |阅读模式 来自 法国

原标题:Mac 笑容、微软纸牌、像素字体……苹果第一代计划师有多锋利?

YWABBoqQ9BbnB2W1.jpg

一台会跟你「Say Hello」的电脑,在 2021 年已不算奇怪,但在个人电脑还处于被代码下令行支配的 1984 年,可以或许在屏幕上看到一张笑容,以及直观的图形笔墨,那绝对是个异类产物。

g18jMlZ958z8K1K6.jpg

图片来自:Anthony Boyd

苹果的第一代麦金塔电脑,便是其时最典范的代表。

hKIL49Kgjz92BhIw.jpg

睁开全文

1984 年麦金塔发布会的展示片断

回看当年的发布会视频,当乔布斯从上衣口袋抽出软盘,插到电脑内后,大屏幕紧接着开始展示体系界面——有图画软件,电子表格,象棋游戏,差别的字体,乃至另有一张乔布斯本身的像素图。

R3Wn29n3C9ZnmM7c.jpg

苹果为麦金塔电脑制作的广告

全部的界面都是直观可见的,共同鼠标,轻轻点按图标,你也能敏捷得到想要的功能,无需再输入枯燥的代码下令。

就像乔布斯所说的,图形界面,可以或许表现位图的屏幕,代表的是盘算机财产的将来。

j818YQ8ofG1r58Zy.jpg

苏珊·卡雷(Susan Kare),苹果最早的计划师之一

但本日我们要聊的,并不是电脑自己,或是乔布斯往事,而是这些界面、图标和字体的幕后计划者:苏珊·卡雷(Susan Kare)。在苹果内部,她也被称为「图标之母」。

微笑的 Mac

许多人以为,麦金塔电脑的发布,开启了盘算机图形界面的期间,可究竟上在 1983 年,从施乐「偷师」归来的乔布斯,就已经将部门结果应用在了 Apple Lisa 上。

g8Z4F24L22o2oiYy.jpg

Lisa 是苹果第一台接纳了图形界面的个人电脑

只不外,其时 Lisa 的体系界面仍非常大略,没有给大众留下深刻印象,加上有不少计划都鉴戒自施乐,乃至连字体都不是自家的,显然也不符合乔布斯想要寻求的效果。

B87sQ1g06OL01Q1D.jpg

第一代麦金塔开辟小组焦点成员,后排左数第三位便是安迪·赫茨菲尔德

为了冲破近况,麦金塔开辟小组的焦点成员安迪·赫茨菲尔德(Andy Hertzfeld)开始寻求外助,此时他想起了本身的高中同砚,也就是苏珊·卡雷。

此时卡雷刚从纽约大学结业没多久,由于她主修的是美术,拥有肯定的平面计划履历,以是赫茨菲尔德盼望她入伙,为麦金塔电脑做一些体系视觉计划。

eT60intatKmKbcty.jpg

1977 年上市的 Apple II 电脑

作为回报,赫茨菲尔德会赠予她一台代价两千美元的 Apple II 电脑,卡雷随即允许下来,表现乐意以兼职身份到场到苹果项目中。

在谁人期间,盘算机图形计划尚未成体系,就连苹果,都还没开辟出完备一套计划工具。迫于无奈,赫茨菲尔德只能先让卡雷花几美刀买一本网格条记本,把图标手绘出来,再让工程师转化为点阵图标。

W6OII5eCo0oSwyZ0.jpg

由于没有专门的画图软件,卡雷只能先在网格纸上绘图标

第一代麦金塔电脑体系中的「剪切」、「粘贴」功能,就是在这些网格纸上诞生的,它们分别对应了铰剪手和手指图案,而毛刷,则用在了苹果的画图软件 MacPaint 中。

TviAfnaIA0CAOctO.jpg

卡雷在网格纸上画好的图标,以及对应的电子版

卡雷还手绘了一个炸弹的图案,要是用户在麦金塔电脑上看到它,就证实遇到「死机」了。

QXaF49xbban94B79.jpg

这张经典的麦金塔电脑宣传图,屏幕中的「hello」就是用 MacPaint 画出来的

到了 1983 年,卡雷从兼职身份转为苹果正式员工,重要工作就是到场麦金塔人机界面的计划。此时苹果的画图软件 MacPaint 也已经制作完成,让卡雷可以或许直接在电脑上创作位图图标。

sA00HaqAQqFCjeRV.jpg

卡雷为苹果计划的各种图标。图片来自:Susan Kare

很多经典图标也是在这个阶段出现的。好比用来放置删除文件的废纸篓,折了一角的纸张,用于提示「Loading」的手表符号,以及苹果键盘上的「Command」功能键。

sfqDdtSVDsnhq3Z7.jpg

如今 Mac 体系中某些图标,仍连续了当年的样式。图片来自:Susan Kare Exhibition

固然它们都只是些很简朴的像素图,但胜在直观,而且都带有功能隐喻,让人一看就懂,这也让卡雷得到了乔布斯的承认。

至今,仍旧有相称一部门图标,可以在 Mac 体系中看到。

F5N5pjr55r5lL5pP.jpg

但假如要说最为大众所知的计划,应该就是这个自带笑容的「Happy Mac」了。

NYyYT8Hx8fultqCT.jpg

麦金塔电脑开机时会出现一个微笑的 Mac

当你启动麦金塔电脑后,就能看到一个冲你微笑的电脑。

S3AgI6kZ90OAN49s.jpg

应用在「访达」上的双面人笑容图标,之后还迭代了数版,下图则是毕加索的双面人草稿画

我们熟知的笑容形象另有另一种样式,那就是双面人。有人说它的计划灵感泉源于 DC 漫画中的反派双面人,但更多人以为,它实在是毕加索画作的还原。

如今,我们仍旧能在 macOS 体系中的「访达」图标上,看到双面人笑容的存在。

随着时间的发展,Mac 笑容以及其衍生心情,也相沿到了别的苹果硬件上,渐渐演酿成苹果文化的具象出现。

CSIQXr2djpkqde9S.jpg

「Happy Mac」的反面便是「Sad Mac」,之后 iPod 也应用该计划

好比早期的 iPod 里,如果播放器死机了,就会出现「Sad iPod」的图案,雷同于麦金塔电脑硬件故障后出现的「Sad Mac」。

Wz3lsAdjzJtdmqe4.jpg

Face ID 的笑容也源自于当年的计划

本日我们打仗最多的,应该就是 Face ID 设置项里的辨认图,它也接纳了笑容的表面。这也是迄今为止,最高清的「Happy Mac」笑容图了。

美丽的字体和奶牛狗

乔布斯还在里德学院时,曾旁听过不少书法课,这也令他对各种衬线、无衬线字体钟爱有加。

为了发挥出麦金塔电脑的图形化界面,以及共同打印机印出精致的字型,卡雷应乔布斯要求,为第一代麦金塔电脑计划了好几种字体,让用户不再只有单一的选择。

别的,卡雷还负责了体系的界面排版。得益于技能进步,麦金塔电脑上的字体字距不再是固定稳定,而是能根据比例举行调解,这使得人们可以在屏幕上看到更清楚、天然的笔墨内容。

ywYgsiGI2dnhw226.jpg

在字体开辟期间,也发生过一段和定名有关的趣事。

最开始,卡雷实在是选用费城火车线上的车站,来为字体定名的,但之后乔布斯改成了天下着名的大都会,由于他以为如许「人们才气记着」。

aO2US674sFZpZOY8.jpg

苏珊·卡雷为苹果计划过的字体,以及在差别字号下的样式

也因云云,我们如今看到的苹果字体,名称都是这个风格的:芝加哥(Chicago)、纽约(New York)、日内瓦(Geneva)、旧金山(San Francisco)和摩纳哥(Monaco),而且每个字体都有差别的应用场景。

hi9iPbJdppO6AaOT.jpg

早期麦金塔电脑体系的控制面板,另有之后的 iPod,都应用了 Chicage 字体

好比在 1984 到 1997 年间,麦金塔电脑体系全部的界面和对话框,都利用了 Chicago 作为默认字体,之后它也出如今了 iPod 播放器上。

LAoKWt8kqeWAi8Vv.jpg

Geneva 和 Chicago 字体对比,前者会更细一些,重要应用在文件夹名称等较小的界面上

但在一些小号的界面上,好比说文件夹名称,选用的则是 Geneva 字体,这是卡雷基于经典无衬线字体 Helvetica 修改而成的。

QmK8rBTC95AKkoet.jpg

上图为卡雷计划的旧版,下图为 2019 年新版

New York,是麦金塔早期体系的点阵衬线字体。2019 年,苹果还发布了一个同名的新版,供开辟者在苹果平台上免费利用,此举也被视为向卡雷计划的字体致敬。

m6zKFuKomMmFS9mP.jpg

Monaco 字体受到了许多步伐员的喜好

Monaco,则是一种无衬线等宽字体,开辟者们应该比力认识。由于其清楚、高辨识度的字型,它曾是苹果开辟工具 Xcode 的默认字体,之后才被 Menlo 字体更换。

Ub4W1NFzkTomczpk.jpg

卡雷计划的旧版 San Francisco 字体

末了是 San Francisco,这是卡雷模仿剪贴风格计划的字体,就像是从报纸上把标题剪下来然后拼集到一起,但它也在苹果早期的内部宣传单和海报中出现过。

WaFDuM6DaqR62d51.jpg

为 Apple Watch 而生的新版 San Francisco 字体

2014 年,苹果还发布了一个新版 San Francisco 字体,重要是针对 Apple Watch 的小尺寸屏幕计划的,风格完全差别,但易读性很高。

z8nOZolBnVnHVNbX.jpg

可以说,各种美丽字体的出现,为麦金塔电脑的图形界面增加了别样的风情。你既可以选择代体现代主义的 Chicago,也可以回归到古典雅致的 New York 之上,差别人都可以有差别的选择。

wDwf3vW9QH3fw6F6.jpg

当年的麦金塔宣传资料中,也重点先容了直观的文本编辑以及打印功能

更紧张的是,这些字体还可以由苹果的第一台激光打印机 LaserWriter 打印出来,这意味着用户可以直接在麦金塔电脑上完成文本录入、编辑和打印的全套工作,快速制作出实体化的印刷品。

这一工作流的实现,也推动了之后桌面出书财产的发展。

N6Vhj9ey1ooETA22.jpg

杂锦字体 Cairo,计划之初只是为了装饰用

别的,在卡雷计划过的字体中,还诞生过一只「祥瑞物」。

事变因由自苹果工程师安妮特·瓦格纳(Annette Wagner),其时她正在计划麦金塔体系的打印步伐,必要找一个预览页面的参照物,以资助用户精确辨认纸张的朝向。

C2txxfxXU6rxls21.jpg

小狗作为打印预览时的参照物,以辨认纸张朝向

她从卡雷的 Cairo 字体中看中了一只小狗,它自己是一种杂锦字型,由各种图形符号构成。瓦格纳把它从原来的 26x24 像素,放大至 41x32 像素,可这么一改,也造成了之后的误解。

有人就说,他在打印预览页面看到的并不是小狗,而是一头奶牛,之后更是有人帮这只「半狗半牛」的生物起了个名字,叫「Clarus」。

YoDd1ifK0kr3e30Z.jpg

苹果为「奶牛狗」制作的徽章,啤酒标签,以及隐蔽在代码中的彩蛋,让它成为了一个非官方的祥瑞物

「Clarus, the Dogcow」的说法应运而生,并随即成为了苹果技能团队的黑话之一。各人把它做成徽章,印在衣服上,或是看成集会啤酒的标署名。

qotm4c9IpQpWcTm0.jpg

图片来自:512pixels

别的,在苹果的旧总部另有过一座图标花圃,此中就直立着一座奶牛狗的雕塑,可见其时苹果员工对这只奇异生物的喜好。

友爱型计划

1986 年,卡雷跟随乔布斯脱离苹果,以创意总监的身份成为了 NeXT 公司的第 10 号员工。其时她向乔布斯引荐了另一位着名计划师保罗·兰德(Paul Rand),为 NeXT 公司操刀计划了 logo。

LRC8LL2f26I26IzM.jpg

在 NeXT 担当创意总监的卡雷。图片泉源:Stanford University

再之后,乔布斯重返苹果,可卡雷并没有返回老东家。她发现,本身照旧吊唁画像素图,做计划的韶光,随后便决定成为一名独立计划师,还开办了本身的计划公司 Susan Kare Design。

XBSz5KDN4mlSXd3p.jpg

卡雷为 Path 和 Facebook 计划的小贴图

依附着多年在苹果积聚下的计划履历,单飞后的卡雷收到了浩繁计划委托,此中就包罗了微软、IBM 以及 FaceBook 等大公司的订单。

此中最着名的,应该要数卡雷为 Windows 体系计划的纸牌卡面了。

rVaXHyixwQyIyTh5.jpg

最早的 Windows 纸牌游戏,卡面就是卡雷计划的

1990 年,微软开始在 Windows 3.0 体系中内置纸牌游戏,而最早一批的纸牌卡面,便是由卡雷在一台 IBM PC 上绘制的。

谁人时间,卡雷直接利用了 Windows 自带的绘图软件,以及传统的 16 色 VGA 调色盘,以像素化的情势在屏幕上还原出实际天下的纸牌。

卡雷说,直到本日,这些卡面的源文件还生存在一张 5.25 英寸的软盘中。

QJjNcn03J06ssgnJ.jpg

实体化的像素风格纸牌

在微软纸牌诞生 25 周年的节点,卡雷还和计划品牌 Areaware 互助,补全了 Windows 本来不存在的两张王牌,凑成完备的扑克,并推出实体版化的像素卡牌。

rM4b15mvDd11D4zi.jpg

许多计划师以为,苏珊·卡雷的计划是简朴、友爱且极具亲和力的。她为苹果电脑树立了新的形象,并赋予它品德化的一面,让盘算机从本来只有光标和枯燥代码的期间,转酿成为一个连 3 岁小孩都乐意利用的产物。

K4k626XfKXG1fXxF.jpg

就像这个 Happy Mac 的图案一样。根据卡雷的回想,她其时盼望用一个微笑,为麦金塔注入积极、友爱的形象,这也符合乔布斯「制作形状友爱的产物」的目的。

由于只有如许,才气让枯燥的盘算机真正吸引到大众用户。

另一方面,卡雷简便的计划风格,也符合乔布斯的美学要求。

她曾说过,一个精彩的图标,实在和交通标记雷同,只展示须要信息即可,不必要参加多余的细节。

yjIRrwtU8Q7XJZzQ.jpg

据悉这个标识发源于瑞典 Borgholm 城堡,它的俯视图就是一个「⌘」的计划

Mac 上的「Command」功能键便是云云。卡雷从标记辞典上找到了一个回环符号「⌘」,印在了键位字母上方,而在一些北欧国家,好比瑞典,这个符号也指代了景点、胜景古迹。

yuN1N077xpj11UvA.jpg

2000 年,卡雷担当采访时还聊到了图标的「隐喻计划」。她以为一个良好的图标是可以被立刻辨认的——好比「复制」、「打消」等抽象化的功能,即便用户从未见过它,也可以从形象化的图示来明白,这也使得她为麦金塔计划了一批具有高辨识度的图标。

QTDDoY68ntDcyonH.jpg

现在,苏珊·卡雷在 Pinterest 担当创意总监,同时也开设了个人网站,上面保存了她过往的大多数计划作品,而手稿则留在了纽约当代艺术博物馆内。

RhO31ruoZS0o4yD0.jpg

客岁 5 月,她还帮一家拼图公司 Magic Puzzle 计划了 logo,同样也包罗了笑容的元素。

大概,卡雷的图标计划就像是一个个小惊喜那样,看似简朴,可一旦看事后,它就深深的烙印在了你的脑海里。

盼望在将来的日子里,我们还能在苹果产物上看到更多和「Happy Mac」一样,简约、友爱型的计划。

2021 年了,为什么另有人吊唁手机呼吸灯? 点击检察

着迷诱骗眼睛,这些「错觉图片」你能看破几个? 点击检察

在 iPhone 桌面就能看各种热搜榜?用这个神器,自制小组件 点击检察

来个一键三连

g2v2cOPbtPB5geyz.jpg 返回搜狐,检察更多

责任编辑:





上一篇:我想“开”了
下一篇:原创陈根:微软新专利,软屏幕更坚固
您需要登录后才可以回帖 登录 | 加入社区

本版积分规则

 

QQ|申请友链|小黑屋|手机版|Hlshell Inc. ( 豫ICP备16002110号-5 )

GMT+8, 2024-5-6 12:35 , Processed in 0.171895 second(s), 47 queries .

HLShell有权修改版权声明内容,如有任何爭議,HLShell將保留最終決定權!

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表