動效乾貨 | 動態設計的語言(二、各種現象——文明現象)

動效乾貨 | 動態設計的語言(二、各種現象——文明現象)

來自專欄動效乾貨6 人贊了文章

終於來到紛繁的「文明現象」。人類社會豐富多彩,這個類別里我大概再細分為三個領域:「人造物」「科學概念」和「文化符號」。

文明現象不像自然現象那樣固定,它們會經常會交叉、延展。最重要的是:它們的含義還會隨著文化語境的變化產生偏移。

一、語言的形成

二、各種現象

1、自然現象

2、文明現象

「人造物」

「科學概念」

「文化符號」

3、心理感知現象

三、創造新的語言

自然誕生之後,有了人類。人類創造了文明,包括社會、科技、文化等等。在人類全體的文化文本里,誕生著無數的具體對象和抽象概念。這真是「概念」的大爆炸。使用這些概念就可以達到某些隱喻。

「人造物」

  • 啟動、關閉
  • 運作、故障
  • 創造、銷毀

如:演奏某種樂器;紡織機的運作;顯示屏的故障;碎紙機銷毀紙張等等。

「科學概念」

  • 原理展示
  • 實驗表現

如:DNA雙螺旋結構,之前提到過的亂碼。

「文化符號」

  • 架空設定
  • 橋段

主要是歷史、文學、影視、遊戲里出現過的東西和概念。要求設計師很了解流行文化,影視文化、遊戲史等等。

下面儘可能羅列一些具象事物,順便用我自己認知去解讀一下它們。由於找圖的工作太大,不堪重負。閱讀下面文字時請多發揮自己的想像力,用大腦去構建所描述的畫面。其實這樣做,對領悟這個思考方法也更有利。

「人造物」

1、藝術創作工具

①各類筆觸、噴頭

看起來像水墨筆觸 https://www.openprocessing.org/sketch/215553

水墨筆觸,東方古典哲學韻味。

塗鴉噴頭,有藝術、創意的寓意。

②樂器演奏技法

常見的樂器基本是靠敲打、按壓動作來觸發。律動、起伏、進行中。

其他罕見的觸發動作(如氣流觸發、摩擦觸發)可能只有懂行的人才能看明白,但也更容易引起小眾群體的共鳴。

2、建築、生活工具

①燈管

老化燈管啟動

老化燈管啟動的閃爍表示有科技屬性。實際上合格的電子產品是不會出現這種老化表現的。但以往大量影視作品的運用使這種隱喻流傳了下來。在現在的語境里,這種現象就是暗示科技屬性(有燈光、有顯示屏),區別於不插電的事物。

老化燈管啟動效果的實際運用,開機啟動背光效果

3、交通、運輸工具

①火箭

已經有太多人使用火箭來表現加速了。因為人類還沒有發明比火箭還快的工具。當然,你偏要說曲率飛船比火箭快,也可以。但是觀者只會覺得作者是一個三體迷,他不會感知到有多快速。這就是當下語境的重要影響。

②飛機

旅遊項目很適用。

②帆船

我看帆擺運動,總有一種要乘風破浪,遠走高飛的感覺。

另外,布料大幅度擺動也有相似的感覺,因為它的運動像是旗幟飄揚。由於「旗幟」「遠航」這些文化文本的賦能,這類現象多少產生了一些獨立精神、革命精神的潛在含義。想像一下布料繩索快速、大幅度擺動,並乾脆伶俐的移出屏幕外,露出主角正面直視鏡頭。主角這一刻肯定會被賦予一點什麼屬性的。

4、生產加工處理工具

①機械手臂。很現代,很工業,自動化。

②紡織機。組合,編製,製造新事物。如果你看過西部世界,應該會對片頭裡編製人體的鏡頭有深刻的印象。

③碎紙機。銷毀事物。

……

5、文化娛樂工具

①老虎機

Kido兒童手錶價格揭曉

這個價格到底是多少,真是讓人期待。

②氣球。看到吹氣球的現象,娛樂化的氣氛會不知不覺的上升起來。

③舞美燈光……

6、專業項目器具

①體育器械。健康、肌肉、中產階級。

②指南針。方向、指引、定位。

③氣壓計……

7、特殊機關結構

①密碼鎖

文件加密應用Encrypto

加密,解密過程就還挺適合的。這個例子不僅用了密碼鎖現象,還用了拉鏈現象,加密壓縮打包的功能描述的非常到位。很有靈性的設計。

②不明所以的各種機關

https://www.behance.net/gallery/49338837/Golden-Pin-Design-Award-2016-Opening

機關結構幾乎都會有一種精密,精巧的感覺。

「科學概念」

1、生物領域

①細胞分裂

複製、生長、繁衍。速度慢會感覺對象弱小。加快分裂速度,會被理解為病毒、污染、惡化。

②雙螺旋結構

……

2、計算機領域

①亂碼

Code Rain https://www.zhihu.com/video/1022286594950123520

前文已經解釋過了。

②渲染過程

某個3D渲染器的渲染過程

由大馬賽克到小馬賽克,再到無馬賽克。從低級到高級,解析過程可以用,升級過程也可以用。(記得看過 Google 某次用過這個現象,現在實在找不著了)

③自動排序演算法

……

其他科學領域……

「文化符號」

1、架空設定

①賽博朋克

大量使用科學概念,特別是計算機領域產生的視覺現象,以及大量燈管、顯示器、電纜等等。相信你已經很熟悉,不在贅述。

②蒸汽朋克

大量機械、特殊機關結構,以及氣流、火焰、鋼體等自然現象。

可以看到,一種架空的設定可以基於某種出發點,發散出一系列現象。把它們組合起來就可以形成特殊的觀感。

例如,你還可以用水墨、紙張、布料、煙霧、隱身、時光倒流、穿透等現象來組合。如果你看過嶗山道士,就應該知道,這一波封裝大可以稱之為「嶗山朋克」哈哈。

2、橋段

①子彈時間

②蜘蛛俠穿越建築的方式

③超級瑪麗變身、死亡效果

……

……

……

這類文化文本非常非常非常多。使用它們多少會和原作產生一些聯繫,原作所屬的流行文化可以立馬賦予到作品上。

還是那句老話,例子是永遠舉不完的。

如果說自然現象更多的是製造動作和感覺,那麼文明現象主要塑造文化語境。使用這兩種現象混搭已經可以提煉出動態設計語言了,可以講一個相對完整的故事。

再重複一遍文明現象的發現思路:

「人造物」

  • 啟動、關閉
  • 運作、故障
  • 創造、銷毀

「科學概念」

  • 原理展示
  • 實驗表現

「文化符號」

  • 架空設定
  • 橋段

把動態設計創意的來源延展到你生命中所有的見聞、經歷和思考裡面吧。

下一節「心理現象」會最後羅列一些更加主觀也更加抽象的畫面,我們離創造新的語言越來越近了。


推薦閱讀:

各種走心的景觀牆設計
教你使用取色器來匹配PPT幻燈片上的顏色
軍醫科普:經蝶垂體瘤切除術 巧奪天工的手術設計
設計師必須知道的10個國外設計站點!

TAG:設計 | 動畫 | 藝術 |