動(dòng)態(tài)化字體設(shè)計(jì)的視覺(jué)表現(xiàn)研究

如今，數(shù)字化技術(shù)在視覺(jué)傳達(dá)設(shè)計(jì)領(lǐng)域被廣泛應(yīng)用，傳統(tǒng)的視覺(jué)傳播媒介也進(jìn)入了屏幕化的媒體交互時(shí)代。字體設(shè)計(jì)從靜態(tài)單一的視覺(jué)表現(xiàn)轉(zhuǎn)向動(dòng)態(tài)多維度且具有情感交互的視覺(jué)表現(xiàn)，動(dòng)態(tài)字體設(shè)計(jì)已然成為現(xiàn)代設(shè)計(jì)的流行趨勢(shì)，對(duì)于設(shè)計(jì)師而言能否把握動(dòng)態(tài)的設(shè)計(jì)方法顯得更為重要。文章著重探討動(dòng)態(tài)字體設(shè)計(jì)的視覺(jué)表現(xiàn)特征、原則及方法，旨在豐富字體動(dòng)態(tài)設(shè)計(jì)理論與實(shí)踐，滿足當(dāng)前數(shù)字媒體發(fā)展的實(shí)際需求，更好地服務(wù)社會(huì)受眾。

文字作為一種可視的圖形符號(hào)，是用來(lái)記錄和傳達(dá)事物信息的一種可視化載體。一般認(rèn)為，文字的運(yùn)用是人類社會(huì)走向文明的重要開(kāi)端。漢字自創(chuàng)造伊始，一直推動(dòng)著中華文化的發(fā)展，且深深影響著世界文化。在視覺(jué)傳達(dá)設(shè)計(jì)領(lǐng)域中，通過(guò)對(duì)字體筆畫(huà)的形態(tài)、裝飾、結(jié)構(gòu)等多方面的改變從而形成了字體設(shè)計(jì)?，F(xiàn)如今在信息技術(shù)的背景下，傳統(tǒng)的字體設(shè)計(jì)已經(jīng)很難滿足社會(huì)信息傳播的需要，文字的載體也從傳統(tǒng)印刷轉(zhuǎn)變?yōu)橐詳?shù)字顯示為主的多媒體設(shè)備，而動(dòng)態(tài)字體的出現(xiàn)更加豐富了字體設(shè)計(jì)的視覺(jué)表現(xiàn)，同時(shí)也為字體設(shè)計(jì)的數(shù)字化發(fā)展提供了更多的可能。

一、動(dòng)態(tài)化字體設(shè)計(jì)概念

（一）字體設(shè)計(jì)

字體即文字的書(shū)寫(xiě)和表現(xiàn)形式，屬于平面設(shè)計(jì)的基礎(chǔ)范疇，研究的是字體的筆畫(huà)、結(jié)構(gòu)、形式，通過(guò)對(duì)文字的字義去設(shè)計(jì)出符合字體本身特點(diǎn)的文字使文字在字形和字義上都具有更好的傳播效果。字體設(shè)計(jì)作為一個(gè)整體性概念，它有著豐富的文化內(nèi)涵，也是視覺(jué)傳達(dá)設(shè)計(jì)專業(yè)中必學(xué)的重要課程。

此外，字體設(shè)計(jì)的英文為“typography”，意為字體的排版和字體的編排，“type”意思是字體的形式和樣式，“graphy”意思是字體的圖形、圖式等。因此，字體設(shè)計(jì)并不是單純的對(duì)字進(jìn)行變化更要考慮到字體的整體性因素，在進(jìn)行字體設(shè)計(jì)時(shí)更要注重字體的編排方式，不同的編排形式會(huì)使字體產(chǎn)生不同的視覺(jué)效果。當(dāng)然，字體設(shè)計(jì)的最終目的還是提高字體的明晰度和可讀性，加強(qiáng)觀賞性和思想性，從而獲得較強(qiáng)的視覺(jué)沖擊力和傳播效應(yīng)，創(chuàng)造出具有鮮明的視覺(jué)特征的文字。[1]

