新时代新潮流WebOS 【11】何为性感何为炫？

Apple每推出一款新产品，每每令人惊艳。问题是为什么Apple的产品设计，能创造出如此强烈的感官冲击？酷，炫，动感，性感，这些形容词不绝于耳。抽象的性感抽象的炫，如何落实到产品设计上？

有人建议了一个办法，把抽象的形容词具体化。譬如要问哪些元素制造了性感的效果，不妨先枚举出很多性感的产品，例如红色敞篷跑车，黑色长筒丝袜，迷你裙等 等。然后分析这些性感的产品有哪些共性，这些共性往往就是性感元素。红色敞篷跑车，黑色长筒丝袜，迷你裙有一个共性，暴露，但是不全露，半遮半掩，于是有 犹抱琵琶半遮面那样的媚态。

产品设计如何实现半遮半掩的效果？iPhone的办法是在底图上覆盖一层黑色毛玻璃，透明，但是朦胧，于是产生性感的效果。

Figure 1. iPhone phone call UI

前文分析了Palm WebOS为什么要动用WebKit，作为实现GUI管理的基石。这样做的好处是方便应用程序的开发。应用程序的开发，多数会涉及UI的实现，以及工作流 程的组织。这些开发工作原本很复杂，但是借助于WebKit工具箱，开发者只需要编写HTML+CSS+JavaScript代码，大大降低工作难度。

HTML+CSS+JavaScript的不足在于，它们的表现力目前还嫌薄弱。要让产品酷，炫，动感，性感，还需要其它工具。

比较照片和电影，电影的表现力更强，原因不仅在于电影能够迅速显示多幅照片，信息量比单幅的静态照片大得多，而且当电影连续放映多幅照片时，每幅照片中的人物和景物，有内在的关联，于是产生了运动的效果。所以，要让产品更炫更性感，势必朝着动画的方向发展。

人类的创作动画的实践由来已久，汉朝时发明的走马灯，可以说是人类早期的动画尝试。但是数千年来，为什么连续播放静态的图像，能产生动态的效果，一直是个迷。1912年，捷克犹太科学家Max Weitheimer发现了人眼的视觉暂留的特性，终于解开了动画之谜。当人眼观看外物时，外物成像于视网膜。视网膜上的成像一般会持续0.1秒的时间。 当人们观看电影时，前一幅画面的成像尚未消失，后一幅画面已经出现，如果前后两幅画面区别不大，动画的效果就出现了。
制作动画的原理并不 复杂，早期迪斯尼的动画电影，全凭手工一幅一幅绘制，然后连缀成电影胶片。但是如果想普及动画的制作，拓宽动画的使用，不仅仅作为电影和电视片观赏，而且 运用到互联网应用中去，需要在两个方面下功夫，1. 提供简化动画制作的工具，2. 提供播放动画的软件。

近年来，以动态效果为号召的 Rich Internet Application （RIA）蓬勃发展，动力来自于动画制作工具以及动画播放器的开发取得了长足的进展。提到RIA，不能不提风头最健的Adobe Flash，提到Adobe Flash，不能不提一个财运不佳的英雄，Jonathan Gay。之所以说他是个财运不佳的英雄，是因为他有技术，有远见，但就是不善于经营。创意非常好，但是没有给自己带来应得的财富。自己的创意和产品，被别 人拿了去，肥了别人的腰包。

Figure 2. Adobe Flash inventor, Jonathan Gay

Courtesy http://www.flashmagazine.com/old/img/mejonathan_gay.jpg
Jonathan Gay在高中时，就展现出了惊人的编程才华。那时候Apple的Macintosh PC刚刚上市，Jonathan开发了一款游戏，“黑暗城堡”。这是Macintosh第一款游戏，销路不错。Jonathan赚了一点小钱，数额不大， 却足以用来支付大学学费。

