潘曄妞

生成藝術(shù)簡(jiǎn)史及其在字體及標(biāo)識(shí)設(shè)計(jì)方面之應(yīng)用

潘曄妞

21世紀(jì)是數(shù)碼科技的時(shí)代。毫不夸張地說(shuō)，電腦及數(shù)碼科技的發(fā)展正昭示著平面設(shè)計(jì)領(lǐng)域新的革命。其中最為顯著、確鑿的變革，是一種可稱為“元設(shè)計(jì)”的、橫跨藝術(shù)、設(shè)計(jì)、及電腦運(yùn)算等領(lǐng)域的新的設(shè)計(jì)實(shí)踐的出現(xiàn)。這類新的設(shè)計(jì)實(shí)踐并非對(duì)傳統(tǒng)設(shè)計(jì)手段的取締，而應(yīng)被視作對(duì)設(shè)計(jì)。

生成藝術(shù)；字體設(shè)計(jì)；標(biāo)志設(shè)計(jì)

一、設(shè)計(jì)／生成系統(tǒng)背景

在今天，愈發(fā)智能的圖形軟件和算法已能自動(dòng)并嫻熟地輔助設(shè)計(jì)師完成許多設(shè)計(jì)過(guò)程中簡(jiǎn)單、瑣碎的步驟，而設(shè)計(jì)師則逐漸習(xí)得另一種展示自身設(shè)計(jì)才華的方式——即從更高、更抽象的宏觀視角出發(fā)去制定設(shè)計(jì)規(guī)則和美學(xué)，通過(guò)編寫(xiě)代碼及腳本來(lái)配置、引導(dǎo)軟件的自主設(shè)計(jì)，并以一種美學(xué)裁判的姿態(tài)對(duì)軟件生產(chǎn)的設(shè)計(jì)結(jié)果進(jìn)行篩選和迭代，從而實(shí)現(xiàn)設(shè)計(jì)意圖。工具及理念的革新，特別是網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的進(jìn)步，亦造就了新的美學(xué)觀念及審美趣味。當(dāng)今絕大多數(shù)平面設(shè)計(jì)師所接受的、扎根于傳統(tǒng)美術(shù)如繪畫(huà)、雕塑、及建筑的課程及訓(xùn)練模式，已無(wú)法應(yīng)對(duì)數(shù)碼時(shí)代新的美學(xué)理念和審美需求。那些從核心上模擬“前數(shù)碼時(shí)代”設(shè)計(jì)范式的軟件如Photoshop和Illustrator及工具如手繪板等，與數(shù)碼時(shí)代真正的奠基工具—代碼及根植于代碼式思維的人機(jī)界面，形成了強(qiáng)烈對(duì)比。僅以靜態(tài)-動(dòng)態(tài)這一組范疇而論，傳統(tǒng)平面設(shè)計(jì)遵循從靜態(tài)出發(fā)的原則，視桌面排版為首要設(shè)計(jì)對(duì)象，卻忽視了當(dāng)下網(wǎng)頁(yè)設(shè)計(jì)的主流乃動(dòng)態(tài)內(nèi)容這一普遍現(xiàn)實(shí)。當(dāng)遇到設(shè)計(jì)純動(dòng)態(tài)內(nèi)容的挑戰(zhàn)時(shí)，囿于傳統(tǒng)的平面設(shè)計(jì)師充其量只能設(shè)計(jì)靜態(tài)的原型，再交由軟件工程師將靜態(tài)圖形轉(zhuǎn)化為動(dòng)態(tài)。這種做法存在著不少弊端，增加了設(shè)計(jì)的不連貫性及設(shè)計(jì)師與工程師溝通、協(xié)調(diào)上的難度不說(shuō)，而且使得設(shè)計(jì)師必須大費(fèi)周折方能實(shí)現(xiàn)原本的設(shè)計(jì)構(gòu)想。當(dāng)設(shè)計(jì)對(duì)象轉(zhuǎn)移至方興未艾的交互設(shè)計(jì)時(shí)，其視覺(jué)元素全由動(dòng)態(tài)構(gòu)成，所蘊(yùn)含的設(shè)計(jì)原則更是與不少保守的主流平面設(shè)計(jì)的設(shè)計(jì)理念大相徑庭。