（二）動(dòng)態(tài)化字體設(shè)計(jì)

動(dòng)態(tài)化設(shè)計(jì)的概念最早可追溯至1981年迪士尼動(dòng)畫(huà)師奧利·約翰斯頓與弗蘭克·托馬斯所出的《生命的幻象：迪士尼動(dòng)畫(huà)》一書(shū)，在這本書(shū)中其創(chuàng)造性地提出了有關(guān)動(dòng)態(tài)設(shè)計(jì)十二定律的基本法則：“擠壓和拉伸、預(yù)備動(dòng)作、演出布局、連續(xù)運(yùn)動(dòng)和姿態(tài)對(duì)應(yīng)、跟隨和重疊動(dòng)作、緩入緩出、弧線運(yùn)動(dòng)、次要?jiǎng)幼?、時(shí)間節(jié)奏、夸張手法、扎實(shí)的描繪、吸引力”。[2]因此，動(dòng)態(tài)化字體設(shè)計(jì)在本質(zhì)上來(lái)講就是以傳統(tǒng)的靜態(tài)字體設(shè)計(jì)為基礎(chǔ)，通過(guò)對(duì)字體的筆畫(huà)、造型、風(fēng)格進(jìn)行動(dòng)態(tài)變化，是視覺(jué)藝術(shù)和科技的結(jié)合，同時(shí)也是字體轉(zhuǎn)變?yōu)閳D形的精妙過(guò)程。進(jìn)一步地借助數(shù)字化技術(shù)手段將筆畫(huà)與圖形、音視頻等結(jié)合，可以形成一個(gè)由二維空間向三維空間的轉(zhuǎn)變。字體的每個(gè)組成筆畫(huà)由原來(lái)傳統(tǒng)的靜態(tài)變?yōu)橹饚兓膭?dòng)態(tài)，從而使字體設(shè)計(jì)在有限的空間中產(chǎn)生豐富的變化。

此外，動(dòng)態(tài)字體設(shè)計(jì)有著更大的視覺(jué)沖擊力，能夠充分利用字體的多重特點(diǎn)來(lái)傳達(dá)信息，更好地將圖形與色彩融入動(dòng)態(tài)字體設(shè)計(jì)當(dāng)中。如今，動(dòng)態(tài)字體已成為行業(yè)發(fā)展的趨勢(shì)，這對(duì)于設(shè)計(jì)師來(lái)說(shuō)會(huì)面對(duì)更大的挑戰(zhàn)，要確保字體的結(jié)構(gòu)和情感更符合大眾的審美偏好，充分展現(xiàn)出文字的魅力。

二、動(dòng)態(tài)字體的視覺(jué)表現(xiàn)特征

（一）空間性

動(dòng)態(tài)化字體設(shè)計(jì)在視覺(jué)表現(xiàn)上最突出的特點(diǎn)則是多維度的空間，字體由平面化向立體化方向轉(zhuǎn)變，通過(guò)運(yùn)動(dòng)能夠展現(xiàn)出字的大小、位置、方向以及角度的變化。在多維度的空間中使字體既保持了原有的平面化特點(diǎn)又能夠通過(guò)動(dòng)態(tài)的結(jié)構(gòu)變化豐富字體的視覺(jué)表現(xiàn)。此外，不同的視角也會(huì)給觀者帶來(lái)不同的視覺(jué)體驗(yàn)，設(shè)計(jì)者要根據(jù)字體的特點(diǎn)以及想要傳達(dá)的概念選擇合適的角度進(jìn)行表現(xiàn)。

空間多維性的特點(diǎn)可以在一定程度上提高畫(huà)面的視覺(jué)沖擊力，讓觀者產(chǎn)生首因效應(yīng)。因此，設(shè)計(jì)師在表現(xiàn)字體空間性的特點(diǎn)時(shí)可以利用文字的疊加、顏色的變換以及透視等方法來(lái)營(yíng)造空間感，同時(shí)還要注重內(nèi)容的相關(guān)性，通過(guò)尋找各個(gè)要素之間的聯(lián)系進(jìn)行創(chuàng)意性表達(dá)，讓觀者能夠切實(shí)感受到動(dòng)態(tài)字體設(shè)計(jì)所帶來(lái)的空間情境。

