創(chuàng)意編程在平面設(shè)計中的應(yīng)用研究

吳茜

摘要：在信息與數(shù)字化技術(shù)不斷發(fā)展的背景下，編程語言從初期的機器語言衍生出許多新的高級語言，每種語言的用途都有區(qū)別，特別是在計算機硬件以及互聯(lián)網(wǎng)的飛速發(fā)展下，編程語言的發(fā)展得到了顯著的提升，而Processing作為一種新型的計算機語言，以數(shù)字藝術(shù)作為大發(fā)展背景。Processing支持Java的語言構(gòu)架，其最突出的優(yōu)勢就是在語法方面要更加的簡易，對于一些視覺作品以及互動媒體的創(chuàng)作有著重要的應(yīng)用價值。本文以 Processing 作為創(chuàng)意編程的研究基礎(chǔ)，闡述創(chuàng)意編程在平面設(shè)計中的應(yīng)用思路，以期為藝術(shù)設(shè)計創(chuàng)作與研究提供有益的參考。

關(guān)鍵詞：創(chuàng)意編程;平面設(shè)計;應(yīng)用;Processing

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A

文章編碼：1672-7053（2021）04-0078-02

計算機的出現(xiàn)給人們的生活和工作方式帶來了巨大的改變。如今的設(shè)計作品創(chuàng)作，幾乎與計算機軟件和硬件的支持密不可分。圖形圖像工具軟件，矢量畫圖創(chuàng)建軟件等計算機工具的應(yīng)用，極大地發(fā)揮了設(shè)計師的想象力，同時也提升了作品的質(zhì)量和產(chǎn)生作品的速度。相比以往平面設(shè)計師常使用的Photoshop或者Illustrator，創(chuàng)意和表現(xiàn)的形式往往被企業(yè)所主導(dǎo)的制式化生產(chǎn)工具所限制，但使用Processing創(chuàng)意編程制作設(shè)計作品，能夠給觀者帶來更多的“未知”和“互動”。

1相關(guān)概念解析

1.1 Processing概述

Processing是由麻省理工媒體實驗室的本·弗萊（Ben Fry）和凱西·瑞思（Casey Reyes）共同開發(fā)的一款軟件。軟件面向藝術(shù)家、設(shè)計師進(jìn)行創(chuàng)意原型制作與語言編程，它主要用于視覺藝術(shù)與裝置藝術(shù)。其也是Java語言的擴展，并支持許多現(xiàn)有的Java語言體系結(jié)構(gòu)，但是它的語法要簡單得多，并且具備許多用戶友好的設(shè)計，與其他高級計算機編程語言相比更具專業(yè)性、高效性、易用性。在繪圖功能上，Processing畫圖與之前的繪圖軟件是不一樣的。在它的界面中，沒有“橡皮”或“鉛筆”這樣的可視化工具，只有一個可以寫代碼的對話框。所有呈現(xiàn)的效果都需要編寫代碼后點擊運行才能看到。不同于平面設(shè)計師常使用的Photoshop或者Illustrator，Processing整體界面十分簡單。當(dāng)設(shè)計師打開后窗口顯示的主要是一個可以編寫代碼的對話框、一個控制臺以及一個信息欄。所有的線條、圖形和色彩的創(chuàng)造都需要通過代碼編寫來實現(xiàn)。

1.2平面設(shè)計

平面設(shè)計，也被稱為視覺傳達(dá)設(shè)計，是以“視覺”作為溝通和表現(xiàn)的方式，使用多種方法來創(chuàng)建和組合符號、圖片、文字，以創(chuàng)建傳達(dá)思想或信息的視覺表達(dá)。平面設(shè)計師利用字體排印、視覺藝術(shù)、電腦軟件等方面的專業(yè)技巧，來達(dá)成創(chuàng)作的目的。平面設(shè)計應(yīng)用于標(biāo)識（商標(biāo)和品牌）、出版物（雜志、報紙和書籍）、平面廣告、海報、網(wǎng)站圖形元素、插畫等。

1.3編程

