动效在UI设计中非常常见,随着国际大品牌苹果和谷歌的,近越来越多的国内公司开始关注UI动效设计。为什么UI设计中需要动效?添加动效的标准是什么呢?今天小编就来给你答案。
为什么UI设计中需要动效?简单粗暴的答案就是:UI动效的优势很明显。
1、利用动效能够丰富移动产品的展示功能
动效设计可以展示产品的功能、界面、交互操作等细节,让用户直观的了解一款产品的核心特征、用途、使用方法等细节。
2、利用UI动效可大大的增加产品的亲和力和趣味性
动效的目标是让你的按钮/面板/菜单/内容和用户交互后的效果显得加生动。
3、使用动效有利于展示交互原型(设计细节)
很多时候设计不能光靠嘴去解释你的想法,因为很多时候交互形式和一些动效真的很难用嘴来形容,所以才会有高保真demo,这样就节约了太多的沟通成本。
打造动效的标准是什么?
1、自然
自然是好UI动效的核心。在现实生活中,事物不会突然出现突然消失,通常它们都会有一个转变的过程。当界面有两个甚至多状态的时候,状态之间的变化使用过渡动效来填充,让用户明白它们是怎么来的,而非一个瞬间的过程。
2、关联
关联是过渡动效的重要功能。良好的过渡动效连接着新出现的界面元素和之前的交互与触发元素,这种关联逻辑让用户清楚变化的过程,以及界面中所发生的前后变化。
3、快速
快速的过渡是UI动效的基础。在设计过渡动效的时候,时间和速度一定是需要设计师把握好的因素。快速准确,绝不拖沓,这样的动效不会浪费用户的时间,让人觉得APP产生了延迟,不会令用户觉得烦躁。
4、清晰
清晰的UI动效才是好动效。动效是功能性优先、视觉传达为核心的视觉元素,太过复杂的动效对于用户体验而言是一个退步。
5、
的UI动效是层次分明的。一个层次分明的动效通常能够清晰地展示状态的变化,抓住用户的注意力。良好的过渡动效有助于在正确的时间点,将用户的注意到吸引到关键的内容上,而这取决于动效是否能够在正确的时间强调对的内容。
