• 媒体品牌
    爱范儿
    关注明日产品的数字潮牌
    APPSO
    先进工具,先知先行,AIGC 的灵感指南
    董车会
    造车新时代,明日出行家
    玩物志
    探索城市新生活方式,做你的明日生活指南
  • 知晓云
  • 制糖工厂
    扫描小程序码,了解更多

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

2009-03-19 21:00

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

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

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

iPhone phone call UI 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。之所以说他是个财运不佳的英雄,是因为他有技术,有远见,但就是不善于经营。创意非常好,但是没有给自己带来应得的财富。自己的创意和产品,被别 人拿了去,肥了别人的腰包。Adobe Flash inventor, 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 崭露头角。

Jonathan Gay's early work, SuperPaint II and Intellidraw

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 百万。

登录,参与讨论前请先登录

评论在审核通过后将对所有人可见

正在加载中

移动互联网的围观者、起哄者、以及肇事者。

本篇来自栏目

解锁订阅模式,获得更多专属优质内容