編程是讓計算機代碼解決某個問題，對某個計算體系規(guī)定一定的運算方式，使計算體系按照該計算方式運行，并最終得到相應(yīng)結(jié)果的過程。近年來，平面設(shè)計師們漸漸不再滿足于設(shè)計作品的平面靜態(tài)表達(dá)，越來越多的互動設(shè)計作品在計算機技術(shù)的幫助下得到了實現(xiàn)。這些作品可以讓觀者參與到作品的呈現(xiàn)中去，更特別的是觀者不同，作品也會呈現(xiàn)出更多的變化形式，從而讓觀者感受設(shè)計師的思想表達(dá)。但實現(xiàn)這些復(fù)雜的作品，不僅需要設(shè)計師的創(chuàng)意，還需要工程師的支撐才能完成。由于設(shè)計與工程屬于不同學(xué)科，很多編程軟件知識和技能對于設(shè)計師來說相對較難，但Processing編程工具出現(xiàn)后，設(shè)計師們不需要高級的編程技能也可以獨立創(chuàng)建出令人驚嘆的視覺表達(dá)和交互式媒體作品。

2創(chuàng)意編程在平面設(shè)計中的應(yīng)用意義

隨著大數(shù)據(jù)、人工智能、物聯(lián)網(wǎng)等科技漸漸融入生活的各個方面，以計算機思維方式思考問題將會是未來設(shè)計必須面對的挑戰(zhàn)。創(chuàng)意編程的發(fā)展緊隨著計算機技術(shù)的發(fā)展，也影響了設(shè)計師運用編程代碼創(chuàng)作的過程。通常設(shè)計師使用商業(yè)軟件來進(jìn)行創(chuàng)作，導(dǎo)致創(chuàng)意和表現(xiàn)的形式往往被企業(yè)所主導(dǎo)的制式化生產(chǎn)工具所限制。但是如果我們擁有撰寫編碼的能力，設(shè)計師們就可以為了實現(xiàn)自己的創(chuàng)意來編寫特定的程序。這樣不但作品的內(nèi)容是新的，其手段、形式及創(chuàng)作過程也是全新的。此外，編程與平面設(shè)計結(jié)合也能展示設(shè)計師跨界后的多元創(chuàng)作能力。

3創(chuàng)意編程在平面設(shè)計中的應(yīng)用思路

3.1編程海報

印刷式的海報作為公共空間中視覺傳達(dá)的主要媒介，悄然的發(fā)生了根本性的改變。海報不再只是帶有字體、色彩和圖像的形式，更是一種具有聲音、動畫、數(shù)據(jù)和媒介的交互式應(yīng)用程序。它涉及所有的感觀和規(guī)則，并結(jié)合平面設(shè)計與前沿技術(shù)。德國萊茵瓦大學(xué)教授Tim Rodenbr?ker 設(shè)計了一門名為《編程海報》的課程，在這個課程中他運用Processing開發(fā)了40多個生成式設(shè)計系統(tǒng)來展示算法圖形設(shè)計的視覺可能性。為了確保研究的效果和專業(yè)，限制學(xué)生使用兩種顏色和一種限定字體的代碼，學(xué)生可更改部分代碼來制作不同形式的海報。

3.2字體演繹

平面設(shè)計中的字體設(shè)計是將文字按照視覺設(shè)計規(guī)律加以設(shè)計的方法，文字的適合性、可識性、視覺美感以及個性均需要考慮。創(chuàng)意方法主要由塑造筆形、變換結(jié)構(gòu)、重組筆形、變換筆形、結(jié)構(gòu)中的形象疊加、變化黑白區(qū)關(guān)系、打破字體的外在形態(tài)、結(jié)構(gòu)的再設(shè)計這八個方面決定的。2016年9月，Adobe、谷歌、蘋果及微軟等公司更新了的新規(guī)范，也被稱作為可變字體技術(shù)，形式上字體可根據(jù)位置、高度、寬度和樣式等條件進(jìn)行變化，增加了更多創(chuàng)意的可能性。在《On the Road to Variable》這本書當(dāng)中，展示了122個作品如何通過編程將經(jīng)典字體重新靈活演繹。著名的工作室Studio Feixen制作了為期三天的倫敦Oto Nove Swiss音樂節(jié)的活動主視覺。設(shè)計師認(rèn)為在倫敦的街道上做廣告毫無意義，因此運用Processing設(shè)計一個交互式字體，將音樂節(jié)信息的英文字與圖形元素相結(jié)合，通過編程設(shè)計一個可移動的點，移動點到英文字或圖形時會產(chǎn)生不同的樂器聲音，隨之連續(xù)移動即可自由創(chuàng)作一段簡單的音樂節(jié)奏。在點移動的同時英文字體也會隨音樂發(fā)生有意思的變形，從而實現(xiàn)視聽交互式的玩樂。

3.3體驗標(biāo)識

