在文本視覺(jué)化與視覺(jué)設(shè)計(jì)之間
——2016年《裝飾》封面設(shè)計(jì)解讀

2016年《裝飾》雜志社邀請(qǐng)?jiān)O(shè)計(jì)師向帆“以文本的數(shù)據(jù)分析方式來(lái)設(shè)計(jì)”其封面[1]，嘗試將兩個(gè)與視覺(jué)語(yǔ)言相關(guān)的方法融為一體，這聽(tīng)起來(lái)是一個(gè)順理成章的提議。然而，這并不是一個(gè)簡(jiǎn)單的任務(wù)，因?yàn)榉饷嬖O(shè)計(jì)是平面設(shè)計(jì)中的一個(gè)門(mén)類(lèi)，早已形成一套成熟的設(shè)計(jì)范式；文本視覺(jué)化則是一個(gè)以計(jì)算機(jī)技術(shù)為基礎(chǔ)的文本處理方法，還處于發(fā)展之中，以文本視覺(jué)化的方式來(lái)設(shè)計(jì)封面尚未有先例。因此，2016年度的《裝飾》雜志邀請(qǐng)向帆創(chuàng)作的封面設(shè)計(jì)是一個(gè)值得關(guān)注的案例，讓我們可以在傳統(tǒng)紙媒與文本視覺(jué)化技術(shù)的交界處觀察審美與技術(shù)之間的現(xiàn)狀，并反思其中的成功、折衷與妥協(xié)。

1 封面設(shè)計(jì)與文本視覺(jué)化的概念差異

無(wú)論是封面設(shè)計(jì)的概念、方法還是工具，都比文本視覺(jué)化更加成熟。封面設(shè)計(jì)被認(rèn)為是書(shū)籍設(shè)計(jì)藝術(shù)的一部分，是“與文本相呼應(yīng)的書(shū)籍內(nèi)容精髓的再現(xiàn)”[2]，近20年來(lái)全球不少高校設(shè)有與封面設(shè)計(jì)相關(guān)的書(shū)籍設(shè)計(jì)課程，教授學(xué)生通過(guò)圖形、色彩、文字等要素的組合傳達(dá)書(shū)籍的主題內(nèi)容，大部分設(shè)計(jì)者可以通過(guò)成熟的軟件，如Adobe公司開(kāi)發(fā)的Indesign、Photoshop等工具完成造型及排版等工作。文本視覺(jué)化則是近年才在計(jì)算機(jī)自然語(yǔ)言處理領(lǐng)域所出現(xiàn)的新技術(shù)、新方法，它以圖解的方式來(lái)瀏覽海量文本，可以提升人們對(duì)大型文本的洞察能力。目前人們可以獲得的工具不僅少，而且形式有限，較為普及的只有標(biāo)簽云(圖1)、分枝性樹(shù)圖(圖2)[3]、面積樹(shù)圖(圖3)、連線圖(圖4)[4]等視覺(jué)形式，其中一些形式展現(xiàn)詞頻、詞性的分類(lèi)等非文脈關(guān)系，另一些則展示出文字之間的粘度、關(guān)系等脈絡(luò)性信息。

圖1 Wordle.com所生成的標(biāo)簽云

圖2 文字樹(shù)(Word Tree)所生成的圣經(jīng)中愛(ài)的相關(guān)詞

圖3 馬丁·瓦滕伯格(Martin Watternberg)所設(shè)計(jì)

圖4 PhraseNet生成的《一個(gè)青年藝術(shù)家的畫(huà)像》詞匯集群

封面設(shè)計(jì)與文本視覺(jué)化相比，二者的圖像效果和生成方式看起來(lái)是根本不同的：前者具有可意會(huì)的視覺(jué)美感，后者需要被仔細(xì)地解讀，雖然不具備傳統(tǒng)視覺(jué)藝術(shù)的審美范式，卻已經(jīng)形成多維的文本數(shù)據(jù)轉(zhuǎn)化的視覺(jué)模式；從圖像生成方式來(lái)說(shuō)，封面設(shè)計(jì)是由設(shè)計(jì)者的主觀審美所決定的，而后者是由程序生成的。那么，這兩種不同的視覺(jué)表現(xiàn)到底有怎樣的共同之處呢？設(shè)計(jì)者如何能夠在主觀審美與客觀生成之間找到信息表現(xiàn)，乃至封面設(shè)計(jì)的機(jī)會(huì)呢？顯然，這是一個(gè)極具實(shí)驗(yàn)性的任務(wù)。另外，期刊的封面設(shè)計(jì)任務(wù)持續(xù)一整年，每一期還包含獨(dú)立的專(zhuān)題特色，封面設(shè)計(jì)不僅要建立年度的視覺(jué)統(tǒng)一性，而且需要按時(shí)根據(jù)每期的主題進(jìn)行創(chuàng)作。設(shè)計(jì)任務(wù)不僅需要滿足《裝飾》一貫的高標(biāo)準(zhǔn)審美要求，更要體現(xiàn)出視覺(jué)化技術(shù)所帶來(lái)的可能，因此這一次設(shè)計(jì)創(chuàng)新也可以被理解為一次極具風(fēng)險(xiǎn)性的實(shí)驗(yàn)。

