信息时代的设计发展
本篇内容选自产品星球「空周刊」的第16期,空周刊是产品星球的每周精选创作内容,如需免费获取邮件推送,可在文末查看订阅方式
在信息时代,工业设计已经从单纯的产品造型设计,扩展至整个产品的用户体验设计。工业设计的发展受艺术和科技发展的影响,也对后来交互设计、UI设计影响至深。简单了解一下索尼、博朗、苹果、微软和B&O的设计风格和设计作品
索尼
索尼是一家日本的跨国公司,成立于1946年。它在20世纪70年代和80年代,通过推出一系列划时代的产品,如Betamax录像机和Walkman便携式音乐播放器,成为全球电子产品的领导者。
索尼的代表作品是Walkman,它于1979年发布,彻底改变了人们对音乐的消费方式。Walkman的设计理念是"私人空间",通过这款产品,索尼成功地让音乐变得便携,让人们可以随时随地享受音乐。
索尼在产品上的设计还包括电视、PlayStation游戏机、数码相机等
博朗
博朗是一家德国的家电制造公司,成立于1921年。它在20世纪60年代和70年代,通过推出一系列创新的家电产品,如电动剃须刀和榨汁机,成为家电领域的领导者。
博朗的代表作品是SK4音响,它于1956年发布,被誉为"雪柜"。SK4音响的设计简洁、实用,它的外壳是透明的,让人们可以看到内部的零件。
博朗的代表设计师是Dieter Rams。他是博朗的设计总监,也是20世纪最重要的工业设计师之一。他的设计理念是"少即是多",与上篇文章中建筑大师米斯凡德罗的“Less is more”相同的理念,米斯的建筑与下面迪特拉姆斯的产品也有相似之处,有兴趣可以查阅。
他归纳了他认为好的设计应当满足的十条要求。(这些要求也被人称为“设计十诫”。)
好的设计是创新的
好的设计是实用的
好的设计是美观的
好的设计使产品易懂
好的设计是克制的
好的设计是诚实的
好的设计是长命的
好的设计在细微之处也维持一贯
好的设计是环保的
好的设计是尽量少的设计
博朗的设计理念,即"少即是多",影响深远。后来苹果产品、索尼产品的工业设计、UI设计都能看到博朗设计的影子。乔布斯也亲口承认过iPhone最初的计算器就是致敬博朗的计算器。
苹果
苹果的代表作品是iPhone,它于2007年发布,引领了智能手机的潮流。iPhone的设计理念是"极简主义",它的外观简洁,操作简单,用户体验极佳。
苹果的代表设计师是乔纳森·艾维。他是苹果的首席设计官,也是21世纪最重要的工业设计师之一。他的设计理念是"极简主义",他认为设计应该以人为本,简单易用。他设计的作品有:
iMac:在1998年,艾维设计的首款iMac电脑将苹果带回到了竞争的前沿。这款设计以其明亮的塑料壳和无塔式设计而引人注目。
iPod:在2001年,艾维设计的iPod改变了音乐产业,并使苹果公司进入了全新的市场。这款设备简洁的设计和易用的用户界面赢得了消费者的喜爱。
iPhone:2007年起,乔纳森·艾维和他的团队设计出多款iPhone,直到iPhone6以后,他逐渐退出了iPhone的设计
iPad:2010年,iPad的推出进一步证明了艾维设计才能,它以其大屏幕和便携性开启了平板电脑市场。
MacBook Pro:艾维的设计风格也体现在苹果的笔记本电脑上,MacBook Pro的铝制一体成型设计就是他的代表作之一。
Apple Watch:这是苹果的第一款穿戴设备,也是乔纳森·艾维的设计作品,它开启了苹果在健康和健身领域的新篇章。
Apple Park:这是苹果总部的新园区,虽然它主要是由建筑师诺曼·福斯特设计的,但艾维在其中也起到了关键的设计角色,特别是在内部装潢和家具选择上。
B&O的影响主要体现在它的设计理念,即"功能与形态的完美结合"。这一理念影响了后来的音响设备设计,让人们认识到,音响设备的设计可以既美观又实用。
交互设计发展
交互设计这个词虽然在1984年由Bill Moggridge首次明确提出,但其实它在这之前就已经默默地存在并应用在各种产品的设计中。随着这个概念的提出,越来越多的公司和行业开始重视交互设计,将它融入到产品的开发过程中。
随着互联网技术的飞速发展,交互设计这个概念开始在千禧年得到更多的重视。可以看到像Alan Cooper和Donald A Norman这样的专家开始大力推广交互设计的重要性。
在信息革命的初期,人们对于个人电脑的用户体验和交互设计并未给予足够的重视,这在很大程度上是因为当时的技术限制。早期的个人电脑没有鼠标,用户需要通过键盘来与电脑进行交互。这种交互方式被称为命令行交互(Command Line Interaction)。在命令行输入指令,电脑才会给出相应的反馈。由于这种方式并不直观,用户体验和易用性大打折扣。
转折点出现在1979年,施乐公司的Xerox PARC研究中心开发出了图形用户界面和鼠标,这两项技术深深地吸引了乔布斯。他将这些技术应用到个人电脑中,从此我们开始使用鼠标和键盘与电脑进行交互,这种方式被称为"图形界面交互"GUI(Graphical User Interface)
在触摸屏技术尚未成熟之前,鼠标作为人类手指的延伸,充当了在屏幕上操作的角色。同时,我们还为鼠标操作定义了更多的交互行为,如hover、dubble click等。
在2007年1月9日,苹果公司发布了第一款iPhone,开启了"触控交互"TUI(Touch User Interfac)的时代。这个时期的手机已经超越了单纯的通讯工具,变成了个人智能终端设备。触控交互使得手机的易用性达到了新的高度。
尽管触控交互改变了人机交互方式,但并未完全替代鼠标交互。在某些场景下,由于鼠标交互具有像素级别的精准定位、右键功能可扩充性、功能可发现性高等优点,仍然占据主导地位。
随着科技的发展,人机交互方式也在不断进步。人工智能、物联网、无线网络等技术的发展,使得各种设备变得越来越智能。智能音箱的出现开启了"语音用户界面交互"(VUI)的新时代,用户可以通过语音命令让智能音箱完成各种任务。但是现在智能音箱普遍问题是还不够智能,这在GPT出现之后,未来几年会有新的改观出现。
AR(增强现实)、VR(虚拟现实)、MR(混合现实)等技术也正在改变我们的交互方式。它们不仅可以让我们在虚拟世界中与物体进行交互,还可以让我们在现实世界中进行更自然的交互,例如手势、眼神等。
新技术、新产品的出现都在引领一种新的交互方式——自然交互界面:NUI(Natural User Interface),这种界面尽可能地模仿真实世界的物理交互,使得用户可以直观地理解和使用。例如,触摸屏、手势识别、眼动交互、面部识别等都属于NUI
GPT的出现也让一种新的交互出现,虽然还没有被学术界所承认,但是这种对话式的交互方式,已经成为了一种人机互动的潮流,像聊天一样的来和机器对话,不管是键盘输入还是语音输入,这种对话式交互方式CUI(Conversational User Interface)在未来一定大有前景
UI设计的发展
20世纪70年代,施乐公司的Xerox PARC(帕洛阿尔托研究中心)的研究人员开发了第一个图形用户界面(Graphical User Interface,GUI),它让人们可以通过图形、图标和菜单来操作计算机,大大提高了计算机的易用性。这个界面设计最初用于Xerox的Alto计算机,后来被Apple的Macintosh和微软的Windows操作系统广泛采用。从此开启了UI设计的发展。
UI设计的发展总共经历了5个时代,即黑白像素、彩色像素、水晶拟物、3D拟物、扁平化
第一阶段: 1975~ 1985年代,黑白像素时代
在这个阶段,计算机界面主要是黑白的,用户与计算机的交互主要通过文本命令。这个时代的界面设计简单且直接,如同我们经常看到的“有内鬼,终止交易”这样的表情包,就是这个时期的经典代表。
第二阶段: 1980~ 1995年代,彩色像素时代
随着彩色显示器的普及,界面设计开始使用色彩来增强用户体验。界面开始变得更加生动和吸引人,同时也变得更加复杂。
第三阶段: 1995~2008年代,水晶拟物时代
这个阶段的UI设计开始模仿现实世界,使用透明和反射来模仿玻璃和水晶的质感。这种拟物化的设计风格让用户感到熟悉,而且更容易理解和使用。苹果公司在这个时期的产品设计,如Mac OS X,就是这个风格的经典代表。
第四阶段: 2008~2013年代,3D立体拟物时代
在这个时期,设计师开始使用3D效果和深度来增强用户界面的视觉体验。这种设计风格更加复杂,但同时也更加生动和吸引人。如IPhone 4 的UI
第五阶段: 2013年至今,扁平化时代
这个时期的UI设计被称为扁平化设计。这种设计风格强调简洁和清晰,去除了不必要的装饰和3D效果。扁平化设计让用户界面变得更加直观和易用,同时也更加现代和优雅。微软的Windows 8和Apple的iOS 7都是这种设计风格的代表。
最近的趋势:
新扁平设计
新扁平设计是扁平设计的一种演变,它在原有的扁平设计基础上,加入了一些新的设计元素,如渐变色、微质感和少边框等。
渐变色:新扁平设计会使用渐变色来增加视觉的层次感,这与传统的扁平设计中常见的单一色调有所不同。
微质感:虽然新扁平设计依然强调简洁和清晰,但它也会通过微妙的质感效果,如阴影或纹理,来增加设计的深度和丰富度。
少边框:新扁平设计倾向于使用更少的边框,以创造更为开放和自由的视觉体验。
例如,Instagram的图标设计就是一种新扁平设计的代表。其图标采用了鲜明的渐变色,并且边框被简化,使得整个图标看起来更加简洁和现代。
新拟物设计
新拟物设计是拟物设计的一种新形态,它保留了拟物设计对于现实世界的模仿,但在一些方面做了改进和创新。
部分写实:新拟物设计并不会完全模仿现实世界,而是只模仿部分元素。这使得设计既有现实感,又不失设计的自由度。
3D立体感:新拟物设计强调3D效果和深度,这使得设计更有立体感,同时也更具吸引力。
光影效果:新拟物设计会通过光影效果来增加设计的真实感和深度,这使得设计更加生动和有趣。
例如,Apple的iOS 7之后的设计就是一种新拟物设计的代表。虽然其设计看起来非常简洁,但通过微妙的阴影和光线效果,设计师还是能够模仿出现实世界的物体和空间。
未来:VR界面设计
在VR中,用户界面可以在360度的空间中展开,提供更为沉浸式的用户体验。这种新的设计方式打开了无限的可能性
纵观UI的发展,从像素、到拟物、再到扁平,再到扁平和拟物融合,这样发展受到技术发展、用户接受度的影响
在早期的计算机中,由于技术限制,UI主要基于文本和像素。随着显示技术的进步和计算能力的提高,彩色和图形界面开始出现,3D效果、动画和逼真的纹理也成为可能,拟物风格开始出现。
随着移动用户群体变得越来越广泛,相比于像素风,拟物风格的接受门槛低,能够让所有年龄层用户将物理世界的认知快速映射到数字世界。
随着大众接受度的增高,开始一场去繁从简的变革,扁平化开始出现。就像设计史的发展一样,从巴洛克、洛可可到包豪斯,强调功能,弱化形式,UI的发展也开始走向简化,扁平化风格随之成为主流。
拟物设计强调的是在数字环境中模仿现实物体的外观和行为,而扁平设计则是回归到界面的本质,去除不必要的装饰,强调内容和功能。
点击阅读原文,订阅空周刊