淺析文字形象在圖形化動態(tài)設計中的視覺表現(xiàn)

王 雯

（湖北美術學院 動畫學院，湖北 武漢430000）

一、前言

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

二、文字形象的圖形化

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

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

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

圖1 Dan Fleming 設計動物字母

圖2 Ocki 設計花體字母

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

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

圖4 字繪武漢

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

圖5 Hsin-Hsiang Kuo 海報

圖6 靳埭強《山》

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

圖7 克雷格·沃德招貼設計

圖8 五十嵐威暢“阿拉伯數字”

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

三、文字形象的動態(tài)設計

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

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

圖9 動態(tài)文字預設

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

圖10 Greyscalegorilla 動態(tài)文字設計

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

圖11 Greyscalegorilla 動態(tài)文字設計

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

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

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

四、結語

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

注釋：

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

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

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

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