筆者以封面設(shè)計(jì)、文本可視化、計(jì)算機(jī)圖形學(xué)為理論基礎(chǔ)，采用跨學(xué)科研究法、比較研究法、訪談、個(gè)案研究法等對(duì)2016年度《裝飾》封面設(shè)計(jì)案例展開(kāi)分析，力圖發(fā)現(xiàn)并歸納出設(shè)計(jì)者采用何種創(chuàng)新思路、技術(shù)方式與表現(xiàn)形式，在一個(gè)擁有成熟體系的設(shè)計(jì)土壤中合理嫁接新興的數(shù)字技術(shù)，從而實(shí)現(xiàn)設(shè)計(jì)審美的需求。

圖5 2016年度《裝飾》封面設(shè)計(jì)集錦

2 探訪動(dòng)機(jī)

從整體上觀察2016年度《裝飾》封面形象，文字作為創(chuàng)作中的第一要素是顯而易見(jiàn)的，這些不太大的字，或聚集或散落，以點(diǎn)連線、以線成面，疏密有致地構(gòu)筑出間隔化的、自成意境的視覺(jué)形象，在富有節(jié)制的色彩搭配下，文字好似一簾嬗變的煙雨，仿佛讓讀者可以透過(guò)封面中的字與詞尋覓到雜志內(nèi)文中的秘密，形成了一種蕭疏簡(jiǎn)淡的視覺(jué)語(yǔ)言風(fēng)格，頗具傳統(tǒng)人文的氣質(zhì)。為什么要在封面設(shè)計(jì)中采用文本視覺(jué)化的手段呢？向帆回答道：“這個(gè)想法是來(lái)自清華大學(xué)美術(shù)學(xué)院視覺(jué)傳達(dá)系主任趙健(封面設(shè)計(jì)指導(dǎo))，雖然我已多年不涉及封面等印刷物相關(guān)的設(shè)計(jì)，視覺(jué)傳達(dá)系這些年一直在思考如何將數(shù)字技術(shù)手段植入已經(jīng)成熟的出版設(shè)計(jì)領(lǐng)域，那時(shí)(2015年)我剛好在摸索文本視覺(jué)化的一些技術(shù)。在雜志主編方曉風(fēng)的推動(dòng)下，運(yùn)用文本視覺(jué)化設(shè)計(jì)雜志封面的方式也就確定下來(lái)了，趙健老師擔(dān)任藝術(shù)指導(dǎo)?！?/p>

3 梳理方法

2016年度12期的封面圖像雖然都是由文字構(gòu)成的，但是圖像的風(fēng)格不盡相同，有些是文字所構(gòu)成的平面圖形。例如，第1期專(zhuān)題策劃“雅與俗”采用文本視覺(jué)化中基于文本黏度的“連線圖”方式，第3期“健康設(shè)計(jì)”和第9期“北京設(shè)計(jì)周”是基于高頻詞匯“云標(biāo)簽”的方式，第6期“意大利設(shè)計(jì)”是基于文本頻率“樹(shù)圖”的方式，而第2期“西部設(shè)計(jì)”等則是文字構(gòu)成的立體圖形。這些視覺(jué)化的方法是什么呢？為什么會(huì)采用這些方法呢？向帆告訴筆者，部分圖像完全由計(jì)算機(jī)生成，部分完全不是，還有部分是兩者的結(jié)合。

圖6 《裝飾》2016年第1期封面設(shè)計(jì)過(guò)程稿

圖7 《裝飾》2016年第1期封面設(shè)計(jì)完稿

3.1 由文本視覺(jué)化程序所生成的內(nèi)容景觀