（二）運(yùn)動(dòng)性

運(yùn)動(dòng)性是動(dòng)態(tài)字體設(shè)計(jì)中最明顯的特征之一。在字體運(yùn)動(dòng)的過(guò)程中主要以運(yùn)動(dòng)的軌跡和運(yùn)動(dòng)的速度為字體情感的表達(dá)途徑。軌跡即記錄字體移動(dòng)的過(guò)程，其中包含上、下、左、右等多種方向的運(yùn)動(dòng)以及旋轉(zhuǎn)、顫抖、晃動(dòng)等動(dòng)作，速度則是字體移動(dòng)變化的快慢。

字體的運(yùn)動(dòng)可分為整體性運(yùn)動(dòng)和區(qū)域性運(yùn)動(dòng)兩種不同形式。字體的區(qū)域性運(yùn)動(dòng)是明顯不同于其他字體部分的一種動(dòng)態(tài)方式，對(duì)字體的局部如字體的裝飾、筆畫(huà)、結(jié)構(gòu)使用動(dòng)效，使得作品帶有一種動(dòng)靜結(jié)合的巧妙感，從而體現(xiàn)設(shè)計(jì)的主體思想。因此在進(jìn)行局部字體動(dòng)效設(shè)計(jì)時(shí)要根據(jù)作品特點(diǎn)和作品需要恰當(dāng)?shù)剡x用，以創(chuàng)造出生動(dòng)的視覺(jué)效果。比如日本設(shè)計(jì)師井口皓太的設(shè)計(jì)作品，將字體“布”與帶有門簾的店鋪進(jìn)行動(dòng)態(tài)化的重構(gòu)，通過(guò)動(dòng)態(tài)的縮放來(lái)解釋“布”字，準(zhǔn)確的傳達(dá)出了字體的含義，這一局部動(dòng)態(tài)設(shè)計(jì)可以說(shuō)是整幅畫(huà)面的神來(lái)之筆。[3]在動(dòng)態(tài)字體運(yùn)動(dòng)的過(guò)程中還要遵循基本的文字設(shè)計(jì)法則，在保持字體識(shí)別性的基礎(chǔ)上選擇最能體現(xiàn)字體特征的筆畫(huà)，并輔之以相對(duì)應(yīng)的運(yùn)動(dòng)或動(dòng)作，減少毫無(wú)意義的次要?jiǎng)幼鳎岣哂^者對(duì)視覺(jué)中心的注意力。

（三）敘事性

動(dòng)態(tài)字體通過(guò)動(dòng)態(tài)變化的時(shí)間維度巧思，使文字具備了敘事性的特點(diǎn)。文字本身就具有豐富的含義，時(shí)間和運(yùn)動(dòng)能夠讓文字的含義表現(xiàn)得更加直觀。在運(yùn)動(dòng)的過(guò)程中設(shè)計(jì)者可以將某一時(shí)間段的運(yùn)動(dòng)轉(zhuǎn)變?yōu)橐粋€(gè)事件或者是故事，通過(guò)字體筆畫(huà)的不斷變換形成一種圖形化的敘事效果，讓觀者通過(guò)動(dòng)態(tài)字體就能夠了解到設(shè)計(jì)者所要傳達(dá)的設(shè)計(jì)理念?，F(xiàn)如今，在數(shù)字化時(shí)代發(fā)展的背景下越來(lái)越多的企業(yè)開(kāi)始采用動(dòng)態(tài)字體作為自己的標(biāo)志，從敘事性的角度讓標(biāo)志動(dòng)起來(lái)，以此來(lái)傳達(dá)自己奉行的品牌理念和體現(xiàn)出的品牌價(jià)值。例如谷歌Google瀏覽器的動(dòng)態(tài)logo設(shè)計(jì)，整個(gè)作品采用了一種手繪的兒童風(fēng)格將文字與下方兒童的手進(jìn)行動(dòng)態(tài)化的互動(dòng)，寓意谷歌的發(fā)展是以用戶為中心，根據(jù)用戶雙手的擺動(dòng)使文字有一種上下漂浮的動(dòng)態(tài)效果在視覺(jué)上引人注目，引發(fā)觀者情感上的共鳴從而向大家敘述和傳遞愛(ài)心的主題。[4]

