首页 > 科技未来 > 内容

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

发布于:2024-06-21 编辑:匿名 来源:网络

能够向你“打招呼”的电脑在2010年并不新鲜,但在个人电脑仍以代码和命令行为主的2000年代,你可以在屏幕上看到一张笑脸和直观的图形。

文字,那绝对是一个异构产品。

▲ 图片来自:Anthony Boyd 苹果的第一代 Macintosh 电脑是当时最典型的代表。

▲ 2017 年 Macintosh 发布会的展示片段。

回顾当年的发布会视频,当乔布斯从上衣口袋里拿出软盘插入电脑时,大屏幕开始显示系统界面——包括绘图软件、电子表格和国际象棋。

游戏、不同的字体,甚至还有乔布斯本人的像素化图像。

▲ 苹果麦金塔电脑广告的所有界面都直观可见。

只需鼠标轻轻点击图标,就可以快速获得您想要的功能,而无需输入枯燥的代码命令。

正如乔布斯所说,图形界面,可以显示位图的屏幕,代表了计算机行业的未来。

▲苏珊·卡雷(Susan Kare),苹果最早的设计师之一但我们今天要谈论的不是计算机本身,也不是乔布斯的往事,而是这些界面、图标和字体背后的设计者:苏珊·卡雷卡雷(苏珊·卡雷饰)。

在苹果公司内部,她也被称为“偶像之母”。

微笑的Mac 很多人认为麦金塔电脑的发布迎来了计算机图形界面时代,但事实上,早在2000年,从施乐“偷师”的乔布斯就已经将他的部分成果应用到了苹果丽莎上。

▲ Lisa 是苹果第一台采用图形界面的个人电脑。

不过,当时Lisa的系统界面还非常简单,并没有给大众留下深刻的印象。

另外,很多设计都是借用施乐的,就连字体也不明显,不符合乔布斯想要追求的结果。

▲ 第一代Macintosh开发团队的核心成员,后排左三是Andy Hertzfeld。

为了打破现状,麦金塔开发团队的核心成员安迪·赫茨菲尔德开始寻找外援,他想到了自己的高中同学苏珊·卡雷。

此时,卡雷刚刚从纽约大学毕业。

由于她主修美术,并且有一定的平面设计经验,Herzfeld 希望她加入团队,为 Macintosh 电脑做一些系统视觉设计。

▲ 作为回报,赫兹菲尔德会给她一台价值 2,000 美元的 Apple II 电脑。

卡雷当即表示同意,并表示愿意兼职参与苹果项目。

当时,计算机图形设计还没有成为一个体系,甚至苹果还没有开发出一套完整的设计工具。

无奈之下,赫茨菲尔德只能要求卡雷花几美元买一个网格笔记本,手工绘制图标,然后让工程师将其转换为点阵图标。

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

第一代Macintosh计算机系统中的“剪切”和“粘贴”功能就是在这些网格纸上诞生的。

,分别对应剪刀手和手指图案,画笔用在苹果的绘图软件MacPaint中。

▲ 卡雷在网格纸上绘制的图标以及对应的电子版。

卡雷还手绘了炸弹图案。

如果用户在Macintosh计算机上看到它,则意味着它遇到了“崩溃”。

▲这张经典的Macintosh电脑宣传图,屏幕上的“你好”是用MacPaint绘制的。

到了2016年,卡雷从兼职身份转变为全职苹果员工,主要工作是参与Macintosh人机界面。

设计。

此时,苹果的绘图软件MacPaint也已经完成,可以让卡雷直接在电脑上创建位图图标。

▲ 卡雷为苹果设计的各种图标。

图片来自:Susan Kare 这个阶段也出现了很多经典的偶像。

比如用来放置删除文件的废纸篓、一张折角的纸、用来提示“正在加载”的手表符号、苹果键盘上的“Command”功能键。

▲ Mac 系统中的一些图标仍然延续了之前的风格。

图片来自:Susan Kare Exhibition 虽然只是非常简单的像素图像,但它们更加直观,并且包含一目了然的功能隐喻。

