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

2022-11-01 03:23:02吳金濤

河北畫報 2023年2期

吳金濤

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

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

一、Processing 簡述

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

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

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

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

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

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

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

四、設(shè)計

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

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

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

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

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

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

五、結(jié)語