（四）時(shí)間性

動(dòng)態(tài)化字體設(shè)計(jì)的時(shí)間性，是指文字在一個(gè)運(yùn)動(dòng)的周期性范圍中產(chǎn)生的變化，并且這種變化是可以通過(guò)控制時(shí)間進(jìn)行改變。在動(dòng)態(tài)字體設(shè)計(jì)的過(guò)程中，通過(guò)調(diào)整運(yùn)動(dòng)的時(shí)間軸可以很好地控制字體動(dòng)態(tài)的變化時(shí)長(zhǎng)，由此可以看出在動(dòng)態(tài)化的設(shè)計(jì)中時(shí)間軸和關(guān)鍵幀對(duì)字體的變化至關(guān)重要。通過(guò)關(guān)鍵幀來(lái)表現(xiàn)字體的特效、位置、大小及形狀，時(shí)間軸則可以改變字體變化的時(shí)長(zhǎng)。設(shè)計(jì)者把握好字體在運(yùn)動(dòng)過(guò)程中的時(shí)間性，可以更好地控制字體運(yùn)動(dòng)的節(jié)奏變化，使文字從開(kāi)始到結(jié)束都能給觀者帶來(lái)良好的視覺(jué)體驗(yàn)。

三、動(dòng)態(tài)字體的視覺(jué)表現(xiàn)原則

（一）易讀性

無(wú)論是動(dòng)態(tài)字體還是靜態(tài)字體，識(shí)別性是字體最根本的特征，而設(shè)計(jì)的目的就是讓字體兼具識(shí)別性的同時(shí)又能夠精準(zhǔn)地把握到字體所代表的情感和意義。因此，在動(dòng)態(tài)字體的變化中，把正確的信息傳達(dá)到觀者的眼中至關(guān)重要，易讀性仍然是動(dòng)態(tài)字體設(shè)計(jì)首要原則。在進(jìn)行設(shè)計(jì)實(shí)踐中應(yīng)該時(shí)刻以整體為主導(dǎo)，無(wú)論是字體筆畫(huà)的變形、借用還是字體的框架、顏色等都要建立在易讀性的基礎(chǔ)之上，對(duì)局部進(jìn)行動(dòng)態(tài)化的改變，同時(shí)還要注意字與字、字與圖形之間的格式規(guī)范，不能為了動(dòng)而動(dòng)。特別是在圖形化的動(dòng)態(tài)字體海報(bào)中，要兼顧好圖形與字體筆畫(huà)的聯(lián)系，不能過(guò)多地使用圖形替代，在把握字體特點(diǎn)的同時(shí)更要處理好整體與部分之間的關(guān)系。

（二）審美性

字體的審美性一般是為了更準(zhǔn)確、具體地表達(dá)情感和內(nèi)容而采用的藝術(shù)表現(xiàn)手法，它是字體外在形式中最關(guān)鍵的因素，即一個(gè)字體能否吸引人在于字體是否美觀。對(duì)于動(dòng)態(tài)字體來(lái)說(shuō)，審美性主要體現(xiàn)在筆畫(huà)運(yùn)動(dòng)的形式美以及字體所呈現(xiàn)出來(lái)的藝術(shù)風(fēng)格，在運(yùn)動(dòng)的過(guò)程中字體的大小變化、字形的變化、間距的變化、粗細(xì)的變化、比例的變化等都是影響字體美的重要因素。除了字體本身外，在動(dòng)態(tài)化的字體中字體運(yùn)動(dòng)的效果和風(fēng)格也會(huì)直接影響字體的美感，簡(jiǎn)約的動(dòng)態(tài)效果可以更好地表現(xiàn)字體本身所蘊(yùn)含的美，從而突出字體的特點(diǎn)。復(fù)雜的動(dòng)態(tài)效果則可以更好地表現(xiàn)字體的視覺(jué)張力，增強(qiáng)字體的藝術(shù)吸引力，因此設(shè)計(jì)者在實(shí)踐的過(guò)程中要綜合考慮字體的審美性，使文字的內(nèi)容和形式達(dá)到統(tǒng)一，充分體現(xiàn)出設(shè)計(jì)中的形式美原則。