數(shù)碼時(shí)代的蓬勃發(fā)展必然催生出更加先進(jìn)的設(shè)計(jì)理念。與傳統(tǒng)平面設(shè)計(jì)手法形成鮮明對(duì)比的，是可稱為“元設(shè)計(jì)”的二十一世紀(jì)的新型設(shè)計(jì)方式。“元設(shè)計(jì)”這一標(biāo)簽，既從宏觀的角度了點(diǎn)出了這是通過(guò)對(duì)設(shè)計(jì)理論、設(shè)計(jì)對(duì)象和設(shè)計(jì)美學(xué)的后設(shè)觀照、反思和延伸而獲得的一種更高層次的設(shè)計(jì)實(shí)踐，又明確指涉了在這一設(shè)計(jì)實(shí)踐中，設(shè)計(jì)對(duì)象從原本的設(shè)計(jì)產(chǎn)品向設(shè)計(jì)系統(tǒng)的轉(zhuǎn)移。在傳統(tǒng)的設(shè)計(jì)實(shí)踐中，設(shè)計(jì)師是設(shè)計(jì)產(chǎn)品的直接生產(chǎn)者，設(shè)計(jì)產(chǎn)品是設(shè)計(jì)師設(shè)計(jì)過(guò)程的直接產(chǎn)物。不管是標(biāo)識(shí)、網(wǎng)頁(yè)、還是字體，一切的設(shè)計(jì)產(chǎn)品一旦離開(kāi)了設(shè)計(jì)師和設(shè)計(jì)師的主觀意志便無(wú)法誕生。而“元設(shè)計(jì)”的直接產(chǎn)物并非設(shè)計(jì)產(chǎn)品本身，而是一種獨(dú)特的“算法設(shè)計(jì)系統(tǒng)”（又名“算法生成系統(tǒng)”，以下簡(jiǎn)稱“設(shè)計(jì)系統(tǒng)”或“生成系統(tǒng)”），多以電腦程式為其表現(xiàn)形式。此類算法設(shè)計(jì)系統(tǒng)將遵循設(shè)計(jì)師厘定的設(shè)計(jì)規(guī)則——不管是抽象的、以自然語(yǔ)言描述的算法，還是具體的、執(zhí)行底層的圖形運(yùn)算和幾何生成的代碼——“自動(dòng)”地生產(chǎn)出符合設(shè)計(jì)師設(shè)計(jì)意圖和美學(xué)標(biāo)準(zhǔn)的圖形。換言之，設(shè)計(jì)師并不參與繪制這些圖形，只需設(shè)計(jì)出有能力自行繪制圖形的電腦程式。繪制出的圖形或是完全靜止的，或是在二維或三維空間中持續(xù)不斷變化著的連續(xù)實(shí)體。通過(guò)對(duì)算法中各項(xiàng)參數(shù)的調(diào)整，從設(shè)計(jì)系統(tǒng)中誕生的設(shè)計(jì)多樣性是無(wú)窮的。作為最終設(shè)計(jì)產(chǎn)品的圖形可看作是對(duì)這無(wú)限變化著的連續(xù)實(shí)體的“采樣”。某一個(gè)設(shè)計(jì)系統(tǒng)可在不同的設(shè)計(jì)背景下被反覆應(yīng)用，創(chuàng)造出微觀上繽紛迥異卻又從宏觀上一脈相承的設(shè)計(jì)產(chǎn)品。在文章的第二部分，我們將簡(jiǎn)單介紹設(shè)計(jì)生成系統(tǒng)的主流程式語(yǔ)言和軟件平臺(tái)。

