全方位科普手册:产品的动效设计
1. 为什么需要动效设计?
什么是动效设计?
动效在产品设计的作用
动效设计的好尺度
2. 如何设计动效?
6 个构思动效的方法
6 个实现动效的方法
3. 动效的类别
4. 常用的动效软件
5. 让动效落地的 4 个方法
为什么需要设计动效?我最开始接触动效设计,只是觉得又炫,又酷,翻滚的,旋转的,爆炸的。只是觉得新鲜,好玩,,可以炫技。可以让设计更加酷炫。可能大部分同学,在做刚开始接触的时候多多少少都会有和我差不久不多的想法。这就是我们做动效设计的目的吗?应该不是。
解决为什么要做动效设计这个问题,就要搞清楚什么是动效设计?动效设计有什么作用?
1. 什么是动效设计呢?
动效大范围兴起,大概始于扁平化设计之后,扁平化设计的好处在于用户的注意力可以集中在界面的核心信息上,将对用户无效的设计元素去掉,不被设计所打扰分散注意力,使用体验更加纯粹自然。这个思路是对的,回归了产品设计的素质,就是提供更好的使用体验,而不是提供更标致的界面设计。但是,过于扁平化的设计,也带来了新的问题,一些复杂层级关系如何展现?用户如何被引导和吸引?这与用户在现实3D世界中的自然感受很纷歧致。所以Google推出了Material Design设计语言。
Material design 设计规范中,将动效设计这一章命名为「Animation」,动画,活泼的意思。
动词 Animate 是「赋予生命」的意思,动效可以定义为使用类似动画的手法,赋予界面生命和活力。
前面我们说过Material design设计语言,一部分作用是为了解决过于扁平化设计所带来的毛病,复杂层级关系如何展现,用户如何被引导和代入。为了解决这个问题,Material design 设计风格,充分利用Z轴,通过分层设计以及动效相配合的方式,在扁平化基础上提供给用户更好理解的层级关系,赋予设计以情感增加用户使用过程中的参与度。
2. 动效设计对于产品设计有什么作用?

动效设计的作用
如上图所示,动效对于产品设计的作用包罗:
传递层级信息 ;
传递状态信息;
提示隐藏信息功能;
传递情感化信息。
知道了这些,那么,我们为什么需要动效设计?
通过上面说的,结合我们自身产品设计的特性,我们可以总结出动效设计的动机主要有如下几点:
使等待不枯燥;
使变革不生硬;
使反馈不仅调;
使体验有情感;
使用户更愉悦。
好的动效是什么?知道为什么做动效设计,那我们应该做什么样的动效设计?或者说好的动效设计是什么呢?是炫酷的,翻滚的,旋转的,爆炸的吗? 复杂程度是评判好与坏的尺度吗?
国外一位著名的一线设计师,曾经在分享会上对于好的动效下过这样一个定义:
好的动效应该是隐形的,好的动效应该是以提高可用性为前提,而且以令人觉得自然含蓄的方式提供有效用户反馈的一种机制。
这句话其实就是,好的动效设计是合适的,是对于用户使用体验的提升,最终办事的是体验而不是展示你的动画设计。
既然如此 ,那么让我们总结一下好的动效设计的尺度。
首先要具备一下几点特性:
快速且流畅;
恰到好处的反馈;
提升操作感受;
提供良好的视觉效果。

动效设计尺度
其次,好的动效设计应该是首先办事于体验,其次适当设计(考虑全面,如性能,实现成本,是否干扰用户等),再次就是要让用户感受到你输出的情感互动,最后也是最基本的就是要具有视觉上的美感。
标签:
相关文章:
“全网覆盖,精准引流,高效推广门户”
焕新升级
小红书图片怎么放大看得更清楚?
网络推广精炼术
双白帽,网络安全专家是吗?,学好seo的技巧
智推未来,触达无限
SEO专家,精通关键词优化,求职专业岗位。
视频号如何添加商品链接呢?
蚌埠SEO优化:关键词布局精准,如何提升网站排名?,关于游戏搜索关键词排名
临清SEO优化,关键词布局技巧,如何快速提升网站排名?,美国足球推广网站
三明抖音SEO优化公司哪家强?
“选SEO伙伴,专业至上”
360搜索引擎优化,关键词布局怎么做?,营销推广高级文案怎么写
抖音如何重置成全新账号?
干货丨小程序开发秘籍,华为云这款服务器才是真香系列成名于《亮剑》,拥有盛世美颜却只会皱眉嘶吼,这个女演员很尴尬
异地求职hr问现在在不在本地怎么回答
请假的正确方式,领导看了都无法拒绝!
SEO助您企业飞跃,业务腾飞无忧
提升外链质量,拓展链接来源
岗位奖金意思是什么
分销系统具有哪些特性
精准曝光,高效营销新动力
经纬恒润-W取得MCU引导加载程序开发专利,提升了引导加载程序的开发周期67岁知名影星转行摆地摊:时代分手你的时候,连一声再见都不说
柏乡SEO,关键词优化,本地化策略,快速提升排名。
资阳SEO关键词优化公司有哪些?
武汉SEO专家,助力网站腾飞
深圳网站制作,如何打造个性化品牌形象?,徐州关键词排名方案优化
创意品牌,营销领航者
挑选口碑推广专家,助力品牌飞跃!
应届生求职评估中什么意思
汽车租赁引流推广,汽车租赁分类信息网站
《梦幻西游网页版》GDC分享:H5游戏 抖音直播=流量密码?何炅连续4天被说上热搜,一张截图引热议,肖战发文维护
18年老网站套现!美图3964万美元收购设计网站站酷“外星人”陈山儿子长大了!圆脸大眼睛翘鼻子,网友:一点不像父亲
南宁百度SEO,优化领先,效果显著
公众号爬虫,速览资讯,效率翻倍!
SEO秘籍:解码用户搜索,引爆网站流量
百度+如何快速找到信息?,重庆广告公司网站建设
湘建先锋网,筑梦未来
权重值计算:综合评估,量化分配
周口SEO优化,助企业领跑行业!
网络推广工作内容,周末双休有吗?,无障碍阅读网站建设
手机上轻松搭建个人网站
SEO关键词优化神器,快速提升排名!
“PBN搭建,小红书爆款SEO,关键词优化一步到位!”
天猫打折官网入口在哪?优惠券怎么领?
如何创新SEO短视频网页入口,实现高效引流?
速卖通卖家如何快速登录?
AISEO电商SEO,精准优化,效果翻倍!
百度文库搜索优化秘籍,畅享高效阅读!
“小店铺逆袭,网络营销助飞,月销翻倍!”





