注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

容悦设计

工业设计作品集需要哪些内容和技能?!!——搞定留学,考研,就业。

 
 
 

日志

 
 

Apple 产品上的曲线进化历程  

2010-02-26 14:57:05|  分类: 在线教学 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

这一篇继续以 Apple 为主题,在半年前 Apple 发布了新一代 MacBook,一年多年推出了 MacBook Air,而当现在再去看这两个产品的一些细节,特别是 Unibody 的边线,一样还会感到震惊,如果要选近几年(甚至更广的时间跨度)工业设计中造型设计最具突破性的产品,无疑我会选 MacBook Air,MacBook 以及 MacBook Pro,此前或者此后,谁能够想到笔记本(或Apple 笔记本)还能如此突破?当然肯定会有人不这么认为,也不会被 Unibody 的边线所震惊,但新 MacBook 的设计是经得起时间考验的,这个时间考验不只是牢固,不只是使用中留下的痕迹带来的体验……而是蕴藏在设计中的美可以不断流露。当然这不只是 Unibody 的功劳,还包括我们这篇要说的“曲线”。

我想在设计师之中,绝大多数都有意无意的模仿过 Apple,那么当我们模仿 Apple 的时候,我们在模仿什么呢?

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

或许就是类似这样,但不限于这。或许这太简单,那么找一个视觉更丰富的例子:

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

就是 sonos,也许我们不能称其为模仿,但是 sonos 是少数被认为具有 Apple 设计气质的产品。

那么无论从我们简单的模仿,还是到 sonos,我们可以粗浅的认为所谓 Apple Style 的关键就是圆角,画一个正规简洁的形状,给它一个不大不小的圆角,就接近 Apple 了,至少在几年前是这样的,由此绕一圈热完身,正式引出我们文章的主题:Rpple——Apple 产品上的曲线进化历程

我们都知道 Apple 可以代表简洁设计,从线以及形状上来说,可以说是现代主义风格,比如正四边形,比例控制良好的矩形,在此基础上引入圆角。而这是一般对Apple风格的大致印象,实际上Apple一直在变,我们把起始点定在1998年,来看一下 Apple 产品上这些圆角和曲线的进化历程。

1.浪漫主义时期

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

我们是浪漫主义的鼓吹者,浪漫主义是追求自我的解放,摆脱束缚,信马由缰。不管这样来形容Apple是否正确,但不可否认的是,在98年之前,Apple 已经压抑很久了。我们不在其他方面展开,只围绕着设计。

98年之前,Apple 的产品与其他PC厂商的产品在设计相差不是很大,也就是整个个人计算机领域虽然时有一些创新设计,但是已经在塑料壳子上循规蹈矩了,或许可以看作从打字机到电视机走出而进入一个成熟期,Apple 保持了早先 Frog Design 时期留下的一些设计元素,比如“雪白”“装饰凹槽”(1982到1988),后期则是 Robert Brunner 主管(1989 到1996),设计出色的 PowerBook 系列产品,此时圆弧线条已经在设计上使用较多了,但这些圆弧如同成熟的套路一样,并没有鲜明地表征什么。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

上图来自

iMac G3的发布开启了 Apple 新的篇章,也标志着 Apple 设计的 Jonathan Ive 时代的到来,这是 Apple 1998年的1984,只不过老大哥是自己,从此 Apple 焕然一新,个人电脑的设计也出现了新的历程,iMac G3的彩色和半透明流行风一直刮到21世纪。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

上图来自。我们把重点放在曲线,iMac G3 不再将曲线作为一种修饰的服务配角,而是接近尽情挥洒,此时曲线的特征是饱满。无论从正面还是侧面还是顶视,我们都可以看到舒展的线条。

一个能代表整体的细节,就是半圆弧或类半圆弧的使用,比如上图的扬声器,背部的提手,甚至是背部的接线区,见下图。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

圆弧无处不在。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

上图来自

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

上图来自

iMac G3 的设计风格延续到1999年推出的iBook G3 (Clamshell) 以及 Power Mac G4 上。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

舒张的完整大圆弧。饱满的曲线给人亲和力以及生命力的感觉,而在当时个人计算机还没有完全脱离精密仪器的形象,而Apple打破了这个界限,肆意挥洒。由于多种原因,也使得Apple的产品容易让人和时尚甚至女性化结合起来,这种影响一直作用到现在,曾几何时,iMac G3 是杂志媒体上个人电脑的代言人。iMac G3 解放 Apple 也解放了个人电脑。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

2.后浪漫主义时期

所谓后浪漫主义是指在 iMac 爆发革命之后,在下一个时期到来之前的时期,由浪漫主义进入一个相对稳定期,我们主要是凭产品的设计,并非严格的按照时间。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

Power Mac G4 Cube 或者简称为 G4 Cube,2000年推出,2001年终止,这是从 Steve Jobs 离开 Apple 创办的 NeXT 的 NeXTcube 上继承过来,边长7英寸的立方体,虽然 G4 Cube 本身寿命不长,但是它设计的影响远大,包括对 Apple 自己的产品。