二、設(shè)計(jì)／生成系統(tǒng)將成為新時(shí)代的重要設(shè)計(jì)手段

設(shè)計(jì)系統(tǒng)并非一夜之間萌生的數(shù)碼設(shè)計(jì)新范式，實(shí)在是在電腦開(kāi)源軟件風(fēng)行、圖形處理器運(yùn)算能力日趨強(qiáng)大、代碼技術(shù)及思維高度普及、數(shù)碼屏幕及電腦屏幕審美趨向數(shù)碼化／算法化的背景下，由時(shí)代催生的漸進(jìn)產(chǎn)物。設(shè)計(jì)系統(tǒng)已成為許多年經(jīng)設(shè)計(jì)師熟練實(shí)用和信賴的設(shè)計(jì)范式，象征著平面設(shè)計(jì)的最前沿。其原因可概括為如下幾點(diǎn)：

1.設(shè)計(jì)產(chǎn)品正趨向動(dòng)態(tài)化，而這恰恰是基于靜態(tài)原型的設(shè)計(jì)范式難以企及的。就設(shè)計(jì)一個(gè)動(dòng)態(tài)系統(tǒng)的原型而論，使用代碼方為最自然、最合理的起草方式。即便最簡(jiǎn)單基礎(chǔ)的數(shù)據(jù)可視化項(xiàng)目也時(shí)常意味著設(shè)計(jì)師需要耗費(fèi)數(shù)小時(shí)的時(shí)間編寫(xiě)相應(yīng)的電腦程式（最常用的有C++，Python或JavaScript等程式語(yǔ)言），以實(shí)現(xiàn)從抽象的數(shù)據(jù)到直觀的視覺(jué)產(chǎn)品的轉(zhuǎn)換。當(dāng)設(shè)計(jì)所欲表現(xiàn)的內(nèi)容為抽象的數(shù)據(jù)時(shí)，Photoshop一類的軟件在原型設(shè)計(jì)階段毫無(wú)用武之地。若探究“設(shè)計(jì)”一詞的真正內(nèi)涵，則不難看到，此類軟件置設(shè)計(jì)美化于設(shè)計(jì)脈絡(luò)之先，皆或多或少違背了設(shè)計(jì)這一美學(xué)實(shí)踐的初衷，掩蓋了表現(xiàn)內(nèi)容的本質(zhì)。現(xiàn)代設(shè)計(jì)產(chǎn)品的一項(xiàng)重要特質(zhì)是其日益增加的對(duì)時(shí)序邏輯的需求：在不同模態(tài)間轉(zhuǎn)換的復(fù)雜狀態(tài)取代了傳統(tǒng)的線性敘事。以設(shè)計(jì)的一個(gè)重要范疇—應(yīng)用程式和游戲—為例，許多設(shè)計(jì)內(nèi)容要求在數(shù)百種狀態(tài)間動(dòng)態(tài)切換，而這是靜態(tài)的設(shè)計(jì)工具和軟件幾乎無(wú)法勝任的。同樣的，在現(xiàn)代電腦游戲中，大量的程式化生成視覺(jué)元素也已遠(yuǎn)非手繪設(shè)計(jì)所能應(yīng)付。越來(lái)越多的設(shè)計(jì)師開(kāi)始將代碼與視覺(jué)元素聯(lián)系在一起；換句話說(shuō)，視覺(jué)思考越來(lái)越多地在編寫(xiě)代碼中鋪開(kāi)。如前所述，當(dāng)設(shè)計(jì)產(chǎn)品日漸動(dòng)態(tài)化，視覺(jué)（邏輯）設(shè)計(jì)與其動(dòng)態(tài)化呈現(xiàn)已成為不可分割的整體。

