在过去,如果你想为网站设计一个人机交互界面动画,你需要使用Flash。你也许可以使用JavaScript实现一些基本的动画,但如果太复杂,你最终面对的访客电脑的崩溃和制造麻烦。

此外,JavaScript的使用可能比Flash更复杂,至少对于那些不喜欢的编码的设计师来说是这样。但是,理所当然的,Flash在移动设备上并不那么给力(甚至根本不支持),包括iPhone和iPad。

直到HTML5, HTML5几乎在每一个移动平台上都可以运行。 Flash可以做到的,HTML5(有时需要JavaScript和CSS3)都可以胜任:动画,交互元素,以及其他。

但对于很多设计师来说重新编码是一个问题,很多人可能并不疯狂到所有的程序都手写代码。这时Adobe Edge便有了用武之地。

这是一个全新的程序工具(目前还是免费预览版),可以帮助你使用HTML5,CSS3和JavaScript创建网页内容动画。它包括绘图和文字编辑工具用于创建新元素,可以导入多种格式的图像(SVG,PNG,JPG和GIF),还有一个基于时间轴的编辑器用于编排动画。你可以设置动画的位置,颜色,形状,大小,旋转和其他属性级别的因素。

使用HTML5,CSS3和JavaScript取代Flash的好处之一便是你的网站仍然符合标准的。它保留你的CSS布局,并保持内容层和表现层分离。正因为这样,你的网站在跨平台的范围更加兼容,更容易的支持搜索引擎友好。

由于EDGE目前只在预览版,必然有一定的缺陷和功能的限制。据官方介绍,它目前已经包含了二十五个内置的简易特效以及其他功能,方便你入手。目前Edge还没标价,预览版有150天的免费试用期。

Edge的界面看起来很Adobe的其他软件很相似,很像Premiere Pro或者Flash。如果你对那些软件比较熟悉,那你应该会很快适应Edge。如果你不熟悉,那可能需要学习一下,不过这个还是一个相对容易学的工具界面。

当然,你还得继续用Flash或ActionScript来做桌面或者移动的AIR应用。

你可能还会发现在不考虑移动设备兼容性时,使用Flash设计的交互和动画更加逼真。不过Edge至少为那些熟悉Adobe工作环境的设计师提供了一个新的选择。

了解更多: Adobe Edge

来源:webdesignerdepot.com

编译:ArSui

0.00 avg. rating (0% score) - 0 votes