站在产品设计的角度,我们应该如何思考动效设计?

站在产品设计的角度,我们应该如何思考动效设计?

5key5key
本文是 PinDesign 会员计划第 88 期周刊的节选内容,如果大家对文章内容感兴趣请加入会员计划获取本文全部内容。

Salesforce 是这次硅谷之行很想去但最终还是没有去成的一家公司。好几天路过这家公司,但却实在想不到找谁去搭上线,最终未能达成。

之所以会对 Salesforce 产生兴趣是由于之前花了些时间研究它们的 Lighting Design System。虽然这是一家 SaaS 企业软件服务提供商,但在整个 design system 做得相当的完整。这套系统中最让我感兴趣的是他们对 Motion Design 的思考,非常的清晰明了。

Motion Design 一直以来都是设计师最善于发挥的一个领域,也是相对有些“混乱”的领域。从产品设计的角度来说我们已经过了炫技的阶段,转向更有目的性、更有体系化思考的阶段。

接着 Saleforce 的这个案例,今天正好来和大家聊聊关于动效设计的思考,搞清楚我们做 Motion Design 的意义和目的。

关于 Motion Design,目前有哪些问题?

说到做产品设计,设计师受到业务、资源的约束,可发挥的空间一直在被压缩。而动效的设计则更像是大家能够自嗨的一款保留地,更多的创意、想法都可以在这里发挥。

酷炫的动画大家都很喜欢、做出来也会很有成就感,但新鲜感过后反而会让大家感受到一些不适。究竟是哪里出了问题呢?我想大概应该如下几类:

1.过度的炫技

在很多人眼中酷炫与动效设计是密不可分的,似乎只有将动效做得足够的炫才能体现这个设计的价值。

但事实上过于复杂的动效反而会适得其反,时间一长会让人觉得过于“腻”。这就让动效过于喧宾夺主,从辅助呈现信息变为了强调自身的存在。

2.不恰当的使用动效

如上所述,动效的目的是辅助呈现信息。适当的使用是有意义的,但如果为了动效而去使用则反而是一种干扰。

前段时间有同学发出过一个腾讯 ISUX 的文章链接,每次页面加载时当前页面中的每个元素都有一个 fade in 的效果。一两次还好,每次操作都带来这些效果反而会让人有不好的感受。

isux.tencent.com/articl

3.缺乏对动效体系化的思考

动效设计如何能恰到好处的帮助呈现信息、不让用户感受到违和感,很重要的在于设计的一致性。这其中动效的形式、时长、情感传递都需要考虑到,从而让用户能够形成一种”惯性思维“,对动效产生功效的关联。

一个 Toast 信息,一会从页面底部浮出,一会从旁边滑入只会让用户感受到混乱,带来对信息解读的消耗。那么动效就会从辅助信息呈现变成了干扰信息理解了。


以上是 PinDesign 设计周刊第 88 期的试读部分。在接下来的全文内容中将继续讨论我们为什么要做动效设计?从呈现信息、引导用户操作、体现产品气质等角度来和大家聊聊如何看待动效设计对于产品的意义。

加入 PinDesign 会员,获取本期主题「站在产品设计的角度,我们应该如何思考动效设计?」全部内容及前两期周刊的赠送。

点击领取 PinDesign 会员计划 50 元优惠券

近期更新周刊主题:

文章被以下专栏收录
还没有评论
推荐阅读