基于Processing 課程
——論動(dòng)態(tài)海報(bào)設(shè)計(jì)的應(yīng)用研究

吳金濤

（天津師范大學(xué)）

在新媒體語(yǔ)境下，視覺藝術(shù)傳授信息的方式在視覺形式、視覺媒介等方面有新的發(fā)展。眾所周知，在電腦制圖未出現(xiàn)之前多以印刷的形式完成，再到后來(lái)石板、木版印刷的出現(xiàn)給海報(bào)的制作帶來(lái)新的發(fā)展契機(jī)，人們可以相對(duì)容易地制作出批量而且價(jià)優(yōu)色彩絢麗的作品。并且使海報(bào)成為商業(yè)推廣的主要手段，這一時(shí)期涌現(xiàn)出一大批杰出的平面設(shè)計(jì)師，比如謝列特（石版印刷）、格拉塞、穆卡等，他們的海報(bào)制作都以手工制版，并且色彩鮮艷主題鮮明。這一時(shí)期的海報(bào)呈現(xiàn)極強(qiáng)的裝飾性和畫面的趣味性，在信息傳達(dá)的同時(shí)兼具視覺美感，這對(duì)現(xiàn)代主義海報(bào)的風(fēng)格和色彩具有很深的影響。商業(yè)的發(fā)展和工業(yè)的進(jìn)步使二十世紀(jì)的海報(bào)地位得以凸顯，特別是在進(jìn)入八十年代后信息技術(shù)的進(jìn)步和軟件操作系統(tǒng)的革新又使設(shè)計(jì)師的創(chuàng)作思路有了新的實(shí)現(xiàn)手段，圖像、文字、色彩有機(jī)地結(jié)合，展示出新的時(shí)代痕跡。直到今天這樣的運(yùn)動(dòng)還在蓬勃的發(fā)展，VR、AR、MR等多維度、多感官的視覺呈現(xiàn)方式不斷地豐富著傳統(tǒng)的平面形式，正是在這樣的大背景下，以Processing和海報(bào)設(shè)計(jì)的規(guī)律作為設(shè)計(jì)實(shí)驗(yàn)的研究基礎(chǔ)，闡述平面設(shè)計(jì)和數(shù)字語(yǔ)言的應(yīng)用思路，以期為平面創(chuàng)作與探索從概念、組織結(jié)構(gòu)和設(shè)計(jì)上更有效、自信地處理和解決視覺問(wèn)題。

一、Processing 簡(jiǎn)述

Processing是由麻省理工媒體實(shí)驗(yàn)室的本·弗萊和凱西·瑞思共同開發(fā)的一款軟件。在信息藝術(shù)和視覺設(shè)計(jì)領(lǐng)域，被用來(lái)作為基礎(chǔ)電子藝術(shù)操作編程，并應(yīng)用到新媒體創(chuàng)作和交互藝術(shù)中?，F(xiàn)如今Processing已經(jīng)是交互設(shè)計(jì)師必備的一個(gè)操作軟件，在操作使用方面，Processing制圖與其他的軟件在方式手法上是異同的。在它的操作面板內(nèi)，沒有其他操作軟件菜單欄中這樣的可視化工具，只有一個(gè)輸入信息編碼的對(duì)話框。最終的視覺效果和交互展示都要在代碼信息輸入之后，點(diǎn)擊運(yùn)行才能看到。

二、國(guó)內(nèi)外研究現(xiàn)狀

動(dòng)態(tài)海報(bào)是在靜態(tài)海報(bào)的基礎(chǔ)上增加時(shí)間軸的概念，將靜態(tài)海報(bào)的構(gòu)圖、色彩搭配與動(dòng)態(tài)圖形結(jié)合，通過(guò)位移、速變、色變等形式，強(qiáng)化作品空間的表達(dá)。動(dòng)態(tài)化設(shè)計(jì)概念在二十世紀(jì)就被提出，動(dòng)態(tài)海報(bào)因其多元的表現(xiàn)形式和多感官的交互體驗(yàn)逐漸被大眾認(rèn)可。美國(guó)的克拉斯納所著的《動(dòng)態(tài)圖形設(shè)計(jì)的應(yīng)用與藝術(shù)》，讀者可以較為全面地了解動(dòng)態(tài)圖形的發(fā)展歷史，明晰動(dòng)態(tài)圖形在新領(lǐng)域的應(yīng)用，比如：交互媒體、電影電視、公共空間等。伊恩·克魯克與彼得·比爾所著的《動(dòng)態(tài)圖形設(shè)計(jì)基礎(chǔ)》，從時(shí)間和空間、圖像、運(yùn)動(dòng)和多感官等幾個(gè)方面，由淺入深地對(duì)動(dòng)態(tài)圖形的設(shè)計(jì)原理和圖形的合成與錄制進(jìn)行了歸納和總結(jié)。同時(shí)，運(yùn)用實(shí)例對(duì)其進(jìn)一步的分析講解，配有實(shí)操練習(xí)。包括動(dòng)態(tài)圖形和靜態(tài)圖形設(shè)計(jì)的時(shí)間空間特點(diǎn)。李琦的《新媒體時(shí)代下視覺傳達(dá)設(shè)計(jì)的創(chuàng)新與發(fā)展》提出在信息技術(shù)發(fā)展背景下，視覺設(shè)計(jì)擁抱數(shù)字媒體發(fā)展的趨勢(shì)，分析新媒體語(yǔ)境下，視覺設(shè)計(jì)在跨媒體、交互和個(gè)性化傳播方面的變革，以及多維度、多感官、動(dòng)態(tài)化的特征。最后，展望了“以人為本”設(shè)計(jì)理念的發(fā)展趨勢(shì)。另外，動(dòng)態(tài)海報(bào)能夠較為快速、高效的傳遞內(nèi)容信息；增加敘事的完整程度；融入音頻元素使觀感更加立體、多元。

