
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
动效设计是目前大多数ui设计师都需要熟练掌握的一个设计能力,下面我们就通过案例分析来了解一下,动效设计的作用与应用原则。
动效在用户体验设计中正变得越来越重要,那么动效能带来什么好处呢?
体现交互层级
动态界面使人更容易理解交互层级关系,减轻了人们的认知负担
给予反馈
给人感觉界面是活的,让体验流畅
弥补静态页面的表达不足
在内容优先的设计趋势下,用户界面变的更加简洁。这将给用户带来操作上的盲目感;动效则可以在不打破界面美感的前提下,弥补认知的损失
原则
设计是为了解决问题,动效设计作为设计的手段之一,能解决一些静态界面设计无法解决的问题。但是,它并不是万能的,动效要克制,过多、过慢或不适合的动效,只能让界面失去重点,让团队和用户怨声载道。
在实际项目中应用的动效,只有精准地对齐需求,才能使动效带来真正应有的价值。那么,如何评估一个动效是否有价值呢?
1.动效是否必要
2.动效是否带来体验提升
3.动效开发的成本是否过高
如果都没有问题,送给工程师一个飞吻吧。
动效工具
AdobeAfterEffect
视频特效软件,被普遍使用的动效和MG制作软件,功能强大,和其他Adobe软件无缝配合,可做的效果也是不限量的。
QuartzComposer+OrigamiStudio
Apple的可视化编程软件,搭配Facebook的Origami可以非常好的模拟机器效果,做单页面的动效可以用它,Origami还可以导出直接可实施的代码。
Hype3
可交互的Demo,虽然是HTML5制作工具,但是做动效也算是一只[好猫]吧。
其他的还有原型工具Framer、Pixate、Form等和QuartzCode、PaintCode也都可以用来做动效。具体工作时候可以选用适合的来做,目前还没有一站式解决的软件出现。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。