淺析文字形象在圖形化動(dòng)態(tài)設(shè)計(jì)中的視覺表現(xiàn)

王 雯

（湖北美術(shù)學(xué)院 動(dòng)畫學(xué)院，湖北 武漢430000）

一、前言

文字的發(fā)明和演變經(jīng)歷了漫長的歷史，無論是字母連綴而成的英文還是筆劃架構(gòu)的中文，文字形象本身及字里行間所傳遞的信息，素來是設(shè)計(jì)領(lǐng)域研究的對象。人們在日常生活中養(yǎng)成的讀寫習(xí)慣，使文字形象及形象的集合天然地與事件、記憶、情感等內(nèi)容多維度、發(fā)散性的連接。這種連接在中西文化中并存，是人類共同面對的設(shè)計(jì)母題。設(shè)計(jì)師在傳統(tǒng)紙媒的二維空間進(jìn)行的創(chuàng)意實(shí)踐及理論探索在如今流媒體語境中，得以傳承和豐富。數(shù)字技術(shù)的更迭，網(wǎng)絡(luò)傳播的全球化，信息資訊的爆發(fā)式涌現(xiàn)，圖片和視頻將我們從連篇累牘中解放出來，文字形象也從遣詞造句中脫穎而出，標(biāo)語短句，關(guān)鍵詞組，大寫的文字，在色彩斑斕的影像空間交相輝映。

二、文字形象的圖形化

字體風(fēng)格是文字形象的視覺外衣，追求格律美感的字體設(shè)計(jì)可以說是文字形象最初始的圖形化嘗試，它不僅使傳達(dá)的信息準(zhǔn)確、迅速、舒適、獨(dú)特，同時(shí)也負(fù)擔(dān)喚起人們對新的視覺樣式的感受意識(shí)，給人視覺上的優(yōu)美感覺。英文字體由最早的羅馬體、埃及體、哥特體和手寫體為藍(lán)本至今已發(fā)展至上千種字體風(fēng)格，隨著工業(yè)產(chǎn)品、網(wǎng)絡(luò)科技和影視傳媒的普及成為風(fēng)靡全球的視覺元素。譬如，英文字體排名第一的Helvetica 字體曾經(jīng)是蘋果的御用字體，F(xiàn)utura 字體也曾因作為大眾汽車和宜家的御用字體而風(fēng)靡一時(shí)，適用于電影、游戲等相關(guān)行業(yè)的trajan pro字體是由古羅馬石碑的字體改進(jìn)過來，Neo Sans 字體因濃濃科技感的優(yōu)美弧線曾與intel 公司合作。

漢字本身就是由象形文字演變而來，早期漢字多以圖形表達(dá)具體的人與事，在經(jīng)歷了數(shù)千年地不斷創(chuàng)造、改進(jìn)之后，越來越脫離了原有具象圖形，變?yōu)閹Х柼卣鞯某橄髨D形文字，但是文字仍保留抽象的概念化、圖形化②。字體從甲骨文、金銘文到反映歷代演化的篆書、隸書、草書，再到受書本影印技術(shù)影響的楷書，適應(yīng)現(xiàn)代手寫習(xí)慣的行書，形成了具有較強(qiáng)規(guī)律性的方塊字。 隨著計(jì)算機(jī)時(shí)代的到來，字庫成為人們工作生活的一部分，替代金屬活字，以數(shù)字化的視覺形式傳承字體的發(fā)展。

文字形象與五角形或者其他圖形一樣，也可以被看作是設(shè)計(jì)技巧和藝術(shù)表現(xiàn)的糅合。英文設(shè)計(jì)中的花體字、漢字設(shè)計(jì)中的美術(shù)字即是在符合特定字體造型基礎(chǔ)上的進(jìn)一步圖形化，是字體設(shè)計(jì)的延伸。此類文字形象頻頻見諸報(bào)端，往往成為傳統(tǒng)印刷出版物的點(diǎn)睛之筆。同時(shí)，以文字形象為靈感的題材創(chuàng)作也可以自成一體，別具匠心。平面設(shè)計(jì)師Dan Fleming 用動(dòng)物創(chuàng)作的一系列標(biāo)志設(shè)計(jì)，形象由字母變形組合而成，一時(shí)在網(wǎng)絡(luò)上被大量轉(zhuǎn)發(fā)分享，造型依循動(dòng)物剪影的特點(diǎn)，憨態(tài)可掬，形象簡潔概括，色彩明快鮮活（如圖1 所示）。據(jù)說這個(gè)字母拼寫的造型創(chuàng)意將有助于孩子們很快地學(xué)會(huì)動(dòng)物的名字；設(shè)計(jì)師Ocki 的作品則反其道而行之，以動(dòng)物形象為裝飾元素設(shè)計(jì)花體字母，賦予字母細(xì)膩優(yōu)雅的獨(dú)特個(gè)性，火烈鳥、鸚鵡、熊貓、仙人掌等造型旖旎、色彩豐富的有機(jī)元素充盈于帶有字腳和飾線的字母之中，她的手繪字母在社交媒體上受到超過兩萬人的追捧（如圖2 所示）。