三、創(chuàng)意構(gòu)思

作品“VAGUE”（模糊）（見圖1）的創(chuàng)作思路基于蒙德里安作品通過(guò)抽象進(jìn)而表現(xiàn)純粹、理性之美。以幾何圖形為繪畫的基本元素，用線條分割明亮的色塊形成強(qiáng)烈的視覺沖擊力和明朗的視覺感受。在信息傳播載體逐漸多元化的當(dāng)下，依靠多媒體在傳播速度和范圍等方面有較大的優(yōu)勢(shì)，海報(bào)的形式也出現(xiàn)了很大的變化。2020年全國(guó)很多高校的畢業(yè)展都采用線上的形式進(jìn)行，比如廣州美術(shù)學(xué)院的動(dòng)態(tài)海報(bào)（田博設(shè)計(jì)），GAFA四個(gè)英文從不同的角度去看呈現(xiàn)不一樣的視覺效果，簡(jiǎn)單的同時(shí)又能體現(xiàn)交互的體驗(yàn)感?！禣n the Road to Variable》這本書介紹了如何通過(guò)編程將經(jīng)典字體重新靈活演繹。瑞士菲克森設(shè)計(jì)工作室，向世界輸出他們大膽的設(shè)計(jì)理念。菲克森做過(guò)許多開創(chuàng)性的設(shè)計(jì)，比如Oto Nove Swiss音樂(lè)節(jié)的活動(dòng)主視覺，為了使設(shè)計(jì)增強(qiáng)觀眾的參與感，為此設(shè)計(jì)了一款互動(dòng)海報(bào)，會(huì)隨著觀眾手指的移動(dòng)而移動(dòng)，同時(shí)根據(jù)軌跡演奏出相應(yīng)的音樂(lè)。諸如此類的研究方興未艾，正是由于這種敘事的完整性和互動(dòng)性，在增加信息承載量的同時(shí)，豐富了觀眾的情感體驗(yàn)。

海報(bào)作為信息傳達(dá)的載體，突出海報(bào)的主題是海報(bào)設(shè)計(jì)的主要目的，而色彩是為了這一目的進(jìn)行的設(shè)計(jì)活動(dòng)。蒙德里安作品顏色有很強(qiáng)的視覺沖擊力，而作品名稱“VAGUE”（見圖1）會(huì)給觀者一種疑惑，正是通過(guò)這種疑惑引起一種思考，那就是我們對(duì)待自然的態(tài)度。自然環(huán)境正是由于不合理的開發(fā)利用，遭受不可逆的環(huán)境惡化，包括大氣污染、水資源消耗、自然資源消耗等。但是在工作生活中并沒有引起重視，甚至以事不關(guān)己的態(tài)度去對(duì)待。受蒙德里安作品啟發(fā)，作品“VAGUE”中包括由圓形拼貼成的天空，幾何形的水滴，和半圓表示的大地，海報(bào)中的眼睛左顧右盼。不同的觀眾能夠從轉(zhuǎn)動(dòng)的眼睛中接收不同的觀感，這只眼睛中有錯(cuò)愕、驚訝、狡猾、堅(jiān)定、期待等。作品在信息傳達(dá)中結(jié)合Processing編碼，引起觀者的興趣，進(jìn)而聯(lián)想和思考，最后達(dá)到信息傳達(dá)的目的。

