AFTER MAX - Adobe君的产品战略 Part 1 - 页面动画

2011-12-01 22:58:41
 Dear All:



先吐槽下大会的状况,今年的排场比去年小很多
原因很简单,没有新产品发布,很多SHOWCASE也都是试水作

虽然会场放到了市中心,但是帝都的交通大家都懂的

会场上都是2B青年举着IPAD2怕照,这是要闹怎样……

全程抖出的包袱都是些旧梗,所以我就直接上MAX 2011的图了

贵在与乡亲们分享、讨论ADOBE的产品战略和部署



要梳理Adobe的产品战略,先来聊聊这个比较热的话题

其实这一年来根本没看到什么有深度的探讨,只有一群跳梁小丑沉醉于互相人生攻击……
可笑的是将这一切炒的沸沸扬扬的人,却都不是开发第一线的工作者
这些人连HTML5是什么,都一知半解

地球人已经阻止不了IT娱乐化了……

其实作为当事人,ADOBE的态度是很淡定的
Flash Platform 本来就是一个从第三方那里收购来的产品

ADOBE立场是要为设计师和前端开发人员,提供一个快捷、平滑、丰富的内容创造手段

至于使用什么技术,爷是统统不CARE啊~

所以问题不是在于技术,而是人:

“怎么让人用更少的资源,开发出更好的内容?”

而另外很重要的一点,无论技术怎么变化

要完成这些工作的人,依然是行业中的这些人

不会因为技术结构的变化,会让卖茶叶蛋的阿姨来代替你的工作


而作为一个工具和平台的搭建者,ADOBE很清楚自己的定位:

1.为交互产品提供更多、更富丰富的可能性

2.为行业中的设计师和开发者,提供一致工作体验,这点非常重要


------------------------------------------------------------------------------------------------------------------------

先上一下我理解的ADOBE的产品线,然后我会根据大会的内容,逐块点解

下面标记了技术和相关产品:

页面动画 - HTML5、Flash(Edge + Flash Pro)

页面游戏 - FLASH (Stage3D+各种第三方引擎)

视频体验 - FLASH、HTML5 (FlahsMediaServer)

企业应用 - FLASH (Flex+FlashCatalyst)

跨平台应用 - FLASH+HTML5(Air Mobile+Phone Gap)

-------------------------------------------------------------------------------------------------------------------------

Part1 . 页面动画

Flash无法将内容布局到所有平台,而那些Flash去不了的地方,HTML5如鱼得水
但HTML5却无法在群雄割据的PC浏览器中保持一致的体验性

所以要让开发者的创意渗透到所有平台,那就让他们成为好基友吧......


AFTER MAX 花费了一半的时间,介绍了用于HTML5创意制作的产品 - Edge

这玩意现在FREE,可以从LAB里拖 点我



其实这个产品出来了有段时间了,也见 同事们下载、测试过
不过由于功能不够强健,被人喷了不少口水

不过现在已经是第三个版本了,V3意味着这不是一个坑……
所以很建议之前下载试玩V1的同学再体验下V3……

体验向:

嘛册乌黑的界面,嵌满各种Q钻的时间轴,看缩略图这就是AE……
什么是“一致的工作体验”?这就是

插入关键帧、缓动设置、元素Transform、关键帧代码书写(stop play gotoAndStop)
各种即视感,有木有?

老实说会场上的各种演示,我中途就睡着了,就是因为这些工作方式都太熟悉了……

然后Martin Andy保证了在下个版本中将会支持更多的滤镜、多重时间轴(MovieClip)
有没有觉得这东西更像FLASH了呢?

技术向:

之前我们一直期待ADOBE,可以提供将FLASH直接发布为HTML的渠道
ADOBE也应群众需要,做了个蛋疼的产品……Wallaby

但我们很快就发现,这东西,文艺动画进去2B动画出来
滤镜残缺、代码臃肿、浏览器兼容、总之各种鬼畜……

开发体验和产品体验果然还是需要平衡点的,所以一个新的流程诞生了

Dreamweaver布局+EDGE动画构建
这个动画制作流程,是基于DOM元素的,所以更加贴近HTML5的原生态,完成的作品自然就清新了不少

更难能可贵的是不同于Wallaby,Edge生成的代码极其整洁!丝毫不妨碍你对其进行二次开发

然后从实际操作方式来看,“开发体验的一致性”也被很好的保留了下来

商业向:
Edge的 价值很丰富

我之前一直跟朋友们提到,要让HTML5进入创意流程
最大的问题是缺乏贴近创意人员的开发工具,一个跟FLASH一样有亲和力的工具

而Edge更好的弥补了这个空缺,矢量绘制、元素布局、动画制作
(当然如果是要制作兼容性更好的WEB页面的话,还是需要在DW里用CSS进行布局)

HTML5将把我们的动画布局到更多平台,并且让创意跟好的走进传统页面
而为了达成这一切,你更本不需要改变自己的工作习惯,何乐而不为?

破民
2011-12-02 16:19:34 破民 (准备启程)

Edge的发展明显比较对路子,Wallaby这玩意,和谷歌给的那个Swiffy,都是一些过渡性的玩意。

小良
2011-12-06 23:26:24 小良 (“要有光”)

要工作体验更一致的话还是得去抄flash的操作和布局,虽不好说flash ide的使用者比ae的多,但是明显比ae使用者更有html5的开发需求。ae式的操作还是挺难受的,恨不能有个竖屏专门看layer。而且现在Edge中元素一多非常卡,不知道什么原因。

另外一个工具如果开发得好、学习成本低的话,虽不能让茶叶蛋阿姨也来加入开发,但确实会吸引大量新手入行(这也是老乔觉得flash作品廉价的原因吧)。茶叶蛋行业有茶叶蛋细分工种,前端有前端细分工种,仍然有可能会出现专门的html5动画师职位吧