电话

400 76543 55

全方位科普手册:产品的动效设计

标签: 2024-11-04 

 

1. 为什么需要动效设计?

什么是动效设计?

动效在产品设计的作用

动效设计的好尺度

2. 如何设计动效?

6 个构思动效的方法

6 个实现动效的方法

3. 动效的类别

4. 常用的动效软件

5. 让动效落地的 4 个方法

为什么需要设计动效?

我最开始接触动效设计,只是觉得又炫,又酷,翻滚的,旋转的,爆炸的。只是觉得新鲜,好玩,,可以炫技。可以让设计更加酷炫。可能大部分同学,在做刚开始接触的时候多多少少都会有和我差不久不多的想法。这就是我们做动效设计的目的吗?应该不是。

解决为什么要做动效设计这个问题,就要搞清楚什么是动效设计?动效设计有什么作用?

1. 什么是动效设计呢?

动效大范围兴起,大概始于扁平化设计之后,扁平化设计的好处在于用户的注意力可以集中在界面的核心信息上,将对用户无效的设计元素去掉,不被设计所打扰分散注意力,使用体验更加纯粹自然。这个思路是对的,回归了产品设计的素质,就是提供更好的使用体验,而不是提供更标致的界面设计。但是,过于扁平化的设计,也带来了新的问题,一些复杂层级关系如何展现?用户如何被引导和吸引?这与用户在现实3D世界中的自然感受很纷歧致。所以Google推出了Material Design设计语言。

Material design 设计规范中,将动效设计这一章命名为「Animation」,动画,活泼的意思。

动词 Animate 是「赋予生命」的意思,动效可以定义为使用类似动画的手法,赋予界面生命和活力。

前面我们说过Material design设计语言,一部分作用是为了解决过于扁平化设计所带来的毛病,复杂层级关系如何展现,用户如何被引导和代入。为了解决这个问题,Material design 设计风格,充分利用Z轴,通过分层设计以及动效相配合的方式,在扁平化基础上提供给用户更好理解的层级关系,赋予设计以情感增加用户使用过程中的参与度。

2. 动效设计对于产品设计有什么作用?

全方位科普手册:产品的动效设计

动效设计的作用

如上图所示,动效对于产品设计的作用包罗:

传递层级信息 ;

传递状态信息;

提示隐藏信息功能;

传递情感化信息。

知道了这些,那么,我们为什么需要动效设计?

通过上面说的,结合我们自身产品设计的特性,我们可以总结出动效设计的动机主要有如下几点:

使等待不枯燥;

使变革不生硬;

使反馈不仅调;

使体验有情感;

使用户更愉悦。

好的动效是什么?

知道为什么做动效设计,那我们应该做什么样的动效设计?或者说好的动效设计是什么呢?是炫酷的,翻滚的,旋转的,爆炸的吗? 复杂程度是评判好与坏的尺度吗?

国外一位著名的一线设计师,曾经在分享会上对于好的动效下过这样一个定义:

好的动效应该是隐形的,好的动效应该是以提高可用性为前提,而且以令人觉得自然含蓄的方式提供有效用户反馈的一种机制。

这句话其实就是,好的动效设计是合适的,是对于用户使用体验的提升,最终办事的是体验而不是展示你的动画设计。

既然如此 ,那么让我们总结一下好的动效设计的尺度。

首先要具备一下几点特性:

快速且流畅;

恰到好处的反馈;

提升操作感受;

提供良好的视觉效果。

全方位科普手册:产品的动效设计

动效设计尺度

其次,好的动效设计应该是首先办事于体验,其次适当设计(考虑全面,如性能,实现成本,是否干扰用户等),再次就是要让用户感受到你输出的情感互动,最后也是最基本的就是要具有视觉上的美感。



相关文章: 什么是点击网赚?点击赚钱是真的吗?  qq群引流月入过万的三大方法,你会几个?  2个超级暴利非常赚钱的网络淘金项目操作思路分享!  网络兼职怎么赚钱?10种在家就可以做的网络兼职赚钱项目介绍  想要通过网络营销引流获客?这10种最常见的方法必须掌握!  日入300+的稳定可持续被动赚钱项目介绍  5种最新的网络兼职赚钱项目,做好了轻松赚钱!  如何做好推广赚钱?推广方法有哪些?  想通过网络营销获客该怎么做?  【揭秘】微信解封20元一单兼职是真的吗?有风险吗?  作为一个新手站长怎么加入百度广告联盟来赚钱呢?  新手怎样快速通过推广产品广告来赚钱?  利用抖音热门*进行评论引流推广广告赚钱的方法  为什么很多购买网赚项目的人都觉得自己被骗了?  推广赚钱月入过万是什么体验?上的大佬晒收入!  2021年最火的三个普通人正在做的副业赚钱项目盘点!  微博推广有用吗?5个提升微博推广效果的技巧和方法!  如何做音频引流日吸粉100+?做好这四步吸粉非常简单!  国内广告联盟推荐,这个广告联盟平台非常容易赚钱!  抖音引流一天1000精准粉丝的七大方法分享,赶紧学起来!  微博怎么做引流?微博头条文章引流方法介绍!  联盟平台哪个好?哪个联盟赚钱收益好?  做好这些qq设置技巧,可以有效提升广告推广效果!  3个快速引流赚钱的技巧,轻松日赚300500!  假期想赚点钱?推荐8个正规且不收费的网络兼职项目  分享两个暴利的可以月入过万的赚钱项目!  世界上最热门的十款社交软件,你知道是哪些吗?  社交app怎么推广?这8个最常见最有效的方式必须掌握!  如何通过免费平台做好微信引流吸粉?教你两个方法!  网上兼职赚钱正规平台有哪些?30个兼职赚钱平台整理!  国外广告联盟赚钱怎么做?有什么轻松快速的赚钱方法吗?  盘点14个可以通过网络赚钱的网站和平台  点击广告赚钱是真实的吗?是不是骗局?  免广告电影网站结合微信公众号引流赚钱项目介绍  如何利用广告推广的形式来提高网站流量?  广告联盟赚钱必知的网站诱惑引流大法,简单又实用!  日赚200+的项目新玩法思路分享,快来看看!  2022年app营销怎么做?app营销推广9大策略!  如何通过广告联盟轻松日赚100+?我来告诉你!  百度经验怎么赚钱?利用百度经验赚钱的5个方法!  国内广告联盟和国外广告联盟的差别你知道吗?  如何利用抖音来引流大量男粉、女粉、WZ粉变现赚钱?我来告诉你!  app线下推广方式有哪些?这9个方法必须掌握!  个人网站靠广告联盟盈利的原理是什么?  6个适合个人网站流量变现赚钱的站长广告联盟平台推荐!  注意!交友类app推广,这几种行为会被联盟判为作弊不予结算!  ​怎样才能在联盟上推广|直播|、聊天交友类app注册赚到更多的钱?  5种网站赚钱项目,新手也能轻松操作!  提升网站排名和流量的22个网站外链的建设方法汇总!  快手涨粉的6大攻略,快手引流的最快方法! 

推荐新闻