
Rpple——Apple 产品上的曲线进化历程(1)(2)
6.New Edge
如前,这几个词语“浪漫主义”“理性主义”“New Edge”主要是来划分而用。前面两篇是铺垫,这一篇是交流的主要内容。
在(1)中说到了震惊,那么什么是震惊,大概可以描述如下,比如在“理性主义”时期,当你去想 Apple 接下来会是怎样风格的设计,很难想,而当它出了新产品,“耳目一新”为一震,“就是它就是它”为二震,“知其过程”为三震,当然性能好,可以一直震下去。
回到曲线,我们将这一时期称为 New Edge,也透露着将在Apple产品上出现新的曲线和边缘形式,先看几个对比图:

iPod 5代和6代的侧面比较,仔细看哪里发生变化。

iPhone 1代和 iPhone 3G的侧面对比,侧面变化很明显,但也请仔细比较。

iPod Touch 1代和 iPod Touch 2代的侧面及背面的比较。
从上面几个图的比较可以发现过度的曲线发生了变化,比如iPod Classic本来上表面是一个平面,这个平面的四角有圆弧过度,但是第6代不仅四角圆弧过度,而且四周有了曲面过度,反应在侧视图上就是一条曲线过度。iPhone 、iPod Touch 的侧试图中过度曲线,用感觉来说,就是过度更平缓,而在 iPod Touch 上连续曲线跨过脊背走向了正面。
而这些过度的曲线不再是“理性主义”时期的圆弧过度,而是倾向于自由曲线,我们在说“浪漫主义”时期时,也是自由曲线,但比较可以发现有所不同,此时的自由曲线更克制。圆弧过度你可以简单描述,比如说“R10”的过度,但是自由曲线如何描述呢?至少口头上现在没有什么能描述。
我们可以看一个示意图:

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,在这里引入那里的一张图来示意不同类型的连续的曲面带来的不同的视觉体验。


上面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差别更大。
~~~~~~~~~~~~~

MacBook 随着新版 Unibody 的推出,曲线也发生了类似如上所举的iPod,iPod Touch,iPhone这样的变化,我们先从感觉上再来体验一下从“理性主义”时期到“New Edge”时期不同曲线(曲面)过度的直观体验。我们可以从Flickr上查找一些图片,可以看到人们非常着迷于新 MacBook 的设计。

(图片来自这)那么这两中曲线(曲面)有什么差别吗?各人有自己的体验,总的来说,圆弧过度有时会让我们感觉是模拟时代的东西,Apple 能够把它做到亲和力以及有一点雅致,但是和自由曲线过度的MacBook Unibody相比,后者更有时代感,更薄同时更富张力,更有技术性的优雅之感。

(图片来自这)
“New Edge” 除了自由曲线的过度,还有就是细节对与曲线对于Unibody的烘托作用。

在“理性主义”时代的产品,比如iBook,我们总是看到相交于1点的三面相交都是圆弧过度,带来一种柔和饱满的感觉,而新MacBook 则更富有攻击性,用我们以前的词形容,就是“亮利”,或者说cool。从上面这个图我们从上到下可以看到几条锐利的边界线,最上的一条刚好能衬托住顶上的弧面,而下面几条突出了Unibody的整体感,工艺的品质。

(图片来自这)

