動態

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

動態不僅令體驗更吸引——它能釐清想法、強化概念,並有意圖地為敘事注入生命。



原則

明確的動態原則組合,界定我們創作動畫的目的。



有意義

致力為你想傳達的訊息賦予深層意義。透過探索簡單幾何圖形及有機動態,突破複雜概念的界限。





有機

動態在構圖和運動上必須自然。運用動量可提升觀眾體驗,並令我們的動態語言更自然。





指導性

動態應減輕認知負擔,並引導視線聚焦重點。當有動作發生時,我們希望即時提供回饋,絕不讓觀眾等待。






語調

雖然部分產品和服務可能有不同的功能和特點,但我們可以根據它們與觀眾的關係,定義一套通用的動畫方法:情感功能




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


功能——協助客戶達成目標
提升回饋、協助定位,並將觀眾的注意力引導至重點。






參數

我們的品牌原則應體現在 Spaceship 相關的每一個媒介上,無論是在平台內外。為了在動態中展現這些原則,我們依賴一套確保一致性、連貫性及統一品牌形象的參數。





緩動

緩動為動態帶來自然、有機的質感。掌握緩動曲線對於展現品牌形象至關重要。根據訊息的語調調整緩動,有助於強化意圖——更順滑、柔和的曲線可傳達情感與溫暖,而更銳利、直接的過渡則突顯功能性與效率。





時序

時序與延遲可於同一物件內協同運作,以傳達語調和目的。例如,頁面載入時較慢的節奏可營造情感連結,隨後迅速回應則帶來明確且即時的功能性回饋。





父子關係

我們利用父子關係來賦予視覺元素意義並建立關聯。在回放動畫中,父子關係有助於展示元素如何相互關聯及變化。在即時互動中,則透過視覺連結物件,讓用戶更自然地瀏覽介面,帶來更流暢的體驗。





延遲

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





視差

視差的目的是營造深度錯覺。它有助於觀眾判斷哪些物件更重要,以及應該聚焦於何處。當我們以不同速度移動重疊的物件時,便建立了它們之間的空間關係。






覆疊

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







編排

編排將我們的參數與三個額外元素結合:連貫性、關係和敘事。透過控制每個物件的行為,我們能吸引觀眾的注意力,營造情感共鳴。




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


關係
每個物件如何與其周圍環境互動,以及其行為如何影響其他元素的運作。


敘事
結合其他屬性後,精心設計的敘事能與觀眾建立深厚且持久的連結,同時提供明確指引,讓最複雜的任務也變得簡單易明。