动效服务于表达元素,基于真实世界的元素变化最容易被用户理解。所以首先思考这是什么元素,这个元素在真实世界中会以什么样的方式运动,然后可以把它的运动状态抽象拆解为几部分,找到其中最有广泛认知和最能触达用户的某一个或几个部分,进行动效表达。

 

我理解的一个好的情感行动下可以简单用下面这句话来概括:「抓住最美好的某一刻的感受,并放大」

 

我学动效的时候把以下三个软件都学习了一遍,在下面提炼出了三个软件的特性,可以帮助大家根据自己的动效任务,快速选择最高效最适合的动效制作软件。

 

Principle是前apple工程师打造的一款交互设计工具,操作方式和sketch高度接近,基本可以一键切换过来,只用学习一下里面的两个动效面板:Drivers & Animate。

 

优势:可以在iPhone上安装 Mirror,时刻查看自己动效的界面效果,对于微调细节和展示很方便。

 

劣势:Principle动画轴还没有整体调节的功能,动画之间的关联性太强,变动一个细节是其他细节都要逐一调整,蛮花费时间的。

 

Flinto。学习曲线很平滑,设计师很快可以学会,比较适合创建多个页面之间的简单联动,复杂场景流程的模拟。

 

优势:操作界面精致(behance设计师参与设计);单个元素的参数调整方便;有官方中文版;

 

劣势:对应的是它的动效状态也更简单一些,无法完成单个页面的多个动效叠加变化。

 

UI设计

 

Lottie。AE里面的一个小插件。

 

优势:可以直接导成动效代码,让开发把代码放在他的代码里面就可以了,不用在开发实现的时候再进行反复的数值调整;Lottie里面有大量各大个公司的动画模版,可以在成品上调整,快速出效果;

 

劣势:需要有ae的基础;操作比前面两个都要复杂一些,适合某个细节的复杂动向。

 

青岛青设网络科技有限公司是国内领先设计团队和营销策划服务商,专注于5G技术下平面设计,UI设计,BS系统设计,网站开发,SEO,自媒体,百度百科知道、知乎等百家号,排行榜,删除负面,媒体发文等营销宣传。帮助企业解决5G时代三维动态化站点的设计改造,为客户提供网站一站式解决方案。

 

**本文内容来源网络,经AI自动调整,信息仅供参考**


暂无评论



发表评论

电子邮件地址不会被公开。 必填项已用*标注