（三）創(chuàng)意性

創(chuàng)意性原則是設(shè)計(jì)中不可或缺的。好的創(chuàng)意有情感，能夠突破受眾的心理防線，可以讓一部分受眾喜歡。好的創(chuàng)意有趣味，內(nèi)容新鮮、奇特、有趣，能夠激發(fā)受眾自發(fā)分享的欲望。在動(dòng)態(tài)字體設(shè)計(jì)的創(chuàng)意過(guò)程中，動(dòng)得與眾不同才能吸引大眾獲得認(rèn)可。因此，做到字體與動(dòng)態(tài)的雙重創(chuàng)意才是動(dòng)態(tài)字體創(chuàng)意性的根本要求。從字體的角度來(lái)看，字體創(chuàng)意離不開(kāi)筆畫(huà)的創(chuàng)新和變化，通過(guò)對(duì)稱或平衡，水平或垂直，梯度或自由，添加對(duì)象和塑造空間等方法，創(chuàng)造性地思考筆畫(huà)的結(jié)構(gòu)和裝飾。但無(wú)論如何變化，都應(yīng)注意其組成的自然性和巧妙性，例如在設(shè)計(jì)一組擬人或卡通風(fēng)格的動(dòng)態(tài)字體時(shí)，采用擬人化的肢體語(yǔ)言，或卡通造型與文字結(jié)構(gòu)的巧妙結(jié)合，裝飾生動(dòng)有趣傳達(dá)出輕松愉悅、獨(dú)特幽默的文字氛圍。從動(dòng)態(tài)化的角度考慮，運(yùn)動(dòng)的形式要獨(dú)特、巧妙，運(yùn)動(dòng)的規(guī)律和快慢要有所依據(jù)，同時(shí)還能夠產(chǎn)生強(qiáng)烈的視覺(jué)吸引力，在無(wú)形中深化了人們對(duì)于信息獲取的持久度。

四、動(dòng)態(tài)字體的視覺(jué)表現(xiàn)方法

（一）元素共用

元素共用法是動(dòng)態(tài)字體中最富有創(chuàng)意性的一種表現(xiàn)方法，在有目的性地挑選具有代表性的字體進(jìn)行字形設(shè)計(jì)時(shí)，要考慮字形與字義之間的融合點(diǎn)，尋找元素之間的共同性。借用動(dòng)態(tài)化的形式體現(xiàn)共用元素的運(yùn)動(dòng)變化并由此產(chǎn)生一個(gè)新的形態(tài)，巧妙地將字體本身與想要表達(dá)的主題進(jìn)行創(chuàng)意性結(jié)合，相比于傳統(tǒng)靜態(tài)的元素共用，動(dòng)態(tài)將會(huì)更為直觀的體現(xiàn)設(shè)計(jì)者的意圖。以元素共用的方式進(jìn)行動(dòng)態(tài)字體設(shè)計(jì)時(shí)，需要提取一些最具代表性的文字進(jìn)行設(shè)計(jì)。在進(jìn)行共用化的設(shè)計(jì)處理時(shí)，一定要根據(jù)字形本身的結(jié)構(gòu)去提取共通點(diǎn)，不要為了共用而共用，自然而然地設(shè)計(jì)才是合適的設(shè)計(jì)。

（二）字體圖形化