“VAGUE”（圖1）中的眼睛代表運(yùn)動(dòng)、審視和思考，眼睛前面的山谷是通過(guò)Processing函數(shù)編輯出來(lái)的，我們社會(huì)中的每一個(gè)成員貌似都清楚環(huán)境保護(hù)的重要性，但是都會(huì)被眼前的利益所蒙蔽?！癡AGUE”（圖1）中運(yùn)動(dòng)的小球目的是吸引觀者，增強(qiáng)畫面的互動(dòng)性，小球運(yùn)動(dòng)速度的節(jié)奏通過(guò)編輯代碼的變量來(lái)控制。每個(gè)小球的運(yùn)動(dòng)速度也是不同的，這樣能夠使畫面有一個(gè)節(jié)奏感，增加畫面的張力。圖中也有閃動(dòng)的圖形和變化的色彩，目的是向觀者傳達(dá)一種緊張感。讓觀者更有興趣了解畫面內(nèi)容，感受作品中圖形、色彩、運(yùn)動(dòng)傳遞的藝術(shù)情感。色彩的變化和圖形動(dòng)感的動(dòng)態(tài)的變化，會(huì)給觀者思考和警示，表達(dá)我們的環(huán)境問(wèn)題已經(jīng)到了一種非常危險(xiǎn)的程度。在圓球的運(yùn)動(dòng)函數(shù)和半圓的閃爍函數(shù)之間增加了一個(gè)顏色漸變的函數(shù)，顏色的取值在灰度較高的紅紫色和藍(lán)紫色之間，表示已經(jīng)被污染的環(huán)境。由于海報(bào)載體的轉(zhuǎn)變，其時(shí)效性得到了前所未有的拓展，海報(bào)中的日期也是隨著我們的日歷每天都在發(fā)生著變化。

四、設(shè)計(jì)

在作品設(shè)計(jì)之前對(duì)荷蘭風(fēng)格派在知網(wǎng)、萬(wàn)方等平臺(tái)進(jìn)行檢索，發(fā)現(xiàn)近年來(lái)的關(guān)注度指數(shù)持續(xù)上升，并且對(duì)于現(xiàn)代設(shè)計(jì)的影響是持續(xù)且深遠(yuǎn)的。作品的色彩和圖形的選取借鑒了蒙德里安的紅黃藍(lán)。荷蘭的風(fēng)格派是現(xiàn)代藝術(shù)運(yùn)動(dòng)的重要流派之一，風(fēng)格派的作品強(qiáng)調(diào)精確的比例，這與現(xiàn)代設(shè)計(jì)中強(qiáng)調(diào)純粹之美、理性之美存在共同之處。同時(shí)作品中會(huì)涉及縱橫的幾何結(jié)構(gòu)，基本元色和中性色的選取更是標(biāo)志性的符號(hào)。風(fēng)格派并不局限于繪畫，對(duì)當(dāng)時(shí)的建筑、家具、繪畫、裝飾藝術(shù)及印刷均產(chǎn)生了一定的影響。另外，提到蒙德里安我們就會(huì)想到那些規(guī)格不同的矩形方格，所以作品便運(yùn)用純度較高的紅黃藍(lán)綠等原色來(lái)刻畫天空、水和大地，也更是想讓大眾更加的關(guān)注自然，發(fā)現(xiàn)自然美的同時(shí)來(lái)保護(hù)自然。提高我們?nèi)伺c自然和諧共處的意識(shí)。在前期的制作過(guò)程中我參考并查閱了大量的蒙德里安的作品和康定斯基的構(gòu)成理論，歸納三原色與中性色之間的平衡和秩序感。手繪了大量的草圖，包括每一塊圖形的形狀，它是否符合我們對(duì)于天空和大地的認(rèn)知，以及顏色的選取在視覺方面是否符合大眾的審美。進(jìn)而在作品中體現(xiàn)隱喻性、簡(jiǎn)單化、理性化。

在此次的設(shè)計(jì)中，我參考了Processing中的一些代碼，比如時(shí)間變化的函數(shù)和畫面中山谷圖形的cos函數(shù)。這些程序編碼的加入對(duì)于增強(qiáng)畫面的視覺感受和我對(duì)軟件的使用有了更深的理解。在后期的修改過(guò)程中，我放棄了一部分紅黃藍(lán)的配色，融入了蒂芙尼的配色。因?yàn)檫@樣能夠使畫面更有層次的變化，不會(huì)使色調(diào)看起來(lái)那么的生硬，加入了蒂芙尼色使畫面更加的安靜、深邃、耐人尋味。

