四、动效软件的选择
动效设计软件纷繁众多,不同软件的侧重点也各不相同,设计师可以根据项目的时间、精细度、面向对象等条件来选择合适的软件。下面我列举出市面上常见的动效软件以及各自的优缺点,供选择参考。
4.1 After Effects
推荐阅读》《Adobe After Effects CC 2018 Mac版下载》 《Adobe After Effects CC 2018 Win版下载》 《郁闷的鸡UI动效第四期教程打包下载》
AE 这款软件知名度很高,学过设计的应该都知道,它的优点就是强大,可以实现超高精度的动效,一般 UI 动效制作只用到了 AE 很小的一部分功能。缺点是门槛高,上手较困难,不能做实时交互动效。
4.2 Hype Hype 官方下载地址
Hype 号称无代码动效神器,像 AE 一样使用时间轴来设置动画。动画效果在 PC、Mobile、Pad 端都可以直接预览,也可以导出视频或者 GIF。3.0 版还有物理特性和弹性曲线,可以实现更强大的动画效果。
4.3 Principle
推荐阅读》《交互动画工具Principle for mac V3.8》《Principle 3.9 中文汉化版》《Principle 官方下载地址》 《Principle交互动效制作教程》
Principle 功能强大,界面和 Sketch 类似,被誉为 Sketch 的最佳拍档。它主要是做少量页面间的过渡转场、单元素动画等细节动效。优点很明显,上手快、效率高、质感好,缺点就是不易做整套交互流程。
4.4 Flinto
推荐阅读》《交互设计flinto Mac版 V25.2免费版》《Flinto 官方下载地址》
Flinto 界面跟 Sketch 也非常相似,能够快速实现各种滚动、转场、点击反馈等效果,适合模拟多个页面、场景复杂的交互流程,学习成本低。缺点是复杂的动效难以实现,价格略贵且试用期短。
4.5 Framer Framer 官方下载地址
Framer 是一个基于 Javas cript 的原型工具,能快速导入 Photoshop、Sketch 中的图像并模拟图层分层,支持手势,动画精细度高,可在手机或平板中预览效果。缺点是需要有一定的编程基础,上手难度较高。
4.6 ProtoPie ProtoPie 官方下载地址
ProtoPie 是一款交互原型设计工具,支持 Mac 和 Windows 双平台,更加轻量级,集成的功能更吸引人,可以调用 iPhone 系统的陀螺仪、麦克风、罗盘、3D Touch,多种智能传感器等等,绝对是 Windows 用户设计师的福利。
小结
1. 动效设计可以提升用户体验、增添产品气质,并为设计师创造优势;
2. 6 种作用的动效类型:转场过渡、层级展示、空间扩展、聚焦关注、内容呈现、操作反馈;
3. 12 个实用性的动效原则 :缓入缓出、偏移与延迟、父子关系、形变、值变、遮罩、覆盖、复制、景深、视差、翻转、滑动变焦;
4. 根据项目时间、精细度、面向对象等条件,选择合适的工具制作动效。