从动效设计谈谈思维变革

摘要： 本文主要探讨了动效设计领域中的思维变革。通过对动效设计的发展历程、特点以及其在不同领域的应用进行分析，阐述了动效设计如何引发了人们在设计思维、用户体验思维和创新思维等方面的变革。同时，也探讨了动效设计未来的发展趋势以及可能带来的新的思维变革。

Preface

随着科技的不断发展，动效设计在各个领域中的应用越来越广泛。从网页设计到移动应用，从游戏开发到虚拟现实，动效设计已经成为了提升用户体验和产品竞争力的重要手段。然而，动效设计不仅仅是一种技术手段，更是一种思维方式的变革。它要求设计师从传统的静态设计思维中走出来，以更加动态、交互和创新的方式来思考和解决问题。本文将从动效设计的角度出发，探讨思维变革的重要性以及其在不同领域中的应用。

本文着重介绍动效设计在不同客户端中的应用，并讨论其Future of Design implications。

Animation

显然的，用户接触最多的就是移动端。

此次，在科塔智爱中，我们创新性应用了 CurveFramer 和 CurvePlayer 来实现动画效果。

我们重新设计了动画曲线，从不同速率进行微调。

动画曲线优美、协调，在不同状态下都流转自如。

CurveFramer

CurveFramer 是一个基于 CurvePlayer 的工具，用于生成动画曲线。它通过将动画曲线的参数进行微调，实现对动画曲线的实时调整。

除此之外，我们还引入了 CurveFusion ，在动画曲线上进行融合，以获得更复杂的动画效果。

通过自定义 CurveFusion-Parameters 结合 CurveAnimation ，让，我们可以得到更复杂的动画效果。

我们可以非常明确的看到不同状态动画过渡的一致性。

在移动端中，我们优先运用了 CurveFramer + CurveFusion 的联合曲线，让不同弹窗之间的过渡更加细腻自然。结合 CurveLayer 实现了不同于普通动画的效果。

CurveLayer

在不同页面过渡之间是存在明确的恐将状态的。

我们额外引入了四大特点。

1. 动态性：动效设计强调的是动态的效果和交互性。它通过动画、转场和交互效果等方式，为用户带来更加生动和有趣的体验。
2. 交互性：动效设计不仅仅是一种视觉效果，更是一种交互方式。它通过与用户的交互，实现了信息的传递和反馈，提高了用户的参与度和体验感。
3. 情感性：动效设计可以通过情感化的设计手法，引发用户的情感共鸣。它可以通过色彩、音乐和动画等元素，营造出不同的情感氛围，从而影响用户的情绪和行为。
4. 创新性：动效设计需要不断地创新和突破。它要求设计师不断地探索新的技术和设计手法，以满足用户不断变化的需求和期望。

我们可以在之前的 TalexTouch 中发现这一显著的特征。

整个画面给人一种融合的情感，仿佛梵高画作印染纸上。传统美学与现代美学的交相辉映，不同层级之下的过渡。

在整个页面中，左侧 NavBar 和 顶部 ApplicationTitleBar 是单独于其他层级的应用框架。

整个二级页面分为左侧的 Aside 与右侧的 Main 这是一个同层级关系。

而在 Main 内则又不一样。

在介绍应用时，一条分割线将上下层级分开，便于用户理解空间状态，隐喻出下级Content信息页面是可滚动的。

思维变革

动效设计的发展引发了人们在设计思维、用户体验思维和创新思维等方面的变革。

1. 设计思维的变革：动效设计要求设计师从传统的静态设计思维中走出来，以更加动态、交互和创新的方式来思考和解决问题。设计师需要考虑如何通过动效设计来提升用户体验和产品竞争力，如何通过动效设计来传达产品的核心价值和品牌形象。
2. 用户体验思维的变革：动效设计的发展也引发了人们对用户体验的重新思考。用户体验不再仅仅是界面的美观和易用性，还包括了动效设计带来的交互性和情感性。设计师需要通过动效设计来提升用户的参与度和体验感，从而提高用户的满意度和忠诚度。
3. 创新思维的变革：动效设计需要不断地创新和突破。它要求设计师不断地探索新的技术和设计手法，以满足用户不断变化的需求和期望。设计师需要通过创新思维来推动动效设计的发展，从而为用户带来更加优秀的产品和服务。

而基于以上技术，科塔智爱在动效设计中运用了众多变革。

Drop

关注近期更新的用户都能明显发掘，近几次更新舍弃了传统的绚丽繁华的主题，摒弃了奢华的动画，转而投入小、少、美的主题。

让我们举个例子

小

在之前的弹出设计中，悬浮弹窗用了非常夸张的缩放机制。而在新版中，我们加入了拟物引擎，让整个弹窗过渡更加细腻微小。就仿佛从鼠标中轻微弹出，稍微做出了一点弹簧回弹。

就像是绷紧的弹簧在反复缩放一样。

少

新版设计中，我们运用了少变更，整个动画效果需要浓缩在仅仅视觉重点中，让细微动效不再影响焦点转移。

美

在科塔智爱的设计趋势中，我们可以明显看到动画不再仅仅是动画，而是承担着用户焦点转移和过渡的效果。 通过比较漂亮的动画来引导用户视觉中心从左上传递到右下，也变相节约了网络加载的漫长时间。让用户更耐心等待。

领域

动效设计在不同领域中的应用越来越广泛。

我们将整个 CurveFramer 引入到科塔智爱的全领域中。

从移动端到桌面端，从网页到小程序，不同设备下的动画状态严格保持着一致。

更多

科塔智爱的 CurveFramer 将会引入到更多界面，从细腻的加载动画到华丽的焦点动画，从动效设计到交互设计，从交互设计到交互体验。

动效设计的发展引发了人们在设计思维、用户体验思维和创新思维等方面的变革。它要求设计师从传统的静态设计思维中走出来，以更加动态、交互和创新的方式来思考和解决问题。同时，动效设计在不同领域中的应用也越来越广泛，未来的发展趋势将更加注重用户体验和情感化设计。因此，科塔智爱需要不断地学习和探索，以适应动效设计的发展趋势，为用户带来更加优秀的产品和服务。

Thanks!