透明已经是此时 Apple 的一个风格,我们仍然讨论曲线为主,Cube 的顶面我们可以看到继承自 iMac G3 的大半圆弧。而在 Cube 四周出现的圆弧过度,结合简洁的形状,将成为 Apple 一个主要形态,也就是我们开头说到的“当你模仿 Apple 时,你在模仿什么”的那个特征,我想在那个年代,如果让自己来设计一个方块,很多可能毫不犹豫将另外的边也圆角过度,当然决定 Cube 这样的还有材料的关系。从显示器中,我们也可以看到原先的大圆弧,包括长自由曲线已经开始收缩,走向理性。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

Power Mac G4 的升级版,Power Mac G4 Quicksilver,主要是颜色材质上一些变化,如果说前面说的浪漫主义时期是一种开拓,让人感受到亲和力,生命力,时尚等等,那么此时透明以及纯色则在品质的追求上更进一步。

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

我们将2002推出的 eMac 也归类到这个下面,可以比较一下 iMac G3,曲线由更多的直线形代替,曲线也由肆意的自由曲线过度到基本曲线,比如正面边框的圆角面。

3.插曲1-iPod G1

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

iPod 第一代,2001年10月23号发布,当时很少有人会想到今后它的辉煌。从曲线上来说,是非常理性的简洁设计,平面-圆角过度-平面。

4.插曲2-iMac G4 (iLamp)

Apple 产品上的曲线进化历程 - 沈阳alias、汽车设计、工业设计学习 - 全国唯一专业汽车造型设计培训

如果我们真把 Apple 历程用浪漫主义、后浪漫主义来分的话(其实这篇文章重点在曲线和风格,不必过分讲究浪漫主义什么意思),那么 iMac G4 无疑是后浪漫主义时期的一次浪漫火花的自燃,或者是 G4 Cube 的灵魂附体。关于这个产品不再详细介绍,但从曲线上我们已经看到理性的一面了。

5.理性主义和前文一样,我们用“理性主义”这个词并不是来谈主义,只是为了界定,拿一个较顺手的词来用而已。用 PowerBook G4 钛合金版来打头,这个产品发布于2001年1月,它从前一代 PowerBook G3 进化而来,在设计上大大的简化,将一

5.理性主义
和前文一样,我们用“理性主义”这个词并不是来谈主义,只是为了界定,拿一个较顺手的词来用而已。

用 PowerBook G4 钛合金版来打头,这个产品发布于2001年1月,它从前一代 PowerBook G3 进化而来,在设计上大大的简化,将一些适合多余设计的曲面,适合人机的曲面……可以说去掉一切,用最简洁的直线和平面来重新设计。可对比下图:
PowerBook G3
PowerBook G4
上面的 PowerBook G3 的线性风格也代表着一段时期工业设计的流行风格,甚至现在有人还在使用,就是用较朴素的曲线代替早先的机器直线风格。

PowerBook G4 不只是一个坦平的盒子,那么以什么来丰富,细节。我们可以看到细小的圆弧到处存在,1/4圆弧、1/2圆弧、圆,触摸操作区的大圆弧也可以看作是iMac上一些元素的继承,这些圆弧增加了整体的精致感,PowerBook G4 也为今后这个产品线以及其他 Apple 产品定下了简洁硬朗的基调(简洁平面+小圆弧过度)。
ibook
ibook
iBook G3 第二代以及 iBook G4,最早是在2001年5月1号发布,将 PowerBook G4 上的圆弧元素强化,比如上盖A壳的四角,这样的圆弧过度带来亲和力,加上色彩,人们乐于称它为“小白”,但这一种亲和力和 iMac G3 以及前一代的 iBook 的亲和力不同,比如前一代更倾向是一种外向型亲和力,这个我们就称它为内向型亲和力,白色也再一次成为 Apple 的代表色。
powerbook
PowerBook G4 铝合金版,2003年1月发布,Apple开始使用铝合金,风格接近iBook,上盖四角也出现圆弧过度。
Power Mac G5
Power Mac G5 ,从柔和光亮的 Power Mac G4 跳到了铝合金机身冷峻精致的 Power Mac G5。
imac g5
iMac G5,风格延续(方盒子+四边导圆角),但背部出现大跨度的弧面。
iMac
macbook 2008
macbook pro
新 iMac,MacBook,MacBook Pro
Mac-mini
Mac Mini
还有其他产品,不一一列举。

Rpple——Apple 产品上的曲线进化历程(1)(2)6.New Edge

Apple New Edge
Rpple——Apple 产品上的曲线进化历程(1)(2)
6.New Edge
如前,这几个词语“浪漫主义”“理性主义”“New Edge”主要是来划分而用。前面两篇是铺垫,这一篇是交流的主要内容。

在(1)中说到了震惊,那么什么是震惊,大概可以描述如下,比如在“理性主义”时期,当你去想 Apple 接下来会是怎样风格的设计,很难想,而当它出了新产品,“耳目一新”为一震,“就是它就是它”为二震,“知其过程”为三震,当然性能好,可以一直震下去。

