動態令溝通更具影響力和吸引力。Spaceship 的動態創作遵循特定原則、語調、參數及編排,協同展現其品牌識別。
動態不僅令體驗更吸引——它能釐清想法、強化概念,並有意圖地為敘事注入生命。
明確的動態原則組合,界定我們創作動畫的目的。
致力為你想傳達的訊息賦予深層意義。透過探索簡單幾何圖形及有機動態,突破複雜概念的界限。
動態在構圖和運動上必須自然。運用動量可提升觀眾體驗,並令我們的動態語言更自然。
動態應減輕認知負擔,並引導視線聚焦重點。當有動作發生時,我們希望即時提供回饋,絕不讓觀眾等待。
雖然部分產品和服務可能有不同的功能和特點,但我們可以根據它們與觀眾的關係,定義一套通用的動畫方法:情感及功能。
情感——建立更深層的連結
品牌可以觸動觀眾的情感,建立更深層的連結。
功能——協助客戶達成目標
提升回饋、協助定位,並將觀眾的注意力引導至重點。
我們的品牌原則應體現在 Spaceship 相關的每一個媒介上,無論是在平台內外。為了在動態中展現這些原則,我們依賴一套確保一致性、連貫性及統一品牌形象的參數。
時序
時序與延遲可於同一物件內協同運作,以傳達語調和目的。例如,頁面載入時較慢的節奏可營造情感連結,隨後迅速回應則帶來明確且即時的功能性回饋。
父子關係
我們利用父子關係來賦予視覺元素意義並建立關聯。在回放動畫中,父子關係有助於展示元素如何相互關聯及變化。在即時互動中,則透過視覺連結物件,讓用戶更自然地瀏覽介面,帶來更流暢的體驗。
延遲
延遲定義物件之間的關係,提升可用性,並在引入新元素時建立敘事。
視差
視差的目的是營造深度錯覺。它有助於觀眾判斷哪些物件更重要,以及應該聚焦於何處。當我們以不同速度移動重疊的物件時,便建立了它們之間的空間關係。
覆疊
此參數利用非 3D 空間,讓彼此重疊的物件能獨立移動。覆疊會在現有介面上運用這些層次,提供額外資訊。我們利用動態來展現這些實體之間的空間關係敘事。
編排
編排將我們的參數與三個額外元素結合:連貫性、關係和敘事。透過控制每個物件的行為,我們能吸引觀眾的注意力,營造情感共鳴。
連貫性
確保動態流程一致且流暢,幫助觀眾理解敘事並在轉場間保持專注。它透過賦予螢幕元素明確目的來強化視覺連貫性。
關係
每個物件如何與其周圍環境互動,以及其行為如何影響其他元素的運作。
敘事
結合其他屬性後,精心設計的敘事能與觀眾建立深厚且持久的連結,同時提供明確指引,讓最複雜的任務也變得簡單易明。