第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-11-22 09:26来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
本文主要讲述了为什么做动效,好的动效设计的标准是什么,如何做动效设计,以及如何使自己设计的动效完美落地。 看完本文你会学到: 1. 为什么需要动效设计? 什么是动效设计? 动效在产

  本文主要讲述了为什么做动效,好的动效设计的标准是什么,如何做动效设计,以及如何使自己设计的动效完美落地。

  

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

  看完本文你会学到:

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

  什么是动效设计?

  动效在产品设计的作用

  动效设计的好标准

  2. 如何设计动效?

  6个构思动效的方法

  6个实现动效的方法

  3. 动效的类别

  4. 常用的动效软件

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

  为什么需要设计动效?

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

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

  1. 什么是动效设计呢?

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

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

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

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

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

  

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