新闻中心

联系我们

  地址:

   电话:

  传真:

  手机:

  邮箱:

Mac 笑脸、微软纸牌、像素字体……苹果第一代设计师有多厉害?

来源:本站添加时间:2021-01-11 点击:

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 桌面就能看各种热搜榜?用这个神器,克己小组件 点击检查

来个一键三连

回来,检查更多

责任修改:


电话
短信