2.新一代設(shè)計(jì)師正逐漸占據(jù)重要的設(shè)計(jì)職位。對(duì)這一類設(shè)計(jì)師來(lái)說(shuō)，編程是最自然的行使她們創(chuàng)造意圖和滿足設(shè)計(jì)產(chǎn)品要求的工具，而她們的創(chuàng)造過(guò)程常常建立在非常系統(tǒng)化的設(shè)計(jì)手段上。她們既有視覺(jué)上的天賦，又有技術(shù)上的嫻熟，并且視技術(shù)進(jìn)步為創(chuàng)造力的助推器，同時(shí)也是將她們從傳統(tǒng)設(shè)計(jì)軟件加諸于她們的設(shè)計(jì)程序中解放出來(lái)的途徑。這類設(shè)計(jì)師面對(duì)傳統(tǒng)設(shè)計(jì)行業(yè)的分工時(shí)常表現(xiàn)出強(qiáng)烈的不適應(yīng)感。

3.持續(xù)拓展的算法設(shè)計(jì)工具降低了許多自學(xué)程式設(shè)計(jì)的設(shè)計(jì)師的學(xué)習(xí)門(mén)檻?，F(xiàn)今主流的算法設(shè)計(jì)平臺(tái)有：基于Java程式語(yǔ)言的Processing，基于C++的openFrameworks和Cinder，再加上基于JavaScript的p5js等。這些平臺(tái)負(fù)責(zé)記錄設(shè)計(jì)師編寫(xiě)的代碼，通過(guò)近乎實(shí)時(shí)地執(zhí)行代碼生成相應(yīng)的視覺(jué)產(chǎn)物，其數(shù)量看似有限，背后卻有著數(shù)以百計(jì)的衍生代碼庫(kù)的支持。同時(shí)我們也目睹了傳授視覺(jué)化思維竅門(mén)的教學(xué)材料的激增。光是針對(duì)Processing平臺(tái)的近期出版物便包括教科書(shū)、視頻教學(xué)、教學(xué)網(wǎng)站和交互式學(xué)習(xí)環(huán)境等，其中的大多數(shù)材料都可在互聯(lián)網(wǎng)上免費(fèi)獲取。

4.值得指出的是，設(shè)計(jì)系統(tǒng)一直是設(shè)計(jì)行業(yè)歷史發(fā)展的重要組成環(huán)節(jié)。平面設(shè)計(jì)史上充滿了運(yùn)用規(guī)則和設(shè)計(jì)系統(tǒng)的例子。在電腦進(jìn)入千家萬(wàn)戶之前，卡爾-格斯那的《設(shè)計(jì)程式》一書(shū)便勾勒了許多與軟件設(shè)計(jì)系統(tǒng)如出一轍的想法。由此看來(lái)，設(shè)計(jì)師學(xué)會(huì)使用設(shè)計(jì)系統(tǒng)來(lái)表達(dá)自己的意圖是極為關(guān)鍵的能力，尤其當(dāng)歷史已清楚表明設(shè)計(jì)系統(tǒng)具備高超的表現(xiàn)力和創(chuàng)造力，并持續(xù)挑戰(zhàn)著因襲自傳統(tǒng)設(shè)計(jì)勞作的觀念。此外，這些理論在今天已遠(yuǎn)不止是對(duì)手動(dòng)設(shè)計(jì)流程的一種理論指導(dǎo)。我們已經(jīng)有能力編寫(xiě)出能創(chuàng)造設(shè)計(jì)產(chǎn)品的算法設(shè)計(jì)系統(tǒng)，而理解并運(yùn)用這些系統(tǒng)已成為未來(lái)的設(shè)計(jì)師的義務(wù)。

三、設(shè)計(jì)／生成系統(tǒng)原理簡(jiǎn)介