這里面存在疏密、大小、緊張和舒緩的變化，因?yàn)樵诔醺瀹?dāng)中作品的左下角時(shí)間的色塊和半圓的顏色變化速度太快，會(huì)給人一種緊張感。因?yàn)樽髌返纳{(diào)也是藍(lán)色色調(diào)，這樣畫面也能夠更加的統(tǒng)一看起來(lái)更加地協(xié)調(diào)。解決了面的變化速度之后我開始解決小球的運(yùn)動(dòng)速度，因?yàn)橐婚_始小球的運(yùn)動(dòng)速度都是一致的，這樣會(huì)讓整個(gè)畫面看起來(lái)比較呆板缺少靈動(dòng)性。我通過(guò)一遍遍的嘗試發(fā)現(xiàn)，如果調(diào)整代碼的條件參數(shù)就能夠使畫面在運(yùn)動(dòng)到既定的距離點(diǎn)時(shí)，運(yùn)動(dòng)的速度會(huì)發(fā)生一個(gè)變化，這樣立刻就使畫面有了不一樣的頻率。數(shù)字和圖形色彩藝術(shù)性的結(jié)合，使畫面語(yǔ)言簡(jiǎn)單明了，在傳播的過(guò)程中使信息不分時(shí)間、地點(diǎn)的滿足觀眾的需求。

在作品的制作過(guò)程中，除了要滿足平面海報(bào)中對(duì)圖形和色彩的要求，還要考慮和動(dòng)態(tài)圖形的銜接。使海報(bào)中的時(shí)間線融合圖形、色彩和聲音元素。其中包括作品中山谷形象的制作，作品中的山谷形象是由一條條的線條組成的，這個(gè)線條是有函數(shù)的，但是每一個(gè)函數(shù)在什么位置都要去計(jì)算這樣才能把它放置在合適的位置。這樣的結(jié)合能夠使作品敘事性在信息傳遞性方面充滿趣味，能夠更準(zhǔn)確地表達(dá)主題，更精準(zhǔn)地傳遞信息。

在前期的作品創(chuàng)作當(dāng)中我進(jìn)入了一個(gè)誤區(qū)，一直追求動(dòng)態(tài)的效果或者互動(dòng)感，但卻忽略了平面設(shè)計(jì)的點(diǎn)線面的結(jié)合，作品中缺少層次和美感。同時(shí)，顏色的搭配顯得特別生硬，因?yàn)楫嬅嬷信牟糠终紦?jù)絕大多數(shù)的面積。暖光的波長(zhǎng)最長(zhǎng)，需要更多的能量，對(duì)觀者的視覺刺激最大，冷色波長(zhǎng)相對(duì)較短，可以緩解人體代謝的速率，進(jìn)而有鎮(zhèn)靜的效果，色彩是視覺中最容易被感知的部分。在給人們強(qiáng)烈刺激的同時(shí)帶動(dòng)情感的反應(yīng)，而畫面中以大的面為主要的構(gòu)成元素，缺少點(diǎn)的結(jié)合，使整幅作品缺少層次。

信息技術(shù)的不斷更新迭代推動(dòng)著視覺藝術(shù)新的嘗試，讓海報(bào)的創(chuàng)作不僅只在二維空間，這樣的發(fā)展也在激發(fā)著設(shè)計(jì)者新的創(chuàng)作可能。各種趣味性的海報(bào)正源源不斷地被創(chuàng)作出來(lái)，能更加被當(dāng)下的審美所接受，符合大眾的精神和文化的需求。視覺的動(dòng)效能快速地被觀眾識(shí)別、讀取，但這也為設(shè)計(jì)者提出了更高的要求，如何在高效地傳達(dá)信息的同時(shí)平衡視覺上的審美需求。這是設(shè)計(jì)師在設(shè)計(jì)過(guò)程中應(yīng)該思考的問(wèn)題。

五、結(jié)語(yǔ)

美國(guó)的沃倫·本尼斯曾說(shuō)：“無(wú)論如何夸大、擴(kuò)張，也無(wú)法如實(shí)描述變化的規(guī)模和速度……只有夸大其詞反倒接近于真實(shí)。”正是通過(guò)這樣的設(shè)計(jì)實(shí)驗(yàn)讓我對(duì)視覺設(shè)計(jì)有了較深刻理解，對(duì)傳播媒介和觀眾接受信息的途徑有新的認(rèn)識(shí)，同時(shí)也增加了一種新的創(chuàng)作思路。我也明白了什么樣的視覺設(shè)計(jì)也離不開平構(gòu)和色構(gòu)的基本思路。但是如果結(jié)合Processing等這類新的創(chuàng)作方式會(huì)讓作品更有趣味和互動(dòng)性。在創(chuàng)意產(chǎn)業(yè)迅速發(fā)展的今天，我們有理由相信更多的人會(huì)運(yùn)用代碼工具去創(chuàng)新、發(fā)展藝術(shù)與設(shè)計(jì)，并可以把民族自身的文化與思想注入到作品當(dāng)中，從而創(chuàng)造更多的商業(yè)和社會(huì)價(jià)值，為文化交流和技術(shù)更新奠定更為堅(jiān)實(shí)的基礎(chǔ)。對(duì)此，設(shè)計(jì)者要不斷地嘗試，完善動(dòng)效設(shè)計(jì)的協(xié)調(diào)，引起觀眾廣泛的共鳴。