
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
动效设计的应用在许多网页设计和app界面设计中都是被UI设计师广泛使用的一种设计方式,下面我们就通过案例分析来简单了解一下,动效设计实践工具与输出类型分析。
1、软件选择
在软件方面主要推荐以下3款:
AE:强大的后期制作软件,动效设计只是ae功能的分支之一,合理利用插件可以事半功倍,缺点是专业度偏高,不易上手。
principle:能够快速的实现逻辑简单的高保真原型,有预置好的运动曲线属性,上手简单,但不支持3d旋转,陀螺仪等功能。
protopie:功能强大,支持语音、陀螺仪感应功能,但操作不如principle方便。
2、关于动效输出
动效输出主要有这几种格式:
GIF
不建议使用
一种非常古老的格式,体积大,取色范围小,支持背景透明。
视频
可以考虑使用
在某些特殊的位置可以考虑使用压缩过的,时长短体积小的视频,可以获得不错的效果,但是常用的MP4格式不支持背景透明。
帧序列
可以考虑使用
代码控制播放,对于图片数量和动画帧数有要求,笔者线上经验是22帧/秒左右(基本保证动画较为流畅)
Bodymovin插件
建议使用
这款插件可以支持Android、iOS平台;导出的json文件体积小,方便开发使用,实现效果也不错。需要注意这是针对矢量动画开发的,不太适合图片过多的情况,也不能支持外置插件的效果,比如粒子、光效等。同时使用前需要与开发沟通。
动效早已成为设计师解决设计问题必备的利器,它的本质始终在围绕如何给用户带来更优的体验,上文中提到的内容能够让我们更快的输出动效方案,用实践来检验学习成果,然后再不断进行优化。所以,请先大胆的设计吧。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。