动效让沟通更具影响力和吸引力。Spaceship 的动效创作遵循特定的原则、基调、参数和编排,这些要素共同展现其品牌形象。
动效不仅让体验更具吸引力,还能阐明想法、强化概念,并有目的地赋予叙事生命力。
一套明确的动效原则阐明了我们所创建动画的目的。
力求为你想传达的信息赋予深刻意义。通过探索简单的几何形状和有机动效,突破复杂概念的界限。
动效在构图和运动上必须自然。利用动量可以提升观众体验,实现我们动效语言的自然感。
动效应减少认知负担,并引导视线关注重点。当采取操作时,我们希望提供即时反馈,绝不让观众等待。
尽管某些产品和服务可能具有不同的功能和特性,但我们可以根据它们与观众的关系,定义一种通用的动画方法:情感型和功能型。
情感型 — 创造更深层的连接
品牌可以唤起观众的情感,建立更深层的联系。
功能型 — 帮助客户实现目标
提升反馈、辅助定位,并将观众的注意力引导到相关内容上。
我们的品牌原则应体现在 Spaceship 相关的每一种媒介中,无论是在平台内还是平台外。为了通过动效展现这些原则,我们依赖一套参数,以确保一致性、连贯性和品牌形象的统一表达。
时序
时序与延迟可以在同一对象内协同作用,以传达语气和目的。例如,页面加载时较慢的节奏可以营造情感连接,随后快速响应则带来功能性的语气和清晰、即时的反馈。
父子关系
我们通过父子关系赋予视觉元素意义,并建立它们之间的联系。在回放动画中,父子关系有助于展示元素之间的关联和共同变化。在实时交互中,它通过视觉连接对象,使体验更加流畅,并自然地引导用户操作界面。
延迟
延迟定义了对象之间的关系,提升可用性,并在引入新元素时建立叙事。
视差
视差的目的是营造深度错觉。它帮助观众感知哪些对象更重要,应该关注什么。当我们以不同速度移动重叠的对象时,就在它们之间建立了空间关系。
叠加
该参数使用非三维空间,使彼此叠加的对象能够独立移动。叠加在现有界面上利用这些重叠层,提供额外信息。我们通过动效展现这些实体之间的空间关系叙事。
编排
编排将我们的参数与三个额外要素结合:连贯性、关系和叙事。通过控制每个对象的行为,我们吸引观众的注意力,营造情感共鸣。
连贯性
确保动效流畅一致,帮助观众理解叙事并在过渡间保持注意力。它通过赋予屏幕元素明确的目的来强化视觉连贯性。
关系
每个对象与其周围环境的关系,以及其行为如何影响其他元素的运作。
叙事
结合其他属性,精心设计的叙事不仅能与观众建立深刻持久的联系,还能提供清晰指引,让最复杂的任务也变得简单易懂。