回到曲线,我们将这一时期称为 New Edge,也透露着将在Apple产品上出现新的曲线和边缘形式,先看几个对比图:
ipod curve
iPod 5代和6代的侧面比较,仔细看哪里发生变化。
ipod curve
iPhone 1代和 iPhone 3G的侧面对比,侧面变化很明显,但也请仔细比较。
ipod curve
iPod Touch 1代和 iPod Touch 2代的侧面及背面的比较。

从上面几个图的比较可以发现过度的曲线发生了变化,比如iPod Classic本来上表面是一个平面,这个平面的四角有圆弧过度,但是第6代不仅四角圆弧过度,而且四周有了曲面过度,反应在侧视图上就是一条曲线过度。iPhone 、iPod Touch 的侧试图中过度曲线,用感觉来说,就是过度更平缓,而在 iPod Touch 上连续曲线跨过脊背走向了正面。

而这些过度的曲线不再是“理性主义”时期的圆弧过度,而是倾向于自由曲线,我们在说“浪漫主义”时期时,也是自由曲线,但比较可以发现有所不同,此时的自由曲线更克制。圆弧过度你可以简单描述,比如说“R10”的过度,但是自由曲线如何描述呢?至少口头上现在没有什么能描述。

我们可以看一个示意图:
4curve
1为一个四边形,2为一个加了圆角,3看上去和2类似,4就是自由曲线的过度。上面的这些绒毛代表着曲线的曲率变化(类似触角线的长短示意此处曲率半径的倒数),即表示一条线上不同位置的弯曲程度。那么2和3看上去差不多,为什么曲率变化情况就不一样呢?没兴趣下面一段可以略过。
~~~~~~~~~~~~~

熟悉软件估计都知道这是因为一个是切线连续,一个是曲率连续。这里也不详谈,可以引入core77上的一些文章,A Periodic Table of Form: The secret language of surface and meaning in product design, by Gray Holland 形式周期表:曲面的秘密语言以及在产品设计中的意义,链接(感兴趣可以一读)。这篇文章从自然界说到产品设计,关于不同类型的曲面,最后页说到了MacBook,在这里引入那里的一张图来示意不同类型的连续的曲面带来的不同的视觉体验。
surface continuity
surface continuity
上面123依次为位置连续、切线连续以及曲率连续,位置连续即两面或两线相交,切线连续即两面或两线相交并相交处的切线方向一致,曲率连续即两面或两线相交并相交处的切线方向一致并曲率大小也相同,通常我们用G0连续,G1连续,G2连续来简称(当然有G3、G4等更高级的连续,依次叫做曲率变化率连续,曲率变化率的变化率连续,曲率变化率(n+1)的变化率连续)。那么在视觉上是有什么不同体验,看上去三个不同方块上光线形成的倒影的边线的情况,G0可以看到倒影的边线断开了,G1倒影的边线连接着,但是有尖点,而G2不仅连接上而且光滑过度,这就是差别。其他请查找相关或者 Class A 曲面的一些资料。

Core77的这篇文章在说MacBook的时候,是以不同的连续情况(G0或G2)出发的,但是这里我想把MacBook前后的变化放在不同曲线上讨论,毕竟看上去是圆弧过度的也可能是G2连续,比如说上面几个黑方块的第3个就是G2连续,但是曲线看上去还是和圆弧过度差不多,对我们来说,前后差别最大的不在于交接点,而是曲率的变化,比如黑块2,3,4比较,4同2、3差别更大。
~~~~~~~~~~~~~
new g macbook
MacBook 随着新版 Unibody 的推出,曲线也发生了类似如上所举的iPod,iPod Touch,iPhone这样的变化,我们先从感觉上再来体验一下从“理性主义”时期到“New Edge”时期不同曲线(曲面)过度的直观体验。我们可以从Flickr上查找一些图片,可以看到人们非常着迷于新 MacBook 的设计。
macbook air curve
(图片来自)那么这两中曲线(曲面)有什么差别吗?各人有自己的体验,总的来说,圆弧过度有时会让我们感觉是模拟时代的东西,Apple 能够把它做到亲和力以及有一点雅致,但是和自由曲线过度的MacBook Unibody相比,后者更有时代感,更薄同时更富张力,更有技术性的优雅之感。
macbook pro curve
(图片来自
“New Edge” 除了自由曲线的过度,还有就是细节对与曲线对于Unibody的烘托作用。
macbook pro curve
在“理性主义”时代的产品,比如iBook,我们总是看到相交于1点的三面相交都是圆弧过度,带来一种柔和饱满的感觉,而新MacBook 则更富有攻击性,用我们以前的词形容,就是“亮利”,或者说cool。从上面这个图我们从上到下可以看到几条锐利的边界线,最上的一条刚好能衬托住顶上的弧面,而下面几条突出了Unibody的整体感,工艺的品质。
macbook pro curve
(图片来自
macbook air
另一个增强Unibody的整体感,工艺的品质的细节,当然首先是功能性的。

 

  评论这张
 
阅读(571)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017