另一个增强Unibody的整体感,工艺的品质的细节,当然首先是功能性的。
完。
Rpple——Apple 产品上的曲线进化历程(1)
Rpple——Apple 产品上的曲线进化历程(2)
Rpple——MacBook 的曲面特征及高光表现
原来G1代表的是理性,哈哈~
曲线趋向自由,好像也是未来建筑的发展趋势。。
现代主义影响深远,国际主义也过于死板。未来或许就是个自由的时代。
不是单独的几何形态。
我可没说iBook那些是G1啊,就像上面(4个黑块)图示一样很有可能就是有的地方是G2,材料非高反光所以很难判断曲面质量。其实G1G2给人的体验更细微,甚至不会发现,最主要还是线型。比如现在的学生再去模仿Apple的作品,可能不会只限于倒几个圆角了。
hi-id能不能把core77的那篇文章翻译转载一下呢?我用google翻译工具看了一下,发现似乎很不错,但是英文水平不行,不知道这个请求您能不能帮忙实现下? 谢谢啦~~
我也只是泛泛看了一下,也是边看边要借助工具条。我觉得这篇文章主要是综合描述(不同连续面不同的美感这一点描述很不错),反正不太适合我口味,我比较喜欢看一些实例,比如 http://aliasdesign.autodesk.com/ 上的,所以很抱歉我可能不会翻译。如果有人愿意翻译,可以在[iD公社]贴出来与大家分享。
wa~o~ 打算今年買Apple的筆電.越看越喜歡! (@^^@)v
其实少了硬朗的味道
把形态单独出来,就只能讲美学了,但产品设计毕竟也不是搞艺术,不然就停留在效果图阶段了。我觉得产品形体,功能元素及使用界面的安排,是有机的一体。我们在设计的时候,关键点经常不是漂亮的形体,而是用怎样的形体去更好表达其功能元素。就算是一普通的形体,但如果与产品本身元素匹配,就能起化学反应。像最新的NONA,就是一椭圆的拉伸,简单吧,但你实际拿起来,形体,配合它的SIZE,及按键。就是有美感+手感。
我们就单独讨论形态,因为看起来简单未必就真的简单,比如你说的 iPod Nano,你认为简单吗,但实际上并不那么简单,你说是椭圆,那么它真是椭圆吗?重要的是深挖,找到对自己有用的东西。
在说到 iPhone 以及 iPod Touch 的背部曲线跨过背脊,也可以追溯到 Mighty Mouse (http://www.apple.com/mightymouse/design.html ),文中忘了补充。
抛开apple不谈,从视觉的角度上讲,单论直线体大导角可能会有更直接的启示。一个无导角或者小导角的立面体视觉上会有向四周发散的感觉,比如书本,它和周遭的空间结合的时候本体相对于导大角的物体视觉向心力会显得小,因此主体感就弱。相反导大角的会把视觉集中到其物体本身,这是我个人的经验,在想突出物体的时候我一般会加大导角,这个类似于平面设计里的一些定律,而苹果作为平面专业品牌是不是考虑到把平面定律引入到产品风格定位上就不得而知了,反正作为消费者从一开始给我的这种感觉就很强。
另外一点很重要的是材料本身的属性对风格变化的绝对性影响。增大大导角会加强物体本身的强度和耐磨度,像之前的macbook因为是塑料壳势必要通过边缘线大导角的手段增大物件强度,到现在的macbook改用铝板,强度的问题就可以忽略不计了,但是保留正面四角的大导角,这一点无论在产品体系上还是功能上都是很必要的延续,有意思的是从侧面到水平面之间的大半径过渡曲面,可能一是为了减少视觉上的厚度,再是突出铝材的属性,因为只有本身很坚固的材料才“配”用0导角,真材实料的意思。
还有就是延续感,作为品牌产品,设计上的优劣与产品体系的延续感之间后者更为重要,而苹果每次都能兼顾两者,既叫好又叫座。从之前到现在,整体来看有一种很强的前进感,没有只是在风格上徘徊,更多的是让我们体会到这个品牌的生命力和创造力。就像channel,dior这些服装大牌,每季的新品推出更多的意义是探索和引导业内的方向标。
所以说仅仅通过这几点的分析就会大概得到苹果的成功绝非外表的卖弄,任何一步蜕变都与品牌,技术,材料息息相关。
补充:使用apple这样的0导角我想不是每个品牌都做得出的决定,因为它会带来使用上的隐患,舒适和安全方面的因素。但是这就是apple与众不同的地方,也是必然的,在权衡概念点和传统意义上的产品要素之间,apple往往会坚决的选择前者,在品牌概念下这是一种非常大胆且难得的思考方式。在诸多因素中什么是该抓住的信息,它们之间的排列顺序是什么,这一点他们比其他品牌看得更清晰,这个我想更多的是得益于决策者与设计师之间绝伦的合作模式,不知道在目前二位退位后,苹果是否会依然保持这个强大的优势。
i like it .
在读第一篇的时候我就想到了前段时间读到的A Periodic Table of Form: The secret language of surface and meaning in product design,果然,读到这里得到了印证,那确实是一篇好的文章,让我对面和造型的认识更进了一步。数字时代的技术特点使人们容易依赖软件造型,产生所谓的G1的理性美,久而久之,这种普遍的不存在于自然之中的理性美逐渐泛滥,从而显得呆板和单调,其实,我想原文作者的意思就是要回到自然,寻求G0和G2的美学特征。
若有时间,我会试着翻译一下原文与大家共享。
永远的话题!我最近也在谈这个话题!http://blog.sina.com.cn/morgan1127
我是设计师 也是新MACBOOK的使用者 曲线的美学特征或者其它理性因素 造就了一个好看且好用的产品 只举一个个人的例子 当把MACBOOK信手持握的一刻 我感受到了它的外形特征 一个冰凉的 一个带有磨沙质感的 一个顺和手形的 一个锐利的 一个曲面膨胀的 适用产品
看完这个系列的文章后,最大的感想就是,对于国内的厂家来说,连工艺和产品质量都没有解决,设计个啥子哦。
瞎鸡)巴扯淡,人家就是为了看起来更薄点。你丫非要扯这么多。
我们没揣测 Apple 的意图啊
我只用为一个普通的使用或者非专业的眼光去看—-它引诱你去了解更多,这是一个思维的导向,未免有点商业因素在的…
不过不能否认的是它的确很成功
我是做手机MD的,其实做手机的人都知道,包括非设计人员和销售人员都知道这种弧角非常有手感,更重要的是能让人感觉很薄,就是这么简单。这种弧角被每个设计人员所采用,只是有时因为MD设计中厚度空间的局限,这种弧角未能很好的满足。
深圳有很多大的ID设计公司,但他们的经过无数钻研,充满感性/理性/浪漫/的作品成为实物产品后,商业销售并不理理,真正销量大的产品,ID的设计却是很简单的,可能仅是源于一个想法。
诺基亚的很多销量王手机,如果它们没有印上NOKIA的LOGO,而是出自山寨之手,相信绝对会被贬到下水道。
现在各种图形化界面中上的圆角最早是否在Apple的lisa上出现的呢,在看这篇介绍操作系统界面历史时(http://www.webdesignerdepot.com/2009/03/operating-system-interface-design-between-1981-2009/ )我曾想到过这个问题,今儿偶尔想起,查了一下,发现资料还是很好找的。lisa还是Apple的图形界面离不开 Xerox Alto(http://en.wikipedia.org/wiki/Xerox_Alto ),在 A History of Apple's Lisa, 1979-1986(http://lowendmac.com/orchard/05/apple-lisa-history.html )这篇文章中提到,图形化界面圆角背后的功臣 Bill Atkinson 在两次访问 PARC(Palo Alto Research Center)之后,Bill Atkinson 认为他在Alto的演示中看到了圆角在界面中流畅应用,他就花了很长的时间来实现,最终写进了QuickDraw,但后来发现 PARC 的研发人员连考虑都没有考虑过圆角。但是从另外一篇文章Round Rects Are Everywhere!(http://www.folklore.org/StoryView.py?project=Macintosh&story=Round_Rects_Are_Everywhere.txt&characters=Bill%20Atkinson&sortOrder=Sort%20by%20Date&detail=medium&showcomments=1 )中介绍 Bill Atkinson 用一个聪明的算法解决了当时Lisa上的圆和椭圆的呈现,因为当时机子采用的68000芯片不支持浮点运算,这样用乘除法来做圆就很慢, Bill Atkinson 使用加减法解决了这个问题,他发现连续奇数之和(1 + 3 = 4, 1 + 3 + 5 = 9, 1 + 3 + 5 + 7 = 16)依次是正方形面积。当他演示给Steve Jobs看的时候,就立马想要带圆角的四边形,因为它们在我们身边到处存在,最终 Bill Atkinson 还是实现了。我在Alto 上没看到圆角,但是在 Xerox Star 8010 中可以看到,因为Star机子也很漂亮(屏幕框也有大圆角)(http://www.digibarn.com/collections/screenshots/xerox-star-8010/index.html )。Apple在PARC受启发后,很早就开始了UI的设计,Inventing the Lisa User Interface (http://www.guidebookgallery.org/articles/inventingthelisauserinterface )是lisa的UI设计师们写的一篇文章,这个网站上其他一些相关文章也值得阅读。
我被楼上的评论迷住了
HI-id 我收藏下你的文章!
这是一篇非常理想主义的文章。
品牌的魅力与价值不会是依靠这样的分析或者单纯的所谓工业设计得来的。
我国缺少的是对于品牌价值的真正理解,而不是探讨东西如何设计的具有手感或者美感。这点,我们大可以参考日本的设计历史。坦然的抄袭,模仿,然后改良,改变他们。在没有学会发现材料之前,你无法做出任何富有美学与功能价值的产品。
这是一篇非常理想主义的文章。
品牌的魅力与价值不会是依靠这样的分析或者单纯的所谓工业设计得来的。
我国缺少的是对于品牌价值的真正理解,而不是探讨东西如何设计的具有手感或者美感。这点,我们大可以参考日本的设计历史。坦然的抄袭,模仿,然后改良,改变他们。在没有学会发现材料之前,你无法做出任何富有美学与功能价值的产品。
其实学生.也不表示我们就只是一味的去模仿,学生军更趋向于创造团队.一个林子那么多鸟,有一只不会飞的鸵鸟也不表示其他鸟就折翼了啊
其实我觉得导角还有一点,就是缓和产品的视觉威胁力.一个导角与否的产品我觉得区别在于看这个产品的人的感官意识,没导角的物体在视觉上会带给人一种伤害感.