专业知识分享其他

苹果如何塑造用户界面

2020-05-318 MIN READ原载于微信公众号 ↗

苹果是如何塑造用户界面的?今天我们从PuncHKick互动的历史时间表来谈谈苹果的用户界面设计。

在革命性的Macintosh及其基础移动产品之间,也许没有哪一家公司能在用户界面设计科学上给苹果留下比苹果更大的印象。

自最初的Mac以来的30年间,苹果公司针对每台新设备和外形都重新设计了其设计和交互式方法。从Apple II到Apple Watch,以下是Apple重塑用户界面的方式,我们按时间的顺序展开我们的介绍。

1 1984年

1984年Mocintosh系统磁盘用户界面

1984年,图形用户界面的想法很新颖。苹果公司的Macintosh团队以施乐公司的研究成果为基础,并利用全新的计算机鼠标,建立了一个全新的用户界面,该界面绘制了随后30年的计算机历史进程。

苹果公司使用基本的单色图形并依靠带有文件,文件夹和垃圾桶的桌面隐喻,苹果率先提出了可用于不同应用程序和任务的窗口的概念,这些窗口可以彼此叠加。

Mac团队的Susan Kare拥有一系列以书法为灵感的系统字体,如芝加哥和日内瓦,Mac团队的Susan Kare为Mac OS的第一个版本带来了类似印刷的字体和世界一流的图像设计。

2   1990年代

1990年macintosh关于此计算机的用户界面

1990年macintosh控制面板用户界面

到1990年代,Macintosh电脑经历了数十次迭代和一系列技术改进。

即使具有更强大的显示器,更高的分辨率和全新的色彩,Mac仍然继续利用相同的桌面隐喻和分层窗口,使原始Macintosh如此易于使用。

一些改进措施包括苹果公司将Mac的原始系统字体Chicago换成更高分辨率的Charcoal,并在桌面一角添加了扩展工具栏。

3   1993年

1993年Newton OS eWorld Mail用户界面

1993年Newton OS

苹果公司历史上很少有的失误之一是牛顿MessagePad,它是一种类似于PDA的设备,具有最先进的手写识别功能和特定于便携式的牛顿操作系统。

该设备依靠手写笔进行输入,当史蒂夫·乔布斯回到苹果公司时,这最终注定了它的寿命。

但是,随着未来产品的出现彻底改变我们放在口袋里的物品以及如何与它们交互的方式,该公司从第一款失败的便携式产品中学到的很多知识将在几年后派上用场。

4   2001年

OS X Aqua

OS X Aqua用户界面

OS X跃入21世纪,彻底改变了Mac OS的工作方式和外观。当苹果收购了史蒂夫·乔布斯(Steve Job)的创新公司NeXT,并将乔布斯(Jobs)任命为“临时”首席执行官时,Mac OS的运作方式发生了变化,纳入了NeXTSTEP的创新。

新的视觉设计被称为Aqua,具有光泽,类似液体的按钮,半透明的菜单和亮蓝色的滚动条。OS X为Lucida Grande更改了Charcoal,并添加了Dock,它是常见应用程序和运行任务的托盘,它将成为用户交互的焦点。

ipod

在2001年,Apple推出了首款iPod,这是一种便携式硬盘产品,可以播放多达5,000首歌曲。iPod使用了全新的滚轮来进行用户输入(后来被简化的ClickWheel取代了),它是Apple的第一款受到热捧的移动产品,巩固了该公司数百万人的用户界面。

显示主菜单的2001ipod

iPod将艺术家和选项安排到可滚动的文本项列表中,使之怀旧地设置在Mac的原始芝加哥字体中(最终换成自定义的Podium Sans),并使用列表中的嵌套列表来处理专辑和个人歌曲。

带有背光播放的2001ipod

滚轮上方的单片菜单按钮允许用户跳回到上一个菜单,并用作整个系统的单一用途逃生舱口。

5   2007年

iPhone操作系统

与依靠触控笔的牛顿不同,iPhone是围绕大型高分辨率触摸屏设计的。

iPhone OS(后来更名为iOS)具有基于OS X基础的全新用户界面,其中包括类似Aqua的光泽按钮和类似iPod列表的黄油式滚动。

基本的方形图标网格充当设备已安装的少数应用程序的跳板,菜单按钮的足迹紧随其后的是单独的主页按钮,以返回主屏幕。

这是苹果众多用户界面学习的高潮,而对研究和测试的长期投资也获得了回报。

2007年iphone OS 的屏幕截图

6   2013年

随着iOS的成熟,Apple的设计美学趋向于“拟形”的物理类似物和逼真度。

ios 7 上Music App的Daft Punk歌曲的屏幕截图

ios 7 主屏幕截图

“日历”应用程序的虚拟皮革标题栏和“游戏中心”应用程序的人造毛毡背景体现了这种趋势。iOS 7对操作系统的每个角落进行了彻底的重新设计,用纯白色代替了光泽和纹理。

系统字体已替换为Helvetica Neue的超轻型变体,并且OS暗示了分层和深度以及不同程度的半透明性。应用程序图标根据指定的线框进行了重新设计,这鼓励了深度和纹理上的平坦性和明显性。

72014年

OS X Yosmite Control Center

用户节目的屏幕截图

打开了文件夹的OS X Yosmite

桌面的屏幕快照

为了配合其移动平台,Apple着手重新设计和重新构想其最古老的操作系统,即OS X版本10.10,名为Yosemite。

通过对整个操作系统进行重新设计和一种称为活力的新半透明系统,优胜美地完成了苹果公司对Aqua长达十年的停滞改进,并实现了平台的一劳永逸。

Lucida Grande被Helvetica Neue取代以匹配iOS,Dock恢复到二维,更紧密的弧度使长期使用的Finder图标变得更加好看。

8   2015年

各种原始watch OS屏幕的屏幕截图

Apple Watch运行watchOS,这是一个全新的可穿戴操作系统,它采用了Ive最新趋势的设计提示,并将其重新设计用于两英寸的屏幕。

watchOS见证了Apple定制设计的字体San Francisco的首次亮相,该字体针对易读性和较小的磅值进行了优化。Apple Watch的Digital Crown允许用户平移和缩放地图,列表和菜单,并且圆形图标网构成了设备的主屏幕。

与“菜单”按钮或“主页”按钮非常相似,按下Digital Crown可以使用户返回此主屏幕。watchOS是Apple提供的全新平台,但代表了其数十年悠久的用户界面历史的演变和重新定位。

原文:查看链接 ↗

资料来源:apple.com | gizmodo.com | wikipedia.com | aresluna.org | toastytech.com | betaarchive.com | mac4ever.com | techrun.in | cultofmac.com | tekku.ru | mac-history.net | thinkios.com | ios7updates.com | arstechnica.com

译者:益生菌菌

原文请戳【阅读原文】

为尊重版权和译者

转载请联系我们

我们

服务.体验.交互设计传道者

「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办,致力于创造卓越的设计知识学习课堂,专注交互设计、用户体验设计、服务设计领域的专业知识教育。

教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校,以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。

清华大学有训曰:行胜于言。「一只朝菌」谨承母校百年教诲,时刻铭记师者之责,为好学者传道授业,为有志者掌灯引行。

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询