华丽的动效设计

什么是动效?

 1. 动效是源于国外的MG 

        M 指 Motion运动 

        G 指 Graphic静态图片 合在一起就是运动的静态图片

  动态的图片, 传递信息 ,表达氛围

  2. 动效的作用是什么?

(1)产品展示 

      A. 展示了页面之间是如何切换的 元素跟元素之间是如何过渡的

      B. 菜单页的展示,比如圆圆的按钮运用动效,给我们交代了点开按钮之后它应该是什么

      C. List点击后是如何展开的以及是如何滑动的

(2)品牌建设(因为很多时候,静态的图片传递信息毕竟是有限的,所以运用动效展示品牌会更形象立体)

(3)交互展示(就是界面的跳动,信息的展示以及细节的展示)

3. UI为什么需要动效

(1)流畅过渡 (UI最基本功能),它交代了元素之间是如何过渡的,点击后页面是怎么跳转的,标签之间的滑动效果是个什么样子,整个操作非常流畅

(2)高效反馈 : 知道时间多久效率高

(3)增强操纵 : 结合手势操作比如看小说,动效简单到就是跟我们实际翻书效果是一样的,直到上一页下一页怎么翻很轻松的驾驭

(4)帮助引导 : 比如滑动解锁,利用颜色的渐变跳动引导我们向那个方向解锁

(5)升华体验 : 产品做得很好就是缺乏亮点就可以用动效设计提高产品的魅力值

4. 动效的 “坑”

(1)复杂繁琐:所以我们做动效的时候一定要做到简洁适度

(2)未考虑开发成本;会出现项目延期而不被采纳

(3)性能和响应度差:在做动效的时候一定的考虑设备的性能跟响应度,因为我们的动效是在设备上来跑的,所以由于硬件的一个性能注定我们不能任凭自己的性子来做动效

(4)如果开发已经优化到最大程度了 设备上还是跑不起来



总结

1. 动效是指,会动的图片,它能够传递信息表达氛围

2. 动效设计与动画设计,动效设计与平面设计,是有区别的

3. 动画设计有个性鲜明的角色 有曲折离奇的剧情 有环境氛围的烘托 有特定信息的传递从而反映社会现象哲学道理等这些元素组成了动画片的迷人之处

4. 平面设计有信息的传递,比如海报品牌信息,还有氛围的烘托

5. 动效设计它是处于 "动画设计" 跟 "平面设计" 之间一门交叉性的学科,所以它是用动态的图片来传递信息表达氛围的

6. 品牌和动效完美地结合能反映产品的本质


对自己说:路在自己脚下,没有人可以决定我的方向 ~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,019评论 3 119
  • 想要别人了解我们,我们必须要先去了解别人,只有了解了别人的需求,并帮助他解决问题,才能取得信任,并获得别人的了解。...
    安迪jon阅读 126评论 0 1
  • 便利行业是满足顾客即时性需求+冲动性需求+应急性需求类型的门店,是零售业最基本的业态。一家标准的便利店店内商品的S...
    1点学堂阅读 343评论 0 2
  • 暑假来了,我满心喜悦。因为我又可以带着儿子出门旅行了。 一直喜欢自然风光,所以被草原和沙漠吸引住了。过去的一年我...
    Cici清清阅读 279评论 0 0
  • 我想我不配拥有爱情 我学不会在规定的时间段里 变成一只发情期的狗 拥有一具陌生的尸体 而表达不出我对她的温柔
    简村小吹阅读 703评论 18 15