圖1 Dan Fleming 設(shè)計(jì)動(dòng)物字母

圖2 Ocki 設(shè)計(jì)花體字母

漢字在創(chuàng)意圖文設(shè)計(jì)的立意表現(xiàn)亦有生動(dòng)的案例，原載于《漢文字創(chuàng)意》第8 期的一組“畫字為圖”作品，以漢字為媒，寥寥數(shù)筆便勾勒出一個(gè)生動(dòng)的形象。譬如巧用正負(fù)形，將“唐僧”兩字的間架結(jié)構(gòu)稍作拉長變形處理，一個(gè)頭頂佛冠，身披袈裟，慈眉善目的僧侶形象便躍然紙上（如圖3 所示）；反觀橫平豎直的漢字筆劃也暗藏乾坤，來自武漢的關(guān)山覺團(tuán)隊(duì)將街頭巷尾的歷史、現(xiàn)狀、趣聞、建筑、街道融入漢字的形體中，一字一景、一字一城，從最初為武漢34 處地標(biāo)建筑畫像到“字繪上海”“字繪臺(tái)灣”，以漢字為媒介，用最易懂的設(shè)計(jì)語言詮釋城市元素文化符號（如圖4 所示）。

圖3 漢文字創(chuàng)意變形

圖4 字繪武漢

文字作為圖形符號系統(tǒng)的視覺編碼，每種文字都具有雙重視覺維度：一是表意文字的圖像，具有功能上的含義；二是一般的排版印刷，包括用于顯示界面布局內(nèi)創(chuàng)建表意符號的字體，具有審美意義③。在招貼海報(bào)設(shè)計(jì)中出現(xiàn)的文字還常以解構(gòu)或重構(gòu)的視覺形象出現(xiàn)，文字的排列組合既保留可讀性，同時(shí)更關(guān)乎圖形點(diǎn)線面的構(gòu)成法則，在平面二維空間形成有節(jié)奏的視覺引導(dǎo)。饒有趣味地排版往往能增加觀眾停留在頁面上的時(shí)間，借助文字傳遞的語義邏輯，使觀眾的思維在表意和符號之間任意地切換。我國臺(tái)灣地區(qū)設(shè)計(jì)師Hsin-Hsiang Kuo 的海報(bào)設(shè)計(jì)中，手寫風(fēng)格的字體看似隨意擺放，與樸實(shí)無華地字體風(fēng)格統(tǒng)一，實(shí)則在整個(gè)畫布之間細(xì)心營造，字能入畫，畫中有字（如圖5 所示）。

圖5 Hsin-Hsiang Kuo 海報(bào)

圖6 靳埭強(qiáng)《山》

文字與圖片、實(shí)物的結(jié)合，進(jìn)一步模糊了文字與圖形的邊界，更加凸顯了文字形象的象征意味。在靳埭強(qiáng)的招貼設(shè)計(jì)《漢字》系列之山水風(fēng)云中，水墨揮灑的書寫更像是畫，形象的“筆架山”，“山”字的偉岸博大和傳統(tǒng)器物的搭配，流露出道法自然的東方氣韻（如圖6 所示）；擅用材料的視覺美感創(chuàng)作圖形化英文字體的青年設(shè)計(jì)師克雷格·沃德在表現(xiàn)環(huán)保主題時(shí)，按照由紫色到綠色的過渡擺出“1/3”這個(gè)分?jǐn)?shù)，代表美國人資源浪費(fèi)的比例，用蔬菜水果等現(xiàn)成品進(jìn)行擺拍，視覺效果觸目驚心（如圖7所示）；日本現(xiàn)代著名設(shè)計(jì)師五十嵐威暢選擇獨(dú)特的設(shè)計(jì)題材——阿拉伯?dāng)?shù)字和羅馬字母，因其單純和幾何的形體，從這些基本形創(chuàng)造出許多變化，它們和它們的變體塑造了五十嵐威暢風(fēng)格（如圖8 所示）。