《裝飾》第6期的封面是一個(gè)完全由計(jì)算機(jī)生成的圖像，該期的策劃主題為“意大利設(shè)計(jì)”，封面上仿佛是一片廣褒的托斯卡納大地，讓人可以鳥(niǎo)瞰那些大地上的村莊和田野中駐留的關(guān)鍵詞“意大利”“歷史”“制造”“汽車(chē)”“時(shí)尚”“文化”等，在頭腦中構(gòu)建出一場(chǎng)宏觀的“意大利設(shè)計(jì)”景象，意會(huì)到意大利設(shè)計(jì)的璀璨、多面與和諧。與向帆合作的數(shù)據(jù)工程師朱舜山介紹了過(guò)程：“首先我們編寫(xiě)了一個(gè)分詞軟件，把當(dāng)期的主題文章收集起來(lái)做分詞處理；然后再編寫(xiě)一個(gè)詞頻統(tǒng)計(jì)的軟件，將獲取的所有詞匯進(jìn)行詞頻統(tǒng)計(jì)，找出關(guān)鍵詞；接著按照“樹(shù)圖”原理編寫(xiě)了視覺(jué)化程序軟件，根據(jù)所獲的詞頻計(jì)算出方塊的面積大小，并賦予相對(duì)應(yīng)的關(guān)鍵詞，文本視覺(jué)化的視覺(jué)形式就此建立起來(lái)，最后把五種托斯卡納地區(qū)的色彩隨機(jī)賦給這些方塊上，讀者就可以俯瞰這片托斯卡納文本大地。”

朱先生在提及與向帆合作方式的時(shí)候指出，工程師不能只是執(zhí)行設(shè)計(jì)師的想法，而是要理解設(shè)計(jì)的要求：“向帆在與我討論視覺(jué)化手段時(shí)，會(huì)說(shuō)明她認(rèn)為什么樣的視覺(jué)形式能夠吻合主題，并且會(huì)考慮到用什么參數(shù)來(lái)決定某些長(zhǎng)、寬、高、色彩等視覺(jué)因素。而我需要思考如何寫(xiě)出嚴(yán)謹(jǐn)?shù)挠?jì)算機(jī)程序，我們就像畫(huà)家在紙上畫(huà)畫(huà)那樣，通過(guò)調(diào)節(jié)參數(shù)或算法來(lái)調(diào)整畫(huà)面。然而，修改畫(huà)面會(huì)比較艱難，因?yàn)槲覀冎皇侵贫死L制的規(guī)則，而畫(huà)面上一點(diǎn)很小的變化都需要我們?nèi)バ薷暮芏嘈写a。”可見(jiàn)，即使完全基于程序和真實(shí)數(shù)據(jù)生成的文本視覺(jué)化圖像，其起點(diǎn)來(lái)自于設(shè)計(jì)師的主觀審美經(jīng)驗(yàn)，她根據(jù)自己的理解和審美決定著視覺(jué)化的形式和法則，因此，文本視覺(jué)化并不是一個(gè)完全與封面設(shè)計(jì)等傳統(tǒng)圖形設(shè)計(jì)決然不同的領(lǐng)域，其抽象化、陌生化的形式中隱藏著設(shè)計(jì)師多年沉淀的審美經(jīng)驗(yàn)。

3.2 視覺(jué)化軟件與圖形創(chuàng)作的疊合

目前可以在網(wǎng)絡(luò)上找到一些文本視覺(jué)化工具，它們?nèi)菰S用戶上載大量文本，并提供視覺(jué)化服務(wù)，但視覺(jué)化的形式非常有限，與封面設(shè)計(jì)中慣常的審美相去甚遠(yuǎn)。向帆是如何思考這個(gè)問(wèn)題的呢？她回答道：“那些在線文本技術(shù)是非?？少F的，它可能生成的形式并不是美，但是確實(shí)可以幫助我們快速發(fā)現(xiàn)文本中的關(guān)系。所以，作為視覺(jué)師，我需要做一些視覺(jué)表現(xiàn)上的思考。”以第1期“雅與俗”為例，向帆首先通過(guò)程序?qū)?dāng)期專(zhuān)題文章中的關(guān)鍵詞生成出文本視覺(jué)化的連線圖(見(jiàn)圖6)，在線文本工具所生成出的圖形是不具備主題審美要求的。為此，向帆在保留客觀特征的基礎(chǔ)上進(jìn)行二度創(chuàng)作，在圖形的造型、色彩等方面進(jìn)行主觀處理。她巧妙地融合了傳統(tǒng)繪畫(huà)的審美理念，營(yíng)造出象征暗香浮動(dòng)、疏影橫斜的梅枝風(fēng)采，整個(gè)封面應(yīng)景而生，烘托出一月份春意盎然的意境。主題為“北京設(shè)計(jì)周”的《裝飾》第9期封面采用了類(lèi)似的手法，向帆將該期的主題文章經(jīng)由在線文本視覺(jué)化軟件生成了一個(gè)北京城地圖，然后將之手動(dòng)處理成為衛(wèi)星視野下的北京城夜景，讓整個(gè)城市仿佛都被北京設(shè)計(jì)周的活動(dòng)點(diǎn)亮了，閃爍著斑駁的“文本燈光”則是被“創(chuàng)新”“社區(qū)”“專(zhuān)業(yè)”“決策”“服務(wù)”等所構(gòu)成的。此種設(shè)計(jì)方法突破了文本視覺(jué)化所形成的單一和模式化的特征，形成了圖文互釋的獨(dú)特視角。這種方法對(duì)于圖形設(shè)計(jì)者來(lái)說(shuō)是具有啟發(fā)性的，因?yàn)樗⒉灰笤O(shè)計(jì)者具有編程能力，憑借對(duì)新技術(shù)的熱情和關(guān)注，每個(gè)設(shè)計(jì)師都有可能在設(shè)計(jì)中尋找到自己的方法。

