动效

动效让沟通更具影响力和吸引力。Spaceship 的动效创作遵循特定的原则、基调、参数和编排,这些要素共同展现其品牌形象。

动态不仅让体验更具吸引力——它还能阐明想法、强化概念,并有意识地让叙事鲜活起来。



原则

一套明确的动态原则概述了我们所创建动画的目的。



有意义

努力为你想传达的信息赋予深层意义。通过探索简洁的几何形态,并借助有机动态突破可能性的边界,从而化解复杂概念。





有机

动态在构图和运动上都必须显得自然。运用动量可以增强受众体验,并让我们的动态语言呈现自然之感。





指导性

动态应减少认知负担,并引导视线关注重要内容。当执行某个操作时,我们希望提供即时反馈,绝不让观看者等待。






语气

尽管某些产品和服务可能具有不同的特性和功能,我们仍然可以根据它们与观看者的关系来定义一种通用的动画方法:情感型功能型




情感型——建立更深层的连接
品牌可以诉诸观看者的情感,并建立更深层的连接。


功能型——帮助客户实现目标
改善反馈、辅助定位,并将观看者的注意力引导到相关内容上。






参数

我们的品牌原则应体现在与 Spaceship 相关的每一种媒介中,无论是在平台内还是平台外。为了通过动态将这些原则生动呈现,我们依赖一组参数,以确保品牌识别的一致性、连贯性和统一表达。





缓动

缓动赋予动态一种自然、有机的质感。熟练掌握缓动曲线对于表达品牌识别至关重要。根据信息的语气调整缓动,有助于强化意图——更平滑、更柔和的曲线可以传达情感与温度,而更锐利、更直接的过渡则强调功能性和效率。





时序

时序和延迟可以在同一对象中协同作用,以同时传达语气和目的。例如,页面加载期间较慢的节奏可以建立情感连接,随后快速响应则通过清晰且即时的反馈传达功能性语气。





父子关联

我们使用父子关联来创造意义,并建立视觉元素之间的关系。 在播放型动画中,父子关联有助于展示元素如何相互关联并共同变化。在实时交互中,它通过在视觉上连接对象并自然地引导用户浏览界面,带来更流畅的体验。





延迟

延迟定义对象之间的关系,提升可用性,并在将新元素引入屏幕时建立叙事。





视差

视差的目的是营造深度错觉。它帮助观看者感知哪些对象具有更高优先级,以及应当关注什么。当我们以不同速度移动重叠对象时,就会在它们之间建立空间关系。






叠加层

该参数使用非 3D 空间,使前后分层的对象能够独立移动。叠加层利用现有界面上的这些重叠层来提供附加信息。我们使用动态来构建这些实体之间空间关系的叙事。







编排

编排将我们的参数与另外三个元素结合起来:连续性、关系和叙事。通过控制每个对象的行为,我们能够抓住受众的注意力,创造情感参与。




连续性
确保动态流动保持一致且顺畅,帮助受众理解叙事,并在过渡之间保持专注。它通过赋予屏幕上的元素明确目的来强化视觉连续性。


关系
每个对象如何与其周围环境相关,以及它的行为将如何影响其他元素的运作方式。


叙事
结合其他属性,精心构建的叙事既能与观看者建立深刻而持久的联系,也能提供清晰指引,让即使最复杂的任务也显得简单易懂、触手可及。