首页 > 科技未来 > 内容

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笑脸、像素字体、微软纸牌……苹果初代设计师到底有多厉害?

站长声明

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

标签:

相关文章

  • 南方电网建鑫成功发起设立南方电网双碳绿色电力基金

    南方电网建鑫成功发起设立南方电网双碳绿色电力基金

    投资界(ID:pedaily)据12月8日消息,近日,南方电网建鑫基金管理有限公司发起设立南方电网双碳绿色电力基金< titlesplit >投资界(ID:pedaily)。 南方电网资本控股有限公司旗下子公司南方电网有限公司(以下简称“南方电网”)成功发起设立南方电网双碳绿色电力基金并参与

    06-18

  • 【每日投资事件】上市遇难半年涌现1914起并购案例

    【每日投资事件】上市遇难半年涌现1914起并购案例

    半年涌现案例A股市场掀起史上最大规模并购浪潮  近段时间,国内资本市场掀起了轰轰烈烈的并购热潮,双汇收购美国史密斯菲尔德公司、蒙牛收购雅士利、森马收购GXG等几起大型并购案引起了市场的高度关注。 事实上,在IPO长期暂停、PE生存艰难的情况下,中国资本市场的并购早已

    06-18

  • 罗永浩透露,即将完成新一轮10亿美元融资, 2016年锤子危险“复活”后

    罗永浩透露,即将完成新一轮10亿美元融资, 2016年锤子危险“复活”后

    据投资界8月6日晚消息,在今天的极客公园大会上,罗永浩透露了锤子手机新一轮融资规模。 10亿元人民币左右。 “这意味着,从明年开始,我们将像一家已经进入扑克牌桌的正规手机制造商一样,每年推出高、中、低三个品类5-6款产品,成为一家正规的手机制造商。 ” ”   他笑着

    06-17

  • 国家中小企业发展基金第二批两只新子基金签约实施,认购规模50亿元

    国家中小企业发展基金第二批两只新子基金签约实施,认购规模50亿元

    创造头条新闻近日,第二批第五、第六只子基金签约落地国家中小企业发展基金有限公司完成合同签订,中标子基金管理机构为深创投、联想创投,认购规模为50亿元。 第二批国家中小企业发展基金新设两只子基金:中小企业发展基金深圳创业投资(新疆)有限合伙企业、中小企业发展基

    06-18

  • vivo X Fold折叠屏体验:目前最给力的全尺寸折叠屏

    vivo X Fold折叠屏体验:目前最给力的全尺寸折叠屏

    “这款手机要一万多块钱了”。 这是我刚拿到vivo X Fold后脑子里突然冒出来的一个想法。 ▲ 抽屉式包装,质感十足。 在和同事讨论的过程中,vivo X Fold的机身质感几乎是通用的,而且有一种高端商务的感觉。 ▲ vivo X Fold给人的第一印象就是“坚固”,其次是边框的磨砂材质

    06-21

  • 阿里云创新中心正式发布“云创基金开放合作计划”

    阿里云创新中心正式发布“云创基金开放合作计划”

    闃块噷浜戝垱鏂颁腑蹇冩寮忓彂甯冣?滀簯鍒涘熀閲戝紑鏀惧悎浣滆鍒掆?濄??2020骞?0鏈?9鏃ワ紝闃块噷浜戜簯鏍栧ぇ浼氱洓澶紑骞曘?傛湰娆″ぇ浼氫互鈥滃墠娌挎帰绱笌鎯宠薄鈥濅负涓婚锛屼細瑙佷簡浼楀閲嶈鍢夊鍜岀鎶?鐖卞ソ鑰呫??銆佷骇涓氫紮浼淬?佹姇璧勬満鏋

    06-17

  • 路透社:三星电子将合并移动和消费电子部门

    路透社:三星电子将合并移动和消费电子部门

    12月7日,三星电子表示,公司将合并移动和消费电子部门,重点发展逻辑芯片业务。 这一重大举措是这家全球最大存储芯片和智能手机制造商在副董事长李在镕 (Jay Y. Lee) 因贿赂指控于 8 月假释后发生变化的最新迹象。 三星视觉显示业务负责人韩钟熙 (Han Jong-hee) 晋升为副董事

    06-08

  • 谷歌街景发现了躲藏二十年的逃犯

    谷歌街景发现了躲藏二十年的逃犯

    互联网技术这几十年的发展,引领世界进入大数据时代。 人们可以轻松地找到他们想要的信息,即使是曾经生活在异国他乡的人。 只在书本上见过的地名。 尤其是近年来,人们的出行已经不像以前那么方便了。 一些人已经开始利用街景地图开启“云出行”。 街景相机拍摄的真实场景可

    06-21

  • 360财经宣布推出360水客新品牌

    360财经宣布推出360水客新品牌

    北京时间8月7日,金融科技平台财经正式宣布品牌升级,推出“水客”新品牌。 为了应对金融科技2.0时代的新挑战,舒客去年启动了战略升级。 经过与上海交通大学共建人工智能联合实验室、引入首席科学家、搭建数据AI中台、改变组织架构等一系列科技投入措施,品牌升级已成为公司

    06-17

  • 蜗牛支持IPO

    蜗牛支持IPO

    A股博彩业的利润创造者王吉比特到处复制他的小而美模式。 他孵化的第一款成熟“作品”青瓷游戏已经通过听证会,即将在港交所上市。 。 和吉比特一样,青瓷游戏仅凭借一款爆款产品就实现了业绩的飙升,但问题也由此而来——当护城河只有产品时,如何保证不断有爆款产品?当《最

    06-17

  • 华研精机为LP,联合发起新基金

    华研精机为LP,联合发起新基金

    投资圈——解码LP消息,9月9日,华研精机公告称,公司将以自有资金1万元作为有限公司与广州南粤合作、澳德股权投资基金管理有限公司、广州兴增股权投资合伙企业(有限合伙)、广州南粤基金集团有限公司共同发起设立广州兴科创业投资合伙企业(有限合伙)(暂定)名称,最终名

    06-18

  • 贵阳市产业发展基金招募GP(2023年第三批)

    贵阳市产业发展基金招募GP(2023年第三批)

    为进一步做好贵阳市产业发展基金(以下简称“产业发展基金”)子基金管理机构公选工作,充分发挥发挥市场资源配置作用和财政资金的引导和放大作用,引导社会资本投资贵阳、贵安重点产业领域,支持“省会强省”战略的实施,推动贵阳、贵安等省市的实施。 贵安市“产业倍增行动

    06-17