圖形在一定程度上講比文字更有視覺(jué)沖擊力，字體圖形化就是將字體的某些筆畫(huà)通過(guò)動(dòng)態(tài)的表現(xiàn)變成圖形，可以讓觀者在有效的時(shí)間內(nèi)抓住關(guān)鍵信息從而使文字變得更加美觀、更具視覺(jué)沖擊力，甚至是可以把文字的意義圖像化，使設(shè)計(jì)更具說(shuō)服力。在動(dòng)態(tài)海報(bào)中，通常是把主題或者關(guān)鍵字詞設(shè)計(jì)成圖形，然后把其作為畫(huà)面的主視覺(jué)，然后將主題與字體代表性筆畫(huà)進(jìn)行動(dòng)態(tài)的結(jié)合，這種做法既能使畫(huà)面視覺(jué)更豐富，又能突出關(guān)鍵字詞。在設(shè)計(jì)師真正實(shí)施的過(guò)程中，既要保證文字本身的識(shí)別性，也要保證其組成元素的識(shí)別性。另外，要找到圖片元素與文字筆畫(huà)的共同點(diǎn)，盡量讓圖片與文字之間的組合自然而巧妙。

（三）解構(gòu)與重構(gòu)

目前在動(dòng)態(tài)字體海報(bào)中運(yùn)用最多的一種方法即為解構(gòu)法與重構(gòu)法。其本意就是將字體拆分成多個(gè)筆畫(huà)組成部分，每個(gè)筆畫(huà)之間相互打散、重組最后形成一個(gè)新的形態(tài)，并且各個(gè)部分之間通過(guò)運(yùn)動(dòng)變化能夠帶來(lái)更多的視覺(jué)導(dǎo)向，給觀者帶來(lái)眼前一亮的感覺(jué)。這種做法可以使動(dòng)態(tài)字體在形式上做得很豐富，但有時(shí)也會(huì)因?yàn)檫\(yùn)動(dòng)過(guò)于散亂而導(dǎo)致視覺(jué)中心混淆，因此在設(shè)計(jì)實(shí)踐中要以動(dòng)態(tài)的時(shí)間為導(dǎo)向，通過(guò)筆畫(huà)出現(xiàn)的先后順序進(jìn)行重構(gòu)。同時(shí)在分解重構(gòu)的過(guò)程中還要關(guān)注字體的變化形式與字體的色彩傾向，使文字在形式與內(nèi)容上相輔相成提高字體的識(shí)別性，并通過(guò)字體顏色的變化賦予其一定的內(nèi)涵。

五、結(jié)語(yǔ)

綜上所述，動(dòng)態(tài)字體設(shè)計(jì)有著豐富的視覺(jué)效果，將傳統(tǒng)的二維靜態(tài)畫(huà)面推向了三維動(dòng)態(tài)的全新格局，字體的結(jié)構(gòu)和筆畫(huà)也為設(shè)計(jì)帶來(lái)了更多的可能，文字的設(shè)計(jì)發(fā)展也走向了新的階段。如今，我們更多的是通過(guò)屏幕體驗(yàn)這個(gè)世界，動(dòng)態(tài)字體的出現(xiàn)帶來(lái)了更有趣、更具變化的設(shè)計(jì)，字體也能夠在不同的情景下自動(dòng)適應(yīng)不同傳播媒介，更能讓觀者在新媒體的世界中體驗(yàn)繁多新穎的觀感沖擊。

參考文獻(xiàn)：

[1]商毅.動(dòng)態(tài)字體設(shè)計(jì)的視覺(jué)語(yǔ)言研究[J].包裝工程，2016，37（22）：11-15.

[2]梁雅楠.感官設(shè)計(jì)影響下的平面視覺(jué)語(yǔ)言表現(xiàn)探究[D].沈陽(yáng)師范大學(xué)，2020.

[3]張強(qiáng).數(shù)字化動(dòng)態(tài)字體設(shè)計(jì)研究[D].西安美術(shù)學(xué)院，2017.

[4]尚巍.字不語(yǔ)——手寫(xiě)字體設(shè)計(jì)與應(yīng)用方法解析[M].北京：人民郵電出版社，2017：86-87.

（作者簡(jiǎn)介：?jiǎn)處?，男，碩士研究生在讀，蘇州大學(xué)藝術(shù)學(xué)院，研究方向：平面藝術(shù)設(shè)計(jì)）

（責(zé)任編輯 劉月嬌）