在传统的网页设计制作过程中,常常使用Flash来表现网页中的动画效果,Flash动画很长一段时间在网页设计制作中占据着非常重要的地位。在浏览器中浏览Flash动画必须依赖浏览器的Flash Player插件,虽然目前许多浏览器都预装了Flash Player插件,但是许多移动平台并不支持Flash Player插件,更重要的是Adobe公司已经终止了安卓系统Flash Player客户端的开发,这就导致Flash动画在移动平台上的发展受到限制。
在各方抵制基于移动平台的Flash内容的压力下,HTML5以其标准化和优异特性脱颖而出,成为众多UI设计者的选择。于是,Adobe公司开发并推出了HTML5的可视化开发制作软件——Edge Animate。
虽然HTML5成为了设计师未来的选择,HTML5中众多的标签也支持了动画,但是使用HTML5制作出类似于Flash那样的动画效果,对于设计开发人员的要求非常高并且需要花费大量的精力,这个时候,Adobe公司推出了Edge Animate可视化HTML5动画制作软件。Edge Animate主要的功能是通过HTML5、CSS3、JavaScript和jQuery制作跨平台、跨浏览器的网页动画,其生成的是HTML5网页,可以方便的通过互联网传输,最重要的是可以更好的兼容移动互联网。
[第25课] 控制元素的显示与隐藏
在动画中添加了动作,实际上是添加了编写好的JavaScript或jQuery脚本代码,只不过在Edge Animate中将编写脚本代码的操作简单化了,使得没有程序编写经验的设计者也能够轻松的制作出具有交互效果的动画。
670
人气 /0
评论6分58秒[第27课] 实现键盘控制页面切换效果
除了可以为动画中的元素添加相应的触发动作脚本实现相应的交互效果,对动画整体同样可以添加相应的触发动作,本节课将通过为舞台添加动作脚本实现使用键盘控制页面切换效果。
696
人气 /0
评论7分25秒[第28课] 制作循环滚动的广告动画
最常用的时间轴触发事件是complete,当时间轴播放头播放到时间轴的结束位置时触发。因此,设计者如果希望在时间轴中所制作的动画能够循环播放,就可以为时间轴添加complete事件结合相应的动作即可。
677
人气 /0
评论7分54秒[第36课] 制作垂直导航菜单
导航菜单概括了整个网页所承载的信息,可以使用户一目了然,正因为如此,导航菜单在网页中的用处很大,是必不可少的一部分,本案例制作一个垂直的导航菜单动画。