以往的品牌活動標(biāo)識設(shè)計，基本是趨于靜態(tài)平面，標(biāo)識的圖案、色彩、文字就是所有能展示的信息。運用Processing，可設(shè)計三維形式的活動標(biāo)識，通過動態(tài)、可交互的方式讓觀者體驗品牌的活力，傳達(dá)品牌的內(nèi)涵。著名DIA 工作室為某品牌的發(fā)布，運用Processing創(chuàng)建了一款特別的活動標(biāo)識系統(tǒng)，這個設(shè)計主要專注于籃球運動，使用品牌廣告語并重復(fù)字體排印，加入了功能靈活的接觸點，使觀者更好地體驗品牌活動，強化了品牌的產(chǎn)品信息。同時DIA工作室還利用球場和屏幕的設(shè)置，創(chuàng)造了一系列基于籃球運動的高能動畫。

3.4生成標(biāo)志

軟件制作技術(shù)更新迭代，標(biāo)志也實現(xiàn)了從簡單有機形、幾何形到復(fù)雜隨機形的演變。由于復(fù)雜程度的提高，一個標(biāo)志設(shè)計可以擁有一系列類似形。形態(tài)與色彩不同，而特征依然明顯，識別性依然很強。Processing則是可以實現(xiàn)復(fù)雜隨機形的一種方式，設(shè)計師運用算法公示編寫程序代碼，再通過計算機根據(jù)算法公示隨機“創(chuàng)作”出作品，算法在每一次的運算生成結(jié)果中會存在差異。倫敦 okdeluxe工作室為哥本哈根氣候大會創(chuàng)作了標(biāo)志，工作室擅長運用 Processing創(chuàng)作生成標(biāo)志設(shè)計，生成的靜態(tài)圖形可運用于印刷媒介，動態(tài)部分用于在數(shù)字媒介上播放。這種風(fēng)格的標(biāo)志充滿了動感和隨機感，也形成了獨特的數(shù)字視覺美感。

3.5 視覺形象的“眾創(chuàng)”

傳統(tǒng)視覺形象設(shè)計是將企業(yè)理念與價值觀通過靜態(tài)的具體化的視覺傳播形式，有組織、有計劃地傳遞給大眾，給企業(yè)樹立統(tǒng)一性的識別形象。Processing創(chuàng)意編程則不同，德國萊茵瓦大學(xué)教授Tim Rodenbr?ker 受 TwoPoints.Net的委托，運用Processing開發(fā)了一個基于網(wǎng)頁的設(shè)計軟件，用于在巴塞羅那當(dāng)代文化中心的展覽“ La Luz Negra”的視覺形象。游客可以使用這個軟件去創(chuàng)作花的圖案，整體設(shè)計都是基于視覺形象的設(shè)計規(guī)則。用于展覽推廣方面，游客可以把自己的創(chuàng)作發(fā)布到社交媒體上以此來獲得不同反饋。后來，他又制作了一個簡短的動畫視頻，展示了視覺系統(tǒng)的全部功能，也被用作展覽的官方視頻預(yù)告片。

4結(jié)語

代碼作為編程技術(shù)的基礎(chǔ)語言，研究如何編寫程序、創(chuàng)建聲音或圖像的界面來實現(xiàn)代碼與觀者之間的交流互動已成為設(shè)計藝術(shù)界的新課題。雖然我國的交互圖形編程技術(shù)研究起步較晚，但結(jié)合這個技術(shù)的多媒體應(yīng)用領(lǐng)域還是很廣的。一些新興的產(chǎn)業(yè)，例如智能家居、物聯(lián)網(wǎng)應(yīng)用等也正在加大對交互式體驗的研究和投入。如今，在Processing官方網(wǎng)站上集合了一群志同道合的專業(yè)人士，為交流和更新奠定了基礎(chǔ)。新一代的設(shè)計師不應(yīng)只停留在商業(yè)軟件應(yīng)用的層次，應(yīng)該嘗試和掌握編程代碼技術(shù)進(jìn)行創(chuàng)作，并積極參與國際性藝術(shù)展覽和競賽。在創(chuàng)意產(chǎn)業(yè)迅速發(fā)展的中國，我們有理由相信更多的人會運用代碼工具去創(chuàng)新、發(fā)展藝術(shù)與設(shè)計，并將民族自身文化與思想注入到作品中，對此我們拭目以待。如果在不久的將來可以加速Processing語言等其他交互性計算機語言的應(yīng)用研究，相信一定能進(jìn)一步提升中國在數(shù)字媒介和交互編程設(shè)計領(lǐng)域的國際競爭力，從而創(chuàng)造更多的商業(yè)和社會價值。