3.3 模型與文本的空間

第2期、第8期和第11期的封面設(shè)計(jì)讓文本構(gòu)成了立體的形態(tài)。雖然筆者可以觀察到一些詞匯浮現(xiàn)在立體的空間之中，卻很難理解其中文本的關(guān)系。這種文本視覺(jué)化的形式出于何種初衷呢？以第2期“西部設(shè)計(jì)”為案例，向帆說(shuō)：“《裝飾》總編輯方曉風(fēng)教授提出以崇山峻嶺的形式來(lái)表現(xiàn)西部，甚至還提出了青綠山水的風(fēng)格。坦白說(shuō)，我們還不知道如何以文本視覺(jué)化的方式來(lái)體現(xiàn)西部景觀的意向，因此我繞過(guò)了計(jì)算機(jī)?！惫P者看著這一幅以高頻詞匯作為山體模型的肌理渲染而成的青綠山水圖，確實(shí)是一派抽象的東方意境，《裝飾》恰是以此期封面入選“2016中國(guó)最美期刊”。此類(lèi)手法還運(yùn)用于第8期，以文字構(gòu)成宋代瓷器花瓶；第11期“人工智能”則以冰冷的人體模型體現(xiàn)了對(duì)人工智能的焦慮。這種立體的文本景象對(duì)于期待以視覺(jué)形式來(lái)揭示內(nèi)文關(guān)系的初衷來(lái)說(shuō)已經(jīng)相對(duì)遙遠(yuǎn)了。當(dāng)筆者提及對(duì)此種方式的疑惑時(shí)，向帆解釋道：“事實(shí)上，除了嘗試新技術(shù)的之外，還得有一些可以追隨傳統(tǒng)審美、向具象形態(tài)折衷的方式?！?/p>

4 結(jié)語(yǔ)

面對(duì)期刊封面設(shè)計(jì)和文本視覺(jué)化兩個(gè)遙遠(yuǎn)的領(lǐng)域相結(jié)合的挑戰(zhàn)，設(shè)計(jì)師向帆秉持將期刊內(nèi)文數(shù)據(jù)形成封面形象的總體設(shè)計(jì)思路，以意在筆先的方式圍繞主題來(lái)探尋實(shí)現(xiàn)方式，她打破了固有的思維定式和領(lǐng)域間的壁壘，一方面，以控制從數(shù)據(jù)向圖像轉(zhuǎn)譯的程序機(jī)制來(lái)探索封面設(shè)計(jì)，為傳統(tǒng)設(shè)計(jì)注入了新鮮血液。另一方面，為了實(shí)現(xiàn)主題的審美需求，將傳統(tǒng)文化中的精神力量和審美方式滲透于數(shù)字化設(shè)計(jì)中，從而拓展了正在發(fā)展的文本視覺(jué)化的藝術(shù)表現(xiàn)力。她探索的因地制宜的綜合性創(chuàng)作方法，為正在進(jìn)行跨界設(shè)計(jì)的人們開(kāi)拓了思路、提供了可靠的實(shí)驗(yàn)方法和寬廣的視野。

2016年度《裝飾》封面設(shè)計(jì)實(shí)踐是12次視覺(jué)審美與新技術(shù)的碰撞實(shí)驗(yàn)，其中3種創(chuàng)作方式反應(yīng)了視覺(jué)審美經(jīng)驗(yàn)與新技術(shù)之間的距離，有成功也有尷尬，正如《裝飾》雜志主編方曉風(fēng)教授所指出的：“圖形的生成仍然是一個(gè)難題，來(lái)自設(shè)計(jì)師審慎的聯(lián)想。”它不僅需要設(shè)計(jì)師保有高度的審美意識(shí)，也需要設(shè)計(jì)師自如地運(yùn)用新技術(shù)。這一次文本視覺(jué)化技術(shù)在封面設(shè)計(jì)上的運(yùn)用是設(shè)計(jì)師向帆的一次視覺(jué)實(shí)驗(yàn)，也是《裝飾》雜志的一次大膽嘗試，顯現(xiàn)出當(dāng)今中國(guó)設(shè)計(jì)學(xué)界對(duì)新技術(shù)的熱誠(chéng)與妥協(xié)，對(duì)視覺(jué)藝術(shù)語(yǔ)言執(zhí)著的迷戀。