【Motion 101-2】動態視覺設計的歷史背景與演化

E611C17B-4FB5-2E47-B497-4347A2FB7C9D.jpg

今天要跟大家說說簡單的動態視覺設計的歷史背景。不知道動態視覺設計是什麼請先看這篇:【好有格亂稿】動態視覺設計到底是什麼東西?又為什麼設計?

動態視覺設計的起源可以說是隨著電影誕生的,在二十世紀中開始被大量運用在呈現電影Logo與導演`演員與劇組姓名的介紹,片商資訊等等的『片頭動畫』。早期是以簡單的字卡形式呈現,簡單的黑底白字甚至完全沒有動畫,演變到當代電影剛播放時常常看到的那種很多名字飛來飛去的開頭動畫,它的功用除了告訴大家這部電影是哪些人做的,也會運用動態設計在開頭動畫裡去為電影劇情或整體氣氛做鋪陳。這樣一個簡單傳達資訊的訴求,隨著時代科技演變也就變成越來越華麗的設計啦。片頭動畫也從簡單的字體與圖形動畫組合,演變成一個個3D字型後面打雷閃電然後有超強的眩光在字體周圍閃爍之類的超級不知道在幹嘛的酷炫玩意兒們

6C59D050-0261-F6C0-FB54-4E448C4D0419.jpg
*電影 《無間警探》True Detective 的片頭動態設計

想知道更多電影片頭的歷史與資訊,可以上 Art of Title 這個專門介紹片頭動畫的網站逛逛。

說到電影片頭,最有名的動態設計始祖之一是索爾·巴斯(Saul Bass),他可是幫希區考克做過無數片頭的御用動態設計師噢。知名的風格是利用非常原始幾何圖形`搭配狂野派的簡單剪影圖騰搭配動態做出栩栩如生的作品。他的設計風格在現代人的省美觀來看可是一點也不退流行的經典作。

A3F32ED1-C532-8488-9132-AC054BD268FA.jpg
*索爾·巴斯(Saul Bass) 的作品《驚魂記》Psycho 片頭動畫

從五零年代後期電視電影業的興起,奠定了動態視覺設計發光發熱的基礎。電視廣告業開始大量使用字體和圖像的設計,電視台也開始運用動態視覺設計做他們的形象動畫。但是科技不發達的情況下,設計的過程不僅費時費力,設備取得更是難上加難的貴以至於當時的動態視覺設計並不是那麼的引人注意。直至九零年代後期,動態視覺設計才因為電腦的普遍而開始正式起飛。(有多貴?曾經聽過教授說他年輕時在動畫公司打雜掃地,每天等到八點設計師們都離開公司,他都會偷溜去使用一台一百多萬台幣的電腦練習簡單的動畫軟體,聽說那個軟體後來叫做After effects… 什麼?你現在這台兩萬塊的筆電就可以用了嗎?)

2015年的今天,高中畢業的學生都可以用他自己的筆電,運算出電影等級的動畫呢,精緻的程度我想連Saul Bass看了都會從墳墓裡跳出來…

如此快速的發展與轉變,也淺移默化的成為了動態視覺設計會大量被運用的推手,因為透過電腦與網路資訊的幫助,大大降低了動態視覺設計的門檻,個人電腦的配備越來越好,網路上軟體與教學資訊更是隨手可的,漸漸設計師不僅可以用低成本的預算創造高質感的作品,也可以確保在預算之內達到準確傳達產品資訊的效果。

說故事的本質使得動態視覺設計可以被運用在各種領域裡,最常見的大概是以下幾種:電視電影,廣告,形象包裝,網站,電影片頭動畫,動畫電影,電玩,動畫產業,互動作品,大型現場活動,各類現場即時演出…。從電影分鏡,鏡位設計,到電玩的故事動畫,大到活動演出的投影,小到手機APP的按鈕動畫。動態視覺設計在現在這個影像的時代,可以說是無所不在。多無所不在?話說小弟做過的案子,從漫威(Marvel)公司的品牌動畫,索尼的電玩動畫,到女生的衛生棉條廣告都有… (我還記得接案的第一天,監製就買了三盒各式各樣的衛生棉條擺在我桌上。我要一個個打開研究它們展開後的形狀跟吸水性… 誰知道原來它們都香香的,有一兩個禮拜整個辦公室都是小綿綿地味道…一直到辦公室搬家前一天,好幾個人的電話話筒上都還綁著展開的小棉條,據說是因為講電話時會很香哦… 你也可以試試看…)

93F23854-1061-0E55-B4EE-709A8621F8C4.jpg
*動態設計在電影《鋼鐵人》 裡被運用在未來科技的使用者介面 (FUI)上

如果這麼冗長又無聊的歷史課文你都唸的到這邊,那下一篇出來時一定要記得看哦…

今天就到這邊拉,我們下堂課見!

文/ henry.

Comments(0)

Leave a Comment