美文网首页
华丽的动效设计

华丽的动效设计

作者: 爱丽丝的UI妹妹 | 来源:发表于2018-10-25 20:21 被阅读0次

    什么是动效?

     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. 品牌和动效完美地结合能反映产品的本质

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

    相关文章

      网友评论

          本文标题:华丽的动效设计

          本文链接:https://www.haomeiwen.com/subject/gwoctqtx.html