这也让卡雷得到了乔布斯的认可。

直到今天,在Mac系统中仍然可以看到相当多的图标。

但如果要说最广为人知的设计,那就应该是这款带有笑脸的“快乐麦克”了。

▲ 当您启动 Mac 时,会出现一个微笑的 Mac。

当您启动 Mac 时,您会看到一台电脑对您微笑。

▲ 二脸男人的笑脸图标曾在《寻找》中使用,此后又在多个版本中迭代。

下图是毕加索的两张脸的人的素描。

我们所熟悉的笑脸形象还有另一种风格,那就是“两张脸”。

有人说它的设计灵感来自DC漫画中的反派“两面派”,但更多人认为它实际上是毕加索画作的修复。

现在,我们仍然可以在macOS系统中的“Finder”图标上看到两张笑脸的存在。

随着时间的推移,Mac 笑脸及其衍生表情也被使用在其他苹果硬件上,逐渐演变成苹果文化的具体体现。

▲与“Happy Mac”相反的是“Sad Mac”,后来的iPod也采用了这种设计。

例如,在早期的 iPod 中,如果播放器崩溃,就会出现“Sad iPod”模式,类似于 Macintosh 计算机硬件故障。

后来出现了“悲伤的麦克”。

▲ Face ID 的笑脸也源自当年的设计。

今天我们接触最多的可能就是Face ID设置中的识别图像,同样采用了笑脸的轮廓。

这也是迄今为止最高清的“快乐麦克”笑脸图片。

漂亮的字体和牛狗 乔布斯在里德学院时参加过很多书法班,这也让他喜欢上了各种衬线和无衬线字体。

为了带出麦金塔电脑的图形界面,配合打印机打印出精美的字体,卡雷应乔布斯的要求,为第一代麦金塔电脑设计了多种字体,让用户不再只有单一字体。

选择。

此外,卡雷还负责系统的界面布局。

得益于技术的进步,麦金塔电脑上的字体间距不再是固定的,而是可以根据比例进行调整,让人们在屏幕上看到更清晰、更自然的文字内容。

在字体的开发过程中,还发生了一个与命名相关的有趣事件。

起初,卡雷实际上选择了费城火车线上的一个车站来命名字体,但后来乔布斯将其改为世界著名的大城市,因为他觉得“人们可以记住它”。

▲ 苏珊卡雷为苹果设计的字体以及不同字号的样式也是这样。

我们现在看到的苹果字体的名字都是这样的风格:芝加哥、纽约、日内瓦、旧金山和摩纳哥,而且每种字体都有不同的应用场景。

▲ 早期的Macintosh电脑系统的控制面板,以及后来的iPod,都使用了Chicago字体。

例如,2000年,Macintosh计算机系统的所有界面和对话框都使用Chicago作为默认字体。

后来,它也出现在iPod播放器上。

▲ 相比Geneva和Chicago字体,前者更细,主要用在文件夹名称等较小的界面上。

但在一些小界面上,例如文件夹名称,则使用Geneva字体。

这很特别。

Lump是在经典的无衬线Helvetica的基础上修改的。

▲ 上图为 卡雷 设计的旧版,下图为 New York 新版,即早期 Macintosh 系统的点阵衬线字体。

2019年,苹果还发布了同名新版本,供开发者在苹果平台免费使用。

此举也被视为对卡雷设计的字体的致敬。

▲ Monaco 字体受到很多程序员的喜爱。

Monaco 是开发人员应该熟悉的无衬线固定宽度字体。

由于其字体清晰、辨识度高,一度是苹果开发工具Xcode的默认字体,后来被Menlo字体取代。

▲ 卡雷设计的旧 San Francisco 字体最后变成了 San Francisco,这是卡雷设计的一种模拟剪切粘贴风格的字体,就像从报纸上剪下标题然后拼凑在一起一样,但它也被内部使用早期的苹果出现在传单和海报中。

▲ 适用于 Apple Watch 的新版 San Francisco 字体 2018 年,苹果还发布了新版 San Francisco 字体,主要针对 Apple Watch 小尺寸屏幕设计。