圖7 克雷格·沃德招貼設(shè)計(jì)

圖8 五十嵐威暢“阿拉伯?dāng)?shù)字”

在傳統(tǒng)二維平面設(shè)計(jì)領(lǐng)域，視覺設(shè)計(jì)師對文字形象所做的創(chuàng)意嘗試可謂成績斐然，拘于紙媒空間展示的有限性，文字形象在內(nèi)容設(shè)計(jì)和形式設(shè)計(jì)上都還保留豐富的創(chuàng)意空間。信息技術(shù)的提速，網(wǎng)絡(luò)環(huán)境的升級，傳播媒介的更迭，無一不在呼喚新的媒體內(nèi)容，以激發(fā)大眾視覺消費(fèi)的熱情。文字形象因其外在形象和內(nèi)在涵義的統(tǒng)一，在信息傳遞中具有舉足輕重的作用。

三、文字形象的動(dòng)態(tài)設(shè)計(jì)

在用戶注意力資源有限的今天，動(dòng)態(tài)文字比靜態(tài)文字，在內(nèi)容表達(dá)上更簡潔更具沖擊力。動(dòng)態(tài)化起著“傳播者”的作用，在多樣的需求和緊張的競爭中使文字信息更能抓住受眾的每一點(diǎn)注意力。利用代碼實(shí)現(xiàn)的文字動(dòng)效使網(wǎng)絡(luò)頁面充滿活力和設(shè)計(jì)感，在解決界面實(shí)際性問題的同時(shí)不會(huì)讓用戶感覺突兀。

文字形象與圖形圖像相比，獨(dú)特地一點(diǎn)是，它的書寫在時(shí)間軸坐標(biāo)是線性的，隨著時(shí)間的推進(jìn)，文字在空間坐標(biāo)顯像生成可被觀者即時(shí)獲取的可讀信息，這就給文字的動(dòng)態(tài)圖形化處理提供了靈感，利用軟件自帶的參數(shù)化控制，通過不同元素的組合實(shí)現(xiàn)文字對象的動(dòng)態(tài)展示效果。由目前網(wǎng)絡(luò)上被廣泛應(yīng)用的圖形預(yù)設(shè)中動(dòng)態(tài)文字預(yù)設(shè)的熱銷可見，動(dòng)態(tài)文字有一般圖形無法比擬的優(yōu)勢（如圖9 所示）。

圖9 動(dòng)態(tài)文字預(yù)設(shè)

在三維空間中的文字形象動(dòng)態(tài)設(shè)計(jì)體現(xiàn)在文字主體動(dòng)態(tài)設(shè)計(jì)和攝像機(jī)視角下的文字動(dòng)態(tài)設(shè)計(jì)兩方面。文字主體動(dòng)態(tài)設(shè)計(jì)通常又稱之為“文字生長動(dòng)畫”，三維立體空間中的文字對象帶有厚度信息，因此文字的生長動(dòng)畫可以在多個(gè)維向迂回貫穿。結(jié)合文字質(zhì)感，通過貼圖紋理和精確反射營造生動(dòng)的文字形象，使用動(dòng)態(tài)、克隆、變形等技術(shù)在動(dòng)態(tài)化處理中增添細(xì)節(jié)，在三維動(dòng)態(tài)數(shù)字藝術(shù)家Greyscalegorilla 的作品中，膠囊質(zhì)感的五彩幾何元件如煙火般拔地而起，迸射四散的璀璨氣氛中生長出一組數(shù)字或一個(gè)單詞（如圖10 所示）。可見，突破技術(shù)藩籬的網(wǎng)絡(luò)化圖式語言，文字形象的設(shè)計(jì)更加多元，從最初傳遞信息的媒介逐漸轉(zhuǎn)化為集圖形化、內(nèi)容性和形式感等多重功能為一體的綜合元素。在空間和時(shí)間兩個(gè)維度拓展的文字形象在鏡頭前猶如一個(gè)真實(shí)可觸摸的角色，在虛擬三維的空間中表演。

圖10 Greyscalegorilla 動(dòng)態(tài)文字設(shè)計(jì)