在此作者認(rèn)為有必要厘清“設(shè)計(jì)系統(tǒng)”的定義和“設(shè)計(jì)系統(tǒng)創(chuàng)造的設(shè)計(jì)產(chǎn)品”這一概念的內(nèi)涵。從定義上說(shuō)，設(shè)計(jì)系統(tǒng)是由設(shè)計(jì)師設(shè)計(jì)、以或簡(jiǎn)單或復(fù)雜的、嚴(yán)格的指令和規(guī)則所構(gòu)成、具有相當(dāng)程度的過(guò)程管理能力和生成設(shè)計(jì)產(chǎn)品能力的系統(tǒng)。設(shè)計(jì)系統(tǒng)生成設(shè)計(jì)產(chǎn)品的過(guò)程是一個(gè)自主的、獨(dú)立于設(shè)計(jì)系統(tǒng)設(shè)計(jì)師個(gè)人意志的過(guò)程。在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師選定系統(tǒng)各組成環(huán)節(jié)的復(fù)雜度和相互次序、設(shè)計(jì)初始參數(shù)和系統(tǒng)所有可能存在的狀態(tài)。在這套語(yǔ)匯中，“系統(tǒng)”既指代了設(shè)計(jì)產(chǎn)品的所有可能的呈現(xiàn)方式的集合，又指代了一系列掌控著設(shè)計(jì)產(chǎn)品的演化的復(fù)雜規(guī)則的集合。在普遍實(shí)踐中，設(shè)計(jì)系統(tǒng)通常具有一定程度的隨機(jī)性，確保生成過(guò)程的每次執(zhí)行都能產(chǎn)生出獨(dú)特的、難以復(fù)制的結(jié)果。我們由此能獲得一定數(shù)量的具有相同視覺(jué)邏輯的設(shè)計(jì)，視其為隸屬于同一系列設(shè)計(jì)中的迥異個(gè)體，依據(jù)不同應(yīng)用場(chǎng)合擇而用之。

此處必須一提的是 ”生成“，主要用以刻畫(huà)設(shè)計(jì)產(chǎn)品的創(chuàng)造過(guò)程的特質(zhì)?！吧伞钡膬?nèi)涵既囊括了設(shè)計(jì)師對(duì)設(shè)計(jì)系統(tǒng)的生成邏輯的策造，也包含了獨(dú)立于設(shè)計(jì)師主觀意志的生成過(guò)程本身。整個(gè)過(guò)程止于設(shè)計(jì)師對(duì)系統(tǒng)輸出的全部設(shè)計(jì)產(chǎn)品的最終篩選，而在設(shè)計(jì)實(shí)踐中部分前期篩選通常由算法中設(shè)定好的規(guī)則完成。

設(shè)計(jì)系統(tǒng)的生成過(guò)程和設(shè)計(jì)哲學(xué)不可避免地在設(shè)計(jì)產(chǎn)品中得以體現(xiàn)，甚至可說(shuō)是設(shè)計(jì)產(chǎn)品的意蘊(yùn)和旨趣的重要構(gòu)成部分。設(shè)計(jì)系統(tǒng)的特質(zhì)決定了其偏向于借鑒電腦科學(xué)和信息學(xué)領(lǐng)域的理論和技術(shù)，但這并不意味著許多傳統(tǒng)學(xué)科的成熟思想和技術(shù)方案不能被設(shè)計(jì)系統(tǒng)采納?？偟膩?lái)說(shuō)，設(shè)計(jì)系統(tǒng)的設(shè)計(jì)與自然科學(xué)（尤其是物理學(xué)和生物學(xué)）、數(shù)學(xué)和前沿科技有著密不可分的聯(lián)系。雖然新的系統(tǒng)和算法不時(shí)誕生，下列幾種最為核心的框架／技術(shù)是多數(shù)設(shè)計(jì)系統(tǒng)最為普遍的出發(fā)點(diǎn)：Voronoi diagrams，L-系統(tǒng)，細(xì)胞自動(dòng)機(jī)，分型和基因算法。