风格完全不同,但清晰易读。

可以说,各种漂亮字体的出现,给麦金塔电脑的图形界面增添了不一样的风格。

你可以选择代表现代主义的芝加哥,也可以回到经典优雅的纽约。

不同的人可以有不同的选择。

▲ 当年的 Macintosh 宣传资料也重点强调了直观的文本编辑和打印功能。

更重要的是,这些字体还可以通过苹果首款激光打印机LaserWriter打印,这意味着用户可以直接在Mac上打印。

金塔电脑完成整套文字录入、编辑、印刷工作,快速制作出实物印刷品。

这一工作流程的实现也推动了桌面出版行业的后续发展。

▲ Cairo,一种杂牌字体,最初是为了装饰而设计的。

此外,卡雷设计的字体中,还诞生了一个“吉祥物”。

事件始于苹果工程师 Annette Wagner 正在为 Macintosh 系统设计打印程序,需要找到预览页面的参考,以帮助用户正确识别纸张方向。

▲ Puppy 在打印预览中用作参考,以识别纸张面向的方向 她在卡雷的 Cairo 字体中发现了一只小狗,该字体本身是由各种图形符号组成的杂项字体。

瓦格纳将其从原来的26×24像素放大到了41×32像素,但这一改变也引起了后来的误解。

有人说,他在打印预览页面上看到的不是小狗,而是一头牛。

后来,甚至有人将这种“半狗半牛”的生物命名为“克拉鲁斯”。

▲ 苹果为“牛狗”制作了徽章、啤酒标签和隐藏在代码中的复活节彩蛋,使其成为非官方吉祥物。

“Clarus, the Dogcow”应运而生,并立即成为苹果技术团队的俚语之一。

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

人们把它做成徽章,印在衣服上,或者用它作为派对啤酒的标签名称。

▲ 图片来自:pixels 另外,苹果老总部里还有一个图标花园,里面有一头牛和一只狗的雕塑,可见当时苹果员工对这种奇怪生物的喜爱。

友好设计之年,卡雷跟随乔布斯离开苹果,成为 NeXT 的 10 号员工,担任创意总监。

当时,她向乔布斯介绍了设计师的另一位知名人士保罗·兰德(Paul Rand),他为NeXT设计了标志。

▲ 卡雷担任 NeXT 创意总监。

图片来源:斯坦福大学 后来,乔布斯回到了苹果,但卡雷并没有回到他的老东家。

她发现自己仍然怀念画像素图和设计的时光,于是她决定成为一名独立艺术家,并创立了自己的设计公司Susan Kare Design。

▲ 卡雷为 Path 和 Facebook 设计的贴纸。

凭借在苹果积累的多年设计经验,卡雷在单飞后收到了许多设计委托,其中包括来自微软、IBM和FaceBook等大公司的订单。

其中最著名的恐怕就是卡雷为Windows系统设计的扑克牌表面了。

▲ 最早的Windows纸牌游戏,纸牌表面是卡雷设计的。

2007年,微软开始将纸牌游戏内置到Windows 3.0系统中,最早的一批纸牌表面是卡雷在IBM PC上绘制的。

的。

当时,卡雷直接使用Windows自带的画图软件和传统的16色VGA调色板,将现实世界的扑克牌以像素化的形式还原在屏幕上。

卡雷表示,直到今天,这些卡片的源文件都存储在一张 5.25 英寸软盘上。

▲ 实现了像素风格的扑克牌。

在微软纸牌诞生25周年之际,卡雷还与设计品牌Areaware合作,完成了Windows中原本不存在的两张王牌,拼凑出一张完整的扑克牌,并推出了实体版。

像素卡。

许多设计师认为,苏珊·卡雷的设计简洁、友善,非常平易近人。

她为苹果电脑树立了新的形象,赋予了它个性化的一面,让电脑从只有光标和枯燥代码的时代变成了连3岁孩子都愿意使用的产品。

