随着国际品牌Apple和Google的火爆,最近国内越来越多的公司开始关注动效设计,越来越多的团队意识到动效在产品中的重要性。用户体验的重要性提升,更多的吃鸡玩家也开始投身于动效设计领域。但归根结底,我们为什么还需要动效设计?或者我们需要什么样的动效?我做动效设计有一段时间了,所以我尝试用一??些案例来谈谈我从产品本身想到的动效设计。(本文案例部分为设计师个人作品,部分为线上产品,均为本人非常欣赏的作品,如有不慎冒犯,请戳我,更换)1.提升体验舒适度Well,就是为了让用户更安心,更安心的使用你的产品。具体表现是:1.表示层之间的关系为了展示层之间的关系,是抽屉,是否打开,是不是水平开关等,让用户知道层与层之间的关系这个界面和上一个和下一个。这已经是最常见的用法了。2.结合用户手势,更自然的动画表现当用户手势时,界面的动态方向更符合手指的运动,让用户感觉他在控制界面的运动,而不是机械的跳。城市指南应用程序可以使用手势向左和向右扔卡片。3、愉快的提醒功能,可以在需要提醒的时候引起用户的注意,但又不会生硬,显得符合预期。启动城市指南时动作按钮反馈错误提示用户左右刷卡产品的生命力。readme.io可爱的输入框amazonQ的menutumblr不喜欢,心都碎了~5.吸引用户持久的关注也是增加用户惊喜感的一种方式。在一些数据量大的界面中加入一些Motion,以保持用户的注意力。气泡以动态的形式呈现数据点2.减少不可避免的不适虽然我们的产品,我们的交互,我们的设计,我们的工程师都在努力让产品更好更完美,但是总有一些无法避免的问题,或者可能bug、外部条件较差等因素,导致我们的产品体验下降。在这些时候适当加入一些动效可以弥补这些情况下的不舒适体验。例如以下:1.让等待更愉快经常出现在加载、刷新、发送等界面,让等待可视化,更不乏味。#p#DownloadProgress让下载不再枯燥Apploader趣味加载动画齿轮动力想拉也拉下来刷新2.刷新失败、页面错误、断线提示等故障界面动态效果。就算下载失败了,还是觉得可爱~3.增加界面与界面之间的连贯感界面的跳转是不可避免的,但是如果两个独立的界面或者事件之间有特定的联系,就可以显得更好玩,不再是生硬的跳转。iOSAnimationDownload界面跳转时,部分元素保留到下一个界面。过滤器菜单保留您需要的项目并删除您不再使用的项目。Elevate3.Unobtrusivemotioneffects此类别单独单独提及。因为不容易被发现,普通用户通常会忽略他们的存在,但很多时候这些小细节让交互变得更有趣。1、默默增加反馈感,为用户操作提供有趣的正反馈。点击FeedbackforTwitterFavorites2.删除用户不再需要的元素随着用户的操作,一些内容已经不再被用户关注。这时候,他们可以隐藏起来。以上CityHourCalendarAnimatedInteractionSteller的例子大多比较有特色,但在大多数实际情况下,优秀的动画设计都会涉及到几个同时满足的点。一般来说,动效还是为了用户体验。动效设计师要特别注意交互逻辑,让你的作品不仅看起来帅气逼人,还要真正起到实用的作用。***我要提醒的是,不要牺牲用户宝贵的时间来观看你漫无目的的动画。文章总结了自己的一些想法,不足之处还望大家指出~