生成系統(tǒng)的設(shè)計(jì)必須通過(guò)一套明晰、清晰和準(zhǔn)確的語(yǔ)言來(lái)表達(dá)。這也體現(xiàn)出電腦程式語(yǔ)言為何在目前是最自然的生成系統(tǒng)設(shè)計(jì)工具：一份注釋詳細(xì)、符合良好程式編寫(xiě)規(guī)范的程式檔案本身便是對(duì)其所設(shè)計(jì)的系統(tǒng)的最詳細(xì)指南和索引。在起草階段，設(shè)計(jì)師可以拋棄傳統(tǒng)的紙筆及其相應(yīng)的數(shù)碼產(chǎn)物（如數(shù)碼繪圖板），而通過(guò)編寫(xiě)簡(jiǎn)單的核心代碼、或?qū)σ延械脑O(shè)計(jì)系統(tǒng)代碼進(jìn)行簡(jiǎn)單修改，來(lái)測(cè)試新的概念和想法的可行性。許多復(fù)雜的幾何元素、視覺(jué)邏輯的變化，僅僅需要修改幾行代碼便可。

四、設(shè)計(jì)／生成系統(tǒng)實(shí)例分析

接下來(lái)，作者將分析一件實(shí)例，進(jìn)一步闡明設(shè)計(jì)系統(tǒng)的設(shè)計(jì)原則。

此設(shè)計(jì)系統(tǒng)的設(shè)計(jì)要求是：

1，設(shè)計(jì)師（或其他用戶）需提供某平面設(shè)計(jì)的矢量圖形，作為設(shè)計(jì)系統(tǒng)的數(shù)據(jù)輸入；

2，系統(tǒng)以細(xì)胞自動(dòng)機(jī)原理為出發(fā)點(diǎn)，以尺寸、透明度皆在固定范圍內(nèi)隨機(jī)變化的球形為”細(xì)胞“，使“細(xì)胞”根據(jù)設(shè)定的規(guī)則產(chǎn)生和消亡，并沿著矢量圖的線條為路徑運(yùn)動(dòng)；

3，此外，已經(jīng)生成的“細(xì)胞”尺寸會(huì)隨著運(yùn)動(dòng)距離不斷增大、直到消亡的時(shí)刻，給人帶來(lái)一種有生命、有韻律的視覺(jué)美感。

所運(yùn)用到的生成設(shè)計(jì)手段有：

1.利用Processing平臺(tái)所使用的Java語(yǔ)言的特性，構(gòu)建出“圓形”和“蹤跡”兩種主要物件。其中，“圓形”物件是設(shè)計(jì)圖像的最基本組成元素，每一個(gè)個(gè)體都有與自身相關(guān)數(shù)據(jù)的記憶，如所處位置、運(yùn)動(dòng)速度、尺寸、擴(kuò)大速度、透明度、以及是否“死亡”的條件判斷等等。每個(gè)“蹤跡”物件控制著一定數(shù)量的“圓形”，并負(fù)責(zé)這些物件的生長(zhǎng)和消亡。

2.利用電腦程式語(yǔ)言生成隨機(jī)數(shù)的能力，可以實(shí)現(xiàn)在一定范圍內(nèi)隨機(jī)選取“圓形”物件的擴(kuò)大倍數(shù)、“蹤跡”物件的產(chǎn)生頻率、起始位置、每一“蹤跡”內(nèi)包含“圓形”的數(shù)量、以及“圓形”物件的運(yùn)動(dòng)速度等。這一技巧使得生成的圖形具有豐富的視覺(jué)變化且永不重復(fù)，也是設(shè)計(jì)系統(tǒng)設(shè)計(jì)的重要特征。

3.利用Processing平臺(tái)程式庫(kù)controlP5提供的圖形用戶界面元素，我們可以在圖形前端植入各種參數(shù)的控制組件，如滑桿、按鈕、切換鍵、旋鈕、及復(fù)選框等等。這些控制組件使設(shè)計(jì)師能夠以一種直覺(jué)化的方式實(shí)時(shí)地調(diào)變一切可以改變的設(shè)計(jì)參數(shù)，并直接、實(shí)時(shí)地獲得調(diào)變的結(jié)果。