就像这个 Happy Mac 图案一样。

据卡雷回忆,她希望用微笑为麦金塔注入积极、友善的形象,这也符合乔布斯“制造出友善的外观”的目标。

因为只有这样,枯燥的电脑才能真正吸引大众用户。

另一方面,卡雷简约的设计风格也符合乔布斯的审美要求。

她曾经说过,一个优秀的图标就像一个交通标志。

它只显示必要的信息,而不添加不必要的细节。

▲ 据悉,这个标志源自瑞典的博格霍尔姆城堡。

它的俯视图是一个“?”的设计。

Mac 上的“Command”功能键就是这种情况。

卡雷从徽标词典中发现了一个循环符号“?”,该符号印在关键字母上方。

在一些北欧国家,例如瑞典,这个符号也指风景名胜和历史古迹。

2016年,卡雷在接受采访时也谈到了图标的“隐喻设计”。

她认为,一个优秀的图标可以立即被识别——比如“复制”、“撤消”等抽象功能。

即使用户从未见过,他们仍然可以从视觉图标中理解它,这也使得她为Macintosh设计了许多辨识度很高的图标。

如今,苏珊·卡雷担任 Pinterest 的创意总监,还拥有一个个人网站,里面保留了她过去的大部分设计作品,而手稿则保存在纽约现代艺术博物馆。

去年5月,她还帮助拼图公司Magic Puzzle设计了一个标志,其中也包含了笑脸的元素。

或许,卡雷的图标设计就像是一个小小的惊喜。

看似简单,但一旦看到,就会深深地印在你的脑海里。

希望在未来的日子里,我们能够在苹果产品上看到更多像“快乐Mac”这样简洁、友好的设计。

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

站长声明

版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

标签:

相关文章

  • 用这款软件看看APP在用户背后做了什么

    用这款软件看看APP在用户背后做了什么

    近日,一条微博发文称“iOS版微信/QQ/淘宝等APP反复在后台读取用户相册” ” 成为热搜话题后,微信回应称“iOS系统为应用开发者提供了标准的相册更新通知能力。 当相册内容有更新时,会通知应用程序,提醒应用程序提前准备,应用程序的准备行为将被记录为读取系统相册。 ”。

    06-21

  • 华虹半导体2022年第一季度业绩公布

    华虹半导体2022年第一季度业绩公布

    华虹宏力中国香港 - 2020年5月12日 - 全球领先的特种工艺纯晶圆代工厂华虹半导体股份有限公司公布截至2020年全年业绩截至2022年3月31日止三个月的综合经营业绩。 2022年第一季度主要财务指标(未经审计)销售收入创历史新高,达到5亿美元,同比增长-同比增长95.1%,环比增长1

    06-06

  • 门票卖到6万元,周杰伦演唱会黄牛“集体退票”

    门票卖到6万元,周杰伦演唱会黄牛“集体退票”

    10月12日,为期四天的周杰伦上海演唱会正式开始。 这本来是周杰伦粉丝最期待的时刻,但一些提前买票、订好行程的粉丝却没能如愿出席。 就在演唱会前一天,大批黄牛集体退票的消息成为热搜话题。 有卖家表示,主办方原计划的信息没有实现,所以正在取消订单。 不过,这一说辞并

    06-17

  • 首次发布 -黑蚂蚁资本完成超级募资

    首次发布 -黑蚂蚁资本完成超级募资

    在我的印象中,这是消费基金今年最大的募资。 据投资界10月10日消息,黑蚂蚁资本人民币基金三期募资25亿。 该LP主要由市场化基金中的基金、保险机构和产业投资者组成,另外还有一只即将交割的政府引导基金。 此前,黑蚂蚁资本已完成两轮人民币主基金和一轮美元主基金募集,而

    06-17

  • 马斯克:未来汽车将实现自动驾驶

    马斯克:未来汽车将实现自动驾驶

    特斯拉首席执行官埃隆马斯克表示,毫无疑问,未来汽车将实现自动驾驶,而且除了火箭之外,未来所有交通工具都将是电动的。

    06-17

  • 阿里巴巴创新神经网络硬件架构,论文入选国际顶级会议ISCA 2022

    阿里巴巴创新神经网络硬件架构,论文入选国际顶级会议ISCA 2022

    6月23日,架构领域国际顶级会议ISCA刚刚落下帷幕。 阿里巴巴达摩院在图神经网络计算领域的论文被会议收录。 该文章开创了一种新的硬件架构,可以显着提高图神经网络的处理效率,并将硬件成本降低一半。 ISCA、MICRO、HPCA被誉为建筑领域三大顶级会议。 ISCA成立于2007年,见证

    06-17

  • 佣金最高26%,商家抨击美团提高佣金“吸血”,官方回应称:我们也赚不到钱

    佣金最高26%,商家抨击美团提高佣金“吸血”,官方回应称:我们也赚不到钱

    猝不及防,美团成了外卖行业的“公敌”。 受疫情影响,餐饮、旅游、酒店等多个行业面临生存危机。 外卖已经成为商家的救命稻草。 美团的规定让广大餐饮商家的处境“雪上加霜”的是:如果商家同时入驻美团,饿了么的话,佣金可能会达到30%。 商家抗议称,“这简直是霸道条款,

    06-18

  • 12年后,iPhone终于“变成”POS机了

    12年后,iPhone终于“变成”POS机了

    如果你不是iPhone 4时代的智能手机用户,你很可能不知道这个设备的用处。 在智能手机还有3.5mm耳机接口的时代,很多外设厂商都想利用这个接口来扩展手机的功能。 连接读卡器,将手机变成POS机,可以说是当时移动支付的先驱。 随着时间的推移,人们已经开始忘记刷卡器、忘记3.

    06-21

  • 超嗨科技完成数千万元A+轮融资,汉朔科技领投

    超嗨科技完成数千万元A+轮融资,汉朔科技领投

    投资天地 10月18日,智能购物车公司超嗨科技完成数千万元A+轮融资。 本轮融资由汉朔科技领投。 今年3月,公司完成由洪泰基金领投,前海母基金、盛岛投资跟投的数千万元A轮融资。 本次A+轮融资将用于进一步推动超嗨科技零售数字化解决方案的升级。 公司旨在通过智能数字解决方

    06-17

  • 消费级AR眼镜即将爆发:Rokid+无影突破算力极限打造“第三屏” -云谷创新讲座Vol.16

    消费级AR眼镜即将爆发:Rokid+无影突破算力极限打造“第三屏” -云谷创新讲座Vol.16

    近两年来,人们不断探索下一代计算平台和交互方式。 AR技术备受关注,AR眼镜被视为未来有望独立于手机和电脑的“第三屏”。 而祝铭明对AR眼镜的想象远远超出了“屏幕”。 谈话开始前,他向我们展示了Rokid最新的AR眼镜和Rokid车站。 祝铭明戴上AR眼镜,通过蓝牙连接外部设备

    06-18

  • 风气变了,幸好企业家和雷军并没有留恋过去

    风气变了,幸好企业家和雷军并没有留恋过去

    以前,媒体人会私下打赌小米是否会推出某类产品。 后来大家才发现,这样的赌博毫无意义。 因为总是猜“是”的人赢了赌注。 渐渐地,人们明白,并不是小米(及其附属公司)的每一款产品都会像手机、充电宝、手环那样具有毁灭性和行业颠覆性。 通常,小米(及其附属公司)层出不

    06-17

  • 从三线城市到产业创新热点,鹤壁为何占据上风?

    从三线城市到产业创新热点,鹤壁为何占据上风?

    作者 |杜航 “近年来,鹤壁市紧紧抓住新一轮科技革命和产业变革的历史机遇。 ”近日,鹤壁市岐滨区人大常委会副主任刘翠凤出席中国5G产业创新创业大赛北京赛区津冀赛区决赛。 “鹤壁市坚持把推进5G建设作为增强自主创新能力、推动产业转型升级、提高政府治理效率的战略举措。

    06-18