文/贾轩（广东工业大学）

一、动效设计概念

动效设计源于影视动画中的视觉语言，将静态图形图像加入时间轴的概念，呈现动态的视觉效果。在平面设计领域，称之为动态图形设 计（Motion Graphic Design）[1]。随着智能手机的出现，设计师和用户对于体验的重视逐渐提高，动态效果被越来越多的应用到手机界面中，在界面的信息引导、交互反馈以及品牌风格上提升用户体验。

动效设计的历史伴随着交互设计的发展。在20 世纪60 年代，随着计算机的发展，交互设计首先以人机交互的形式出现。1984 年，Bill Moggridge 将软件与用户界面设计结合，提出了“交互设计”的概念。随后在 Bill Verplank 的帮助下更名为“交互设计”。同年，苹果公司发布的 Macintosh 中出现动效，但由于技术问题，使用的场景十分有限[2]。迪士尼动画《The illusion of life：Disney animation》中提出了动画的12 个原则，包括：挤压与拉升、预备动作、表演与呈像方式、连贯动作法与关键动作法、跟随动作与重叠动作、渐快与减慢、弧形运动轨迹、附属动作、时间控制、夸张、吸引力、深度、平衡及重量感。通过这些基础原则表现物理世界的自然状态，在时间维度的基础上通过视觉的变化体现动画的艺术感，激发人的情绪感受，对动效设计影响深远。随着移动应用设备的性能不断提升，好的动效可以让用户在意识不到的情况下顺畅完成任务，伴随UI 出现，动效设计逐渐发展起来。

二、动效的属性特征

动态图形源于基础的视觉图形根据时间进行属性变化，以此呈现出不同时间的视觉效果。由于图形的属性不同，相互组合达到的视觉效果成千上万，再结合时间的维度，动态效果也千变万化，呈现出不同的视觉效果。……