2020-08-25 11:09发布
动效对于设计师来说起到锦上添花的作用
1.1 提升用户体验设计师若只追求静态像素的完美呈现，而忽略动态过程的合理表达，会导致用户不能在视觉上觉察元素的连续变化，进而很难对新旧状态的更替有清晰的感知。迪士尼动画大师乃特维克说过一句话：动画的一切皆在于时间点和空间幅度。通过「时间点」和「空间幅度」的设计为用户建立运动的可信度，即视觉上的真实感，当用户意识到这个动作是合理的，才能更加清晰愉悦地使用产品。
1.2 增添产品气质未添加动效的产品，会带给人一种死气沉沉的感觉，所有内容平铺直叙、毫无生机，即使界面设计的很美观，也会缺乏一种灵动细腻的气质。如果把产品比作成美女，那么界面视觉就是美女的颜值，交互动效就是美女的肢体语言。合理的动效能将更立体、更富有关联性的信息传递出去，提高产品的「表达能力」，增加亲和力和趣味性，也利于品牌的建立。
1.3 创造设计师优势
降低沟通成本：设计师通过制作高保真动效 Demo 展示设计思路和创意，大大提高设计提案交接率，降低了设计师与开发的沟通成本，提高了动效的还原度，体现专业性。
打造核心竞争力：在 UI 设计行业已经趋于饱和，并且产品设计流程逐渐实现体系化和模块化的今天，设计师如果只会利用组件重复性地「拼凑」页面而无更多的价值产出，被替代的可能性将会增大。在日常工作之余，若要为公司和团队输出更多的价值，动效设计能力便是交互/视觉设计师的必备技能与核心竞争力之一。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 开心羊 的问题《UI设计师对动效的要求高吗？》','http://www.shouhuola.com/answer/28027/87635.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
动效对于设计师来说起到锦上添花的作用
1.1 提升用户体验
设计师若只追求静态像素的完美呈现，而忽略动态过程的合理表达，会导致用户不能在视觉上觉察元素的连续变化，进而很难对新旧状态的更替有清晰的感知。迪士尼动画大师乃特维克说过一句话：动画的一切皆在于时间点和空间幅度。
通过「时间点」和「空间幅度」的设计为用户建立运动的可信度，即视觉上的真实感，当用户意识到这个动作是合理的，才能更加清晰愉悦地使用产品。
1.2 增添产品气质
未添加动效的产品，会带给人一种死气沉沉的感觉，所有内容平铺直叙、毫无生机，即使界面设计的很美观，也会缺乏一种灵动细腻的气质。
如果把产品比作成美女，那么界面视觉就是美女的颜值，交互动效就是美女的肢体语言。合理的动效能将更立体、更富有关联性的信息传递出去，提高产品的「表达能力」，增加亲和力和趣味性，也利于品牌的建立。
1.3 创造设计师优势
降低沟通成本：设计师通过制作高保真动效 Demo 展示设计思路和创意，大大提高设计提案交接率，降低了设计师与开发的沟通成本，提高了动效的还原度，体现专业性。
打造核心竞争力：在 UI 设计行业已经趋于饱和，并且产品设计流程逐渐实现体系化和模块化的今天，设计师如果只会利用组件重复性地「拼凑」页面而无更多的价值产出，被替代的可能性将会增大。在日常工作之余，若要为公司和团队输出更多的价值，动效设计能力便是交互/视觉设计师的必备技能与核心竞争力之一。
一周热门 更多>