擺脱“PPT式”動態,從改變動態思維開始:起底5位知名動態設計師的底層邏輯

語言: CN / TW / HK

當動態設計的浪潮襲來,你是否也在急忙擴充軟件技術的彈藥庫?新的工具固然擴充了想象力的邊界,但能否展現出超乎平面的感染力,不取決於工具,而取決於你是否清楚圖像應該怎麼“動” 。

20世紀至今,關於造型、色彩、構圖的視覺語言已被歸納為完整的系統,但作為一種新興技術領域,動態設計的視覺語言依然是零散的、非體系化的。

如何做出生動鮮活、令人震撼的動態?什麼是動態設計的底層思維?今天,360°設計實驗場精選5場動態設計講座乾貨,由動態領域知名的4位設計師和1家工作室分享他們的獨家思路。

Liza Enebeis

莉莎·恩貝伊斯:

用動態“烹製”設計

“動態節奏明晰還是流暢,會釋放出截然不同的信號,也會影響你對整個品牌的認知。”

上:DEMO動態設計節,2021

下:DEMO動態設計節,2022

莉莎·恩貝伊斯是登貝設計(Studio Dumbar)的創意總監。登貝設計來自荷蘭,是一家屢獲殊榮的國際機構,專注於品牌視覺和動態設計。2018年,莉莎成為國際平面設計聯盟(AGI)會員,同時,她也是DEMO動態設計節的共同發起人。

決定一個動態設計氣質的是什麼?對 莉莎 來説,視覺固然重要,但同樣不能忽略的是圖形的“行為方式”。

例如上面的藍色的小方塊,它的運動舒緩而有節奏,給人以放鬆的感覺。綠色方塊動得更快一些,但因為沿着網格運動,仍然顯得很有秩序。黃色的方塊運動缺乏規律,看起來混亂又迷惑。正是細微的運動方式差異,讓動態設計擁有了不同的性格。

拿登貝工作室的作品舉例,在荷蘭國家品牌的動態設計中,項目的核心理念是“生長”,因此動態也呈現出舒緩的生長情態;而在為一個足球俱樂部所做的設計中,核心理念是足球運動中的攻擊和防守,整體運動方式就顯得非常鋭利、非常突然。

登貝工作室為AVROTROS做的視覺標識

在莉莎看來,動態不是孤立存在的設計手段。LOGO、色彩、字體、攝影等等要素,都是品牌個性的組成部分。所有元素獨立或組合的動態,都可以體現品牌的定義。“動態節奏明晰還是順暢,會釋放出截然不同的信號,反過來也會影響你對整個品牌的認知。”

荷蘭國家品牌的動態設計

足球俱樂部CLUB NXT的品牌動態設計

◉ 卡片掃碼,瞭解講座詳情 ◉

Kota Iguchi

井口皓太:

用動態思維做設計

“比動態設計更重要的,是靜止時的形狀。平面設計既代表着第零秒,又意味着無限的時間。”

2020東京奧運會動態圖標

井口皓太是一位專注於動態設計的團隊建設型創意指導。2020年東京奧運會,他創作了奧運設計史上第一套動態圖標,依靠鮮活的動態之美,瞬間在世界範圍內引燃了奧運熱情。

2020東京奧運會動態圖標

複雜的動態如何做到生動流暢?相對常規的動態字體設計而言,讓動態小人活起來,顯然是更大的挑戰。井口皓太的做法是迴歸原點,從圖標的靜態形態開始。

整個製作流程就好像把圖形從冷凍的平面狀態解凍到會動的狀態。先確定動態中的幾個關鍵定格,看它們組合起來是否可以呈現連貫的運動姿態,直至反覆調整得到最自然的圖像,再添加中間作為銜接的動態。

漢字城市(Kanji City)

對井口皓太來説,動態設計不僅是在屏幕上創造圖形,還包括“設計伴隨時間的體驗”。

當數字設計軟件流行時,人們隱隱感到了平面設計的危機,這種跟隨時代和媒介的改變是很自然的。在視頻媒體氾濫的當下,平面設計卻似乎有了新的功能。從圖像的角度來看,它“ 既代表着第零秒,又意味着無限的時間 。”從這個角度而言,設計是無法被分割的。動態也好、平面也罷,這些被分割的領域,其實始終是渾然一體的結構。

◉ 卡片掃碼,瞭解講座詳情 ◉

another design:

通過不同媒介傳達設計理念

“當我們把‘動態’理解成是一種思維模式時,‘動態’與‘平面’就不是並列的關係。”

講什麼-廣州語言觀察展動態設計

another design 是一個跨媒介的視覺溝通團隊,成員來自平面、多媒體、產品、攝影等不同領域。多學科的融合使他們不再拘泥於設計的形式,而更專注探索視覺設計在不同領域中的溝通功能與特性,曾多次獲得2021 Tokyo TDC Prize,D&AD銀鉛筆獎、GDC設計獎金獎、銀獎等國際設計獎項。

左:GDC Award 2021 賽事推廣形象

右:2017廣州影像三年展動態設計

有時候,一些靜態海報本身已經很完整,卻因為甲方的要求,不得不為動而動。“動起來”不僅僅是扔進軟件、加上動效那麼簡單。如何在時間線上處理信息之間的關係、協調動態曲線效果,都需要基於平面思維。

而如果 “動起來”只是為了追求一種酷炫的形式,卻沒有設計概念的支撐,沉浸在形式感而忽略了信息傳達本身,更是違背了設計的初衷。動態畫面的本質,仍然在平面設計信息處理和傳達的範疇中。這裏的“信息”不是指寫在表面上的文本,而是最深層想要傳播的思想價值。