文字形象的空間感還體現(xiàn)在流媒體傳播提供給觀者的前所未有的攝像機(jī)視角，及多機(jī)位切換的觀看體驗(yàn)。跟隨攝像機(jī)的運(yùn)動(dòng)軌跡，文字形象給人一種建筑體量般質(zhì)感，刷新了千年來我們面對平面化文字的觀看經(jīng)驗(yàn)，取而代之的是在文字建筑景觀中漫游。在德國團(tuán)隊(duì)Troublemaker 制作的虛擬影像作品中，以第一人稱的視角帶領(lǐng)觀者穿越火線，在文字對象組成的戰(zhàn)斗機(jī)、坦克、瞭望塔等模擬的戰(zhàn)爭場面中，觀者仿佛身臨現(xiàn)場，跟著一起突出重圍，沖破喻義障礙的文字墻，形象地傳達(dá)了克服語言學(xué)習(xí)障礙的主旨。螺旋槳低空劃過、履帶碾壓地面、連綿不絕的槍火轟鳴，在一系列音效的配合下，文字形象組成的重型武器裝備在鏡頭前展現(xiàn)得鏗鏘有力（如圖11 所示）。

圖11 Greyscalegorilla 動(dòng)態(tài)文字設(shè)計(jì)

同時(shí)，數(shù)字化拉近了動(dòng)態(tài)文字與視頻影像的距離，在實(shí)拍影像中，文字形象的符號特征與影像所代表的現(xiàn)實(shí)敘事符號、象征屬性碰撞，是數(shù)字虛擬與現(xiàn)實(shí)世界的奇妙對話。在短片《A History Of The Title Sequence》中，實(shí)拍的形式和虛擬動(dòng)態(tài)的內(nèi)容巧妙結(jié)合，故事開篇交代是發(fā)生在工作臺(tái)上，工作人員校正角尺、削尖粉筆，組合鏡頭展示一切都是在現(xiàn)實(shí)環(huán)境中展開，順著尺子粉筆在黑色卡紙上畫出一條筆直的線條，幾乎與此同時(shí)一段文字在線上自行滑出，動(dòng)態(tài)滑出的文字質(zhì)感與粉筆線條的質(zhì)感配合地嚴(yán)絲合縫，同樣地，另一個(gè)鏡頭交代刻刀順著尺子劃在文字之上，尺子、手和刻刀出鏡，文字在繪圖紙紋絲不動(dòng)地襯托下，錯(cuò)位拼合成刻刀劃過的痕跡，以及在墨跡中顯影的文字，都是一組組實(shí)拍影像與虛擬文字的組合，混淆著觀者的視聽（如圖12 所示）。

圖12《A History Of The Title Sequence》短片

漢字凝聚了華夏民族上千年的歷史文化傳統(tǒng)，是迄今為止使用時(shí)間最長的文字，也是上古時(shí)期各大文字體系中唯一傳承至今的文字④，隨著數(shù)字技術(shù)的發(fā)展、傳播媒介的變化，漢字形象的動(dòng)態(tài)化設(shè)計(jì)是大勢所趨，也是在數(shù)字媒體技術(shù)下對傳統(tǒng)文化探索的重要組成部分，結(jié)合對目前國外出現(xiàn)的優(yōu)秀文字動(dòng)態(tài)設(shè)計(jì)的借鑒學(xué)習(xí)，作為象形文字代表的漢字形象，在動(dòng)態(tài)化創(chuàng)意方面，還有很多值得探索的空間。

四、結(jié)語

動(dòng)態(tài)效果讓文字的演繹充滿呼吸感和動(dòng)感，文字的圖形化、空間化給動(dòng)態(tài)設(shè)計(jì)注入情緒和情感，從平面到動(dòng)態(tài)的轉(zhuǎn)變，使文學(xué)形象貫通了現(xiàn)代人的思想與觀念，更加趨向娛樂化、時(shí)尚化和趣味化，更貼近大眾的生活，相信不遠(yuǎn)地將來，隨著VR、AR 技術(shù)的日臻成熟，虛擬影像、數(shù)字信息與攝像機(jī)視角的觀眾三者之間的互動(dòng)將更加有說服力，文字形象的視覺表現(xiàn)，動(dòng)態(tài)處理將得到進(jìn)一步地普及。

注釋：

①趙迪心.淺談字體創(chuàng)意設(shè)計(jì)中的圖形化表現(xiàn)[J].工業(yè)設(shè)計(jì),2019(03).

②詹文瑤.從“文字符號”到“圖形符號”—海報(bào)設(shè)計(jì)主題的提煉和視覺表現(xiàn)[J].裝飾,2012：(11).

③文字圖形在現(xiàn)代招貼設(shè)計(jì)中的舍得與重構(gòu)[D].臨汾：山西師范大學(xué),2012：35-36.

④趙川. 漢字字體設(shè)計(jì)之筆畫構(gòu)造那些事兒[J]. 漢字文化,2019(06).