在大学期间，Jonathan又开发了“黑暗城堡”第二集。后来，他不满足于开发游戏，注意力转移到图形工具， 目的是让游戏的开发更加简便。于是，SuperPaint II诞生了。SuperPaint的原型是Xerox Parc研究中心的Richard Shoup研究开发的。（1979年，Steve Jobs等人就是从Xerox Parc获得了GUI的设计灵感）。Jonathan在此基础上做了很多改进，不仅更容易使用，而且运行速度也更快。

Jonathan再接再厉，又开发了Intellidraw，与Adobe的主打产品Adobe Illustrator正面竞争。Intellidraw的一大亮点是，能够把多个独立的形体关联起来，当移动其中一个形体的时候，关联部分也自动随之移 动。与大公司正面交锋，后果很惨烈，Intellidraw昙花一现，无疾而终。但是Intellidraw的设计思想，被另一家公司借鉴并发扬广大，这 家公司的名字叫Visio。后来Microsoft以近15亿美元的价格收购了Visio，成为MS Office套件的一部分，草创Visio的一班人，从中发了大财。

虽然Intellidraw的市场营销失败了，但是基于 Intellidraw的技术，Jonathan几经周折转向动画制作工具的研究与开发。这是1995年的事情，当时互联网开始发力，以爆炸式的速度发 展。Jonathan认为，不仅需要动画制作的工具，而且还要重新设计动画片的存储格式，以及播放软件，以便使动画片能够在互联网上流传，并在浏览器里播 放。这一整套系统，Jonathan 定名为 FutureSplash。
他们曾经试图把FutureSplash卖给Adobe公 司，Adobe的CEO John Warnock接见了他们。说起John Warnock，1970年代，他曾经是Xerox Parc的研究员。后来对Xerox高层不满，尤其是反感他们目光短浅，不知道如何把科技化为生产力，于是和另一位研究员Chuck Geschke，联袂离开Xerox Parc，开创Adobe公司。但是不幸的是，当Jonathan向John 演示FutureSplash产品时，因为当时的FutureSplash运行速度慢，功能少，没有引起John的兴趣。这里有个链接，是 FutureSplash的一个早期演示。

Jonathan继续惨淡经营他的FutureSplash。1996年是转运的一年。这一年，MSN和Disney都使用了FutureSplash来制作和播放他们的短片。拜托微软和迪斯尼的盛名，FutureSplash崭露头角。

Figure 3. Jonathan Gay’s early work, SuperPaint II and Intellidraw, on the top left and top right. Visio was inspired by Intellidraw on the bottom left, and Adobe Flash rooted in FutureSplash on the bottom right.

FutureSplash的崛起，引起了另一家不大不小的公司的担心。这家公司叫Macromedia，它的主打产品叫Director，与FutureSplash非常相似。但是FutureSplash不仅易学，而且轻巧，表现在运行速度快，占用内存少。

Macromedia 担心FutureSplash壮大，形成对自己的竞争压力，于是就拆资收购了FutureSplash，而且给FutureSplash改了名，成为 Flash。但是最初几年，Macromedia很排斥这个外来异己分子。不仅在资金上打压，人员分配上限制，而且对外市场营销时，把Flash宣传成 Director的简化版。

照理说，这段时间Jonathan应该很苦闷，但是这个书呆子全然不理会这些政治斗争，他一门心思只想着把产 品做好。日久见人心，Macromedia高层终于认定Jonathan没有篡权夺位的野心，于是委以重任，让Jonathan担任VP。

Jonathan上任以后，果然不负众望，Macromedia Flash一路高歌猛进。转眼到了2001年，全球使用Macromedia Flash开发动画的人数达到50万，观众达到3亿多。

Flash的迅猛发展，使Adobe非常后悔十年前没有收购 FutureSplash。思前想后，Adobe于2005年4月，以34亿美元的价格收购了Macromedia。不知道1996 年，Macromedia花了多少钱收购FutureSplash。不知道Jonathan得知自己的产品值34亿美元，是什么心情。

到了2007年，96%的PC装了Flash播放器，使用Flash制作动画片的人数，全球超过2百万。