2021廣州影像三年展主視覺

隨機生成的流動方塊隱喻城市中的人際關係

在GDC Award 2021的主視覺項目中,核心概念是“開放性”和“先鋒性”。平面和動態都是核心概念下的考量要素。為了體現“開放性”,必須減少平面和文本信息的干預,才更符合視覺傳達的本質。

GDC Award 2021 動態設計

當我們把“動態”理解成是一種思維模式時,“動態”與“平面”的關係就不是並列的關係,而是垂直的從屬關係。兩者間不應該停留在視覺層面上的簡單比較,而應該置於更高維度來探討。

因為技術演進,設計師的角色從最初一個線性的工具操作者身份轉而 成為一個非線性的工具集成者。這是極具挑戰性的,也是當下設計的魅力所在

◉ 卡片掃碼,瞭解講座詳情 ◉

Keita Onishi

大西景太:

聲音的可視化與設計

“人是有聯覺的,我們不僅是在用雙眼去看,也是在用多種感官去認知事物的形態。”

安魂曲(Requiem / composed by M.Cardoso)

大西景太榮獲2022東京字體指導俱樂部年度TDC獎全場大獎的動態作品

影像藝術家大西景太以音樂可視化的動態設計聞名。這位35歲的日本設計師同時也是音樂發燒友,曾經擔任樂隊貝斯手,擅長強調視覺和聽覺刺激的共存。他的作品兼顧視聽美感,展現古典復調音樂的魅力。

談動態語言之前,讓我們先回歸平面,請你在心裏默默參與一個實驗:如果下面兩個圖形分別有一個名字,你認為它們哪一個應該叫Bouba,哪一個應該叫Kiki?

這個現象最早在1929年被心理學家發現,超過90%的人和你想的一樣:右邊那個圓滑的形狀是Bouba,左邊有尖角的形狀是Kiki。由於發音時氣流的運動不同,經過柔軟的嘴脣發出的聲音會被認為比較圓潤,經過牙齒的聲音則會被認為比較尖鋭。

“Bouba-Kiki”效應證明人是有聯覺的,也就是説我們 看待一個事物的時候,不僅在用雙眼去看,也是在用多種感官去認知它的形態 。這就是大西景太將音樂進行動態化設計的基礎。

左:地鐵動力學(Dynamics of the Subway)

右:貝多芬第五交響曲(Symphony No.5 by Beethoven)

大西景太的音樂可視化作品

森林與樹(Forest and Trees)

日本設計中,有另一種常用手法與此相似——“見立て”,來自於俳句,意思是將一件事與另一件事並置比較,來產生比擬的效果。這個手法也被用在視覺藝術上,例如在日本的寫意園林“枯山水”中,用白色的石子代替水,也被稱為“見立て”。

在動態設計中,大西景太將復調音樂比擬為建築。在他搭建的框架中,每一個聲音都被一個三維圖形所替代。考慮到旋律時而舒緩或強烈的節奏,他用動態的圓形和三稜錐來表達起伏的旋律。

◉ 卡片掃碼,瞭解講座詳情 ◉

Ting-An Ho

何庭安:

不被工具限制風格

“世界的樣貌來自於原理與物質。做字型的時候,我們都會試着師法自然,做動態時卻常常失去這種品味。”

動態字體項目(Motion Type Project)

台北設計師何庭安近年憑原創性極強的動態設計作品為設計圈所熟知。早在大學期間,他就對動態與字體的融合進行了研究。在當時動態設計還尚未流行的市場中,這個項目極大地展現出了平面向動態延展的可能性。

在做字型或字體的時候,我們都會試着去師法自然,橫如千里陣雲,豎如萬歲枯藤,但做動畫時卻忘了這個道理。

十二動畫法則中的擠壓與伸展

如果你做一顆球,只讓它上下襬動,這就是沒有生命的動態。如果要它活起來,其中勢必有自然界的牛頓引力、作用力與反作用力,有回彈和擠壓,這樣看起來才像是一顆被拍打的皮球。

如果你做一個跑動的動畫,因為慣性作用,衣服布料的運動會比身體更慢一點,頭髮的甩動會比布料再慢一點。這一連串的自然而然的motion design,就會導致 角色或文字在表演的時候性格上的差異

十二動畫法則中的二級動作

對動畫從業者來説,十二動畫法則是基本功,對設計師則不盡然。進入數字時代,現代人必須碎片化地學習,很難沿着字體、動畫的脈絡系統鑽研,再找到一個精準的交集。此時此刻,我們應該把這些知識集結起來。

從平面做到動態,再到新媒體和交互設計,何庭安掌握了不下十種設計工具,卻從未被軟件的侷限性困擾。對他來説, 任何一種工具都有可能同時形塑與限制一種風格,最好的做法是假裝無知,再找解法 。“做什麼”比“怎麼做”更重要,而它們又沒有“為何做”來得重要。

“武器新歸新,總要挑件趁手的。很多人扛着機關炮對文字狂轟濫炸,這大可不必。”

◉ 卡片掃碼,瞭解講座詳情 ◉

◉○○

在文末留言一起來聊一聊

#你覺得動態設計是平面的未來嗎?#

◉○○

本文整理自360°設計實驗場系列講座直播,

掃描下方海報二維碼,

加入360°設計實驗場會員,

隨時回看170+場完整版直播講座,

瞭解更多設計方法及內容

↓↓↓

「其他文章」