創意編程在平面設計中的應用研究

吳茜

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

關鍵詞：創意編程;平面設計;應用;Processing

中圖分類號：TP393 文獻標識碼：A

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

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

1相關概念解析

1.1 Processing概述

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

1.2平面設計

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

1.3編程

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

2創意編程在平面設計中的應用意義

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

3創意編程在平面設計中的應用思路

3.1編程海報

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

3.2字體演繹

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

3.3體驗標識

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

3.4生成標志

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

3.5 視覺形象的“眾創”

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

4結語

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