网络科技

    今日:221| 主题:245427
收藏本版
互联网、科技极客的综合动态。

[其他] 动效丨七何分析法帮你全面分析界面动效

[复制链接]
薄荷綠菂夏天 发表于 2016-11-29 22:26:20
25 25

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

动效丨七何分析法帮你全面分析界面动效-1 (产品推广,graphic,界面设计,design,Design)
  
  @十圆QCee:以前在团队内部做过一个关于          动效    的分享,当时,是从现实参照、功能性、品牌,等维度进行分析。这次为了更全面的了解界面          动效    ,我参考了5W2H分析法。5W2H又称七何分析法,分别是:What、Why、Who、When、Where、How、How much。  
  WHAT

  什么是界面          动效    ?大家对其的理解大致是,用户界面上所有运动的效果,也可以视其为界面设计(UI design)与动态设计(motion design)的交集。  
  具体可以参考下图:The Disciplines of User Experience Design

动效丨七何分析法帮你全面分析界面动效-2 (产品推广,graphic,界面设计,design,Design)
  
    作为多学科交集的界面动效,其设计者可以交互,也可以是UI,甚至很多时候是前端开发直接完成的。而我碰到的很多比较完整的设计团队,专门招的              动效设计      师,除了做界面动效外,还会做与产品推广相关的motion graphic。   
    而我们所要讲解的界面动效(UI motion)区别于motion graphic 最大的差别,就是界面动效需要以用户体验与界面设计为大前提,来进行              动效设计      。所以下面很多观点也是基于此来进行说明的。   
    另一个值得注意的是,界面动效在设计师设计完成后,需要开发实现才能与用户见面。而不像MG动画,直接由设计师输出。
    WHY

  为什么需要界面动效?在我的理解里这是5W里最重要的一点。设计交流网站上有很多纯粹追求酷炫,或为了动起来而做的动效。他们如果只是为了展示设计技术,或者博得关注自然无妨。但是,界面动效毕竟要在真实产品中展示的,其目的自然需要符合产品的整体诉求。这里的目的,我总结了两方面:
  1,保证产品的流畅体验。产品只要跟用户有互动,就会有状态的变化,而绝大多数的变化都是由界面视觉展示的。这时,界面上的状态变化,是否有过渡,过渡的是否流畅,就直接的影响着用户的感受。
友荐云推荐




上一篇:教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~ by TTTing ...
下一篇:SegmentFault 技术周刊 Vol.14 - 进阶 Vue 2.0
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

行天下nhx 发表于 2016-11-29 23:39:11
沙发不是你想抢,想抢就能抢!
回复 支持 反对

使用道具 举报

任性的小情绪 发表于 2016-11-29 23:40:08
人的一生至少要有一次一见钟情,那看来我已经让很多人不枉此生了。
回复 支持 反对

使用道具 举报

__淡忘_de一切 发表于 2016-11-29 23:41:00
抢位子,坐等更新!
回复 支持 反对

使用道具 举报

show苏 发表于 2016-11-29 23:41:10
OMG!介是啥东东!!!
回复 支持 反对

使用道具 举报

佃成芊 发表于 2016-11-29 23:48:46
支持,赞一个
回复 支持 反对

使用道具 举报

啥玩应呀
回复 支持 反对

使用道具 举报

时未寒 发表于 7 天前
学习薄荷綠菂夏天,好好回帖!
回复 支持 反对

使用道具 举报

幸福ー半阳光 发表于 7 天前
前排,哇咔咔
回复 支持 反对

使用道具 举报

告別昨天漣漪 发表于 7 天前
薄荷綠菂夏天去哪儿
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表