動態

動態令溝通更具影響力和吸引力。Spaceship 的動態創作遵循特定原則、語調、參數及編排,協同展現其品牌識別。

動態不僅令體驗更吸引,還能更清晰地傳達想法、強化概念,並有意識地令敘事栩栩如生。



原則

一套明確的動態原則,概述了我們所創作動畫的目的。



有意義

致力為你想傳達的訊息賦予深層意義。透過探索簡單幾何,並超越有機動態所能實現的可能性,化解複雜概念。





有機

動態在構圖與移動上都必須感覺自然。運用動量可以提升受眾體驗,並讓我們的動態語言呈現自然感。





指導性

動態應減輕認知負荷,並引導視線聚焦於重要內容。當採取某項操作時,我們希望提供即時回饋,絕不讓觀眾久候。






語氣

雖然某些產品和服務可能具有不同的功能和能力,但我們可以根據它們與觀眾的關係,為動畫定義一種通用方法:情感性功能性




情感性 — 建立更深層的連結
品牌可以觸動觀眾的情感,並建立更深層的連結。


功能性 — 幫助客戶達成目標
改善回饋、協助導向,並將觀眾的注意力引導至相關內容。






參數

我們的品牌原則應體現在與 Spaceship 相關的每一種媒介之中,無論是在平台內外。為了在動態中將這些原則具體呈現,我們依靠一組參數,以確保一致性、連貫性,以及品牌識別的統一表達。





緩動

緩動為動態帶來自然、有機的質感。熟練掌握緩動曲線,對於表達品牌識別至關重要。根據訊息語氣調整緩動,有助於強化意圖——更平滑、更柔和的曲線可傳達情感與溫度,而更俐落、更直接的轉換則能突顯功能性與效率。





時序

時序與延遲可以在同一物件中協同運作,以同時傳達語氣與目的。例如,頁面載入期間較慢的節奏可以建立情感連結,隨後快速回應則能以清晰且即時的回饋傳達功能性語氣。





父子關係

我們利用父子關係來創造意義,並建立視覺元素之間的關聯。在播放型動畫中,父子關係有助展示元素如何彼此相關並一同變化。在即時互動中,它透過在視覺上連結物件,並自然地引導使用者穿梭介面,從而帶來更流暢的體驗。





延遲

延遲定義物件之間的關係、提升可用性,並在新元素引入畫面時建立敘事。





視差

視差的目的是營造深度錯覺。它有助觀眾感知哪些物件具有較高優先級,以及應該聚焦於何處。當我們以不同速度移動重疊物件時,便能在它們之間建立空間關係。






覆疊

此參數使用非 3D 空間,讓層疊於彼此後方的物件能夠獨立移動。覆疊會在現有介面上利用這些重疊圖層來提供額外資訊。我們運用動態來建立這些實體之間空間關係的敘事。







編排

編排將我們的參數與另外三個元素結合:連續性、關係和敘事。透過控制每個物件的行為,我們能抓住受眾的注意力,創造情感投入。




連續性
確保動態流程一致且流暢,幫助受眾理解敘事,並在轉場之間保持專注。它透過賦予畫面中元素明確目的來強化視覺連續性。


關係
每個物件如何與其周遭環境產生關聯,以及其行為將如何影響其他元素的運作方式。


敘事
結合其他屬性後,精心打造的敘事不僅能與觀眾建立深刻而持久的連結,還能提供清晰指引,令即使最複雜的任務也顯得簡單易懂、容易上手。