動態字體中舞蹈力效的視覺轉化設計探究
——以“街去”app為例

華焓亦

（武漢理工大學,湖北武漢 430072）

一、動態字體設計概述及相關設計案例

（一）動態字體設計概述

動態字體設計的產生是基于動態攝影技術的發展，最初主要出現在電影字幕中，隨后動態圖形的大量出現使設計師們發現圖形在信息和通信技術中有很強大的傳播作用，于是將其融入于字體設計，將傳統的靜態字體與動畫、圖形等設計形式相互結合,在有限的空間中產生豐富的視覺變化，最終形成了一種區別于靜態字體設計的新型字體設計形式——動態字體設計。動態字體與靜態字體最大的區別在于，動態字體設計擁有運動性、時間性、空間性和元素輔助性的特性。因為這些特性，在設計動態字體時，可將字體本身抽象含蓄的內在含義更為直觀地展現出來。因此在設計時，要結合字體的內在含義編排設計動態字體的特性，從而使人們最大限度地看到視覺信息，使得信息有效地傳達。

（二）動態字體設計特性

動態字體的運動性。從運動性方面來看，動態字體不是簡單的整體飛進、淡入、虛化，還存在著一些運動速率的差異，例如勻速運動、加減速運動或先加速后減速運動等。設計動態字體時，可以根據字體主題對其進行不同運動方式上的選擇，例如跑步主題字體選擇強烈的加速運動，乒乓球主題字體選擇彈跳運動等等。總之，流暢的滑動、快速的抖動、急速的旋轉、活潑的彈跳在觀者的心理感受是完全不同的，不同的運動方式能表達出不同的情緒和愿望。

動態字體的時間性。設計師不僅要思考字符主體開始到結束的變化，還要思考其運動節奏變化的快慢，安排好字體的開始、發展、結束，以及控制運動的節奏順序，以此來控制動態字體情節的發生及整體空間的變化。在短時間內，除了要抓住人的視覺注意力,還要給人留下記憶點，從而完成視覺信息的認知。

動態字體的空間性。因為設計畫面真實的深度不存在，所以設計師需要使用虛實、前后、跳躍、分層、明暗、沖散和色彩飽和度等方式創造出字體視覺的空間感，從而使人感受到視覺范圍中的空間層次，帶領人體驗空間情境。

動態字體的元素輔助性。靜態字體設計中也存在著輔助元素，例如給字體加上圖形、線條、色彩等元素。但動態字體中的輔助元素能夠產生動態的視覺變化效果,這樣更能給字體營造氛圍以及表達字體的內在含義，并且能夠產生強烈的視覺沖擊，提升字體的感染力,也在無形中深化觀者對于信息獲取的持久度。

（三）相關設計案例

然而現有的一些動態字體設計沒有結合字體的內在含義，對字體進行簡單的或毫無邏輯的時間上、空間上、運動上和元素輔助上的改變，僅僅只停留在視覺效果層面。比如何庭安的動態字體設計《Motion Type Project》（見圖1），作者對其進行了時間上的逐漸出現，沒有結合“風”的內在含義。在時間上沒有體現風吹動的疾速或緩慢，在運動性上沒有體現風吹動的運動趨勢加速運動或減速運動交替，在空間性上沒有體現風吹動的幅度，在元素輔助性上沒有體現出風的溫度寒冷或是溫暖，例如可以增加白色雪花圖形，表現出風所處的環境。

圖1

二、舞蹈力效的陳述

舞蹈中的力效，主要用于描述動作的力量變化給動作的意圖、感覺、質感帶來的影響。它來自舞者在舞蹈過程中自我控制的能量，通常能夠反映出舞者在運動過程中身體肌肉對力的控制能力。這種力的特征在于它是由身體自發而成的，并可以通過舞者對身體的控制而自由地變換和使用。力效的不盡相同，也傳遞著不同的情感和韻律節奏。德國的舞蹈大師魯道夫·馮·拉班，他對舞蹈中力的形成進行了探究，并總結出了一套理論——“力效”理論。理論主要包括了砍動、浮動、輕敲、滑動、壓動、沖擊、彈動和扭動八種基本力效樣式。例如沖擊力效，它有著突出且短暫的動態效果，類似于街舞中的爆發力，強力的出拳到人面前后又突然停下，這就會形成猛烈沖擊感；“砍動”力效，類似于劈柴，從一點快速移到另外一點，動作蔓延流暢，敏捷而有力；“點打”力效，如同彈珠掉到地面上反彈過程的節奏……這些不同的力效樣式組成在一起會形成不同的特點，并且能形成各式各樣的舞種。

三、設計實驗

（一）力效的視覺轉化分析

舞蹈表演之所以讓人賞心悅目，是因為多樣的動作及其與旋律的準確配合可以體現舞者的情感。換句話說，優美的舞蹈動作需要在時間、空間、內在表現力上達到和諧統一。拉班的“力效理論”就是由這四個基本元素組成，它們分別是時間因素、空間因素、流暢度因素和重力因素。“時間”因素分為慢和快，是人體動作所占時值的多少；“空間”因素是舞者肢體可達到的距離空間；“流暢度”因素是動作自由度的描述；“重力”因素是因地心引力，帶給人身體動作的輕、重質感。

在力效視覺轉化時，我們可將不同的視覺設計語言來對應這四種元素。在時間因素方面，可將其視為動態字體設計快或者慢的節奏；流暢性因素可以被理解為關鍵幀之間的停頓程度；在空間因素方面，可對應其為動態字體的造型變化；重力因素可被理解為動態字體設計中的運動速率，色彩，材質等等，例如同樣大小的物體，淺色顯得輕巧，深色顯得笨重。

重力因素對應的運動速率指的是物體從一點移動到另外一點過程中速度的變化。最常用的運動曲率圖表曲線是“位移–時間”曲線：橫軸表示時間，縱軸表示在一個方向上的位移，線的斜率（目標位置/運動時間）就是它的運動速度。先加速后減速運動、加速運動和減速運動是常見的三種運動速率。其中加速運動就像是磁鐵吸引硬幣的運動過程，當硬幣越靠近磁鐵，硬幣的運動速度就會越快；先加速后減速運動就好像彈弓發射石子的運動過程。石子從發射的開始到運動的中途，因為慣性所以產生加速運動，在運動了一定的時間后，慣性作用減弱受到重力的影響就變成了減速運動。彈弓發射石子的整個過程就是先加速后減速運動。

不同的力效樣式有著不同的運動速率。比如沖擊力效有著突出且短暫的動態效果，類似于街舞中的爆發力，突然出拳到眼前后又突然停下，形成猛烈的沖擊感。其運動過程是加速運動，但又因突然的停滯，它的加速度并非勻速加速，而是在后期的加速運動過程中，它的運動斜率會提高。砍動力效的運動曲線就是先加速后減速，時間短暫；點打，加速曲線為非連續的；彈動，是交替的加速減速運動；浮動是減速加速交替，中間加速時間短；滑動，加速曲線為非連續的；扭擰是加速減速交替；壓動是先加速后減速。

（二）設計過程

本人選取了與街舞相關的app——“街去”app，嘗試為其在加載頁面上的字體進行設計。在程序打開或者大幅跳轉時,程序需要調用系統資源,不會立刻呈現出其信息或界面,此時，就需要加載頁面告知用戶需加載內容，并明確用戶需等待時長，給用戶一個心理預期。因為用戶在等待頁面加載的過程是無聊的，這種靜止不動的等待能一定程度上引起用戶的消極情緒，從而使得用戶對程序內容失去興趣，導致用戶最終離開。所以，在設計加載頁面時，需要提升頁面的視覺沖擊力，這樣不僅能轉移用戶注意力,更能加深用戶對品牌的印象。

因此，本人選取了一段視覺沖擊力，節奏感強烈的舞蹈進行力效提取，企圖滿足用戶在等待加載頁面時的需求。該街舞片段中主要運用的力效大多為“沖擊”“砍動”等力效，給人的感覺沖擊力強，富有彈性及力量感。

（三）設計成果

在字形的設計上，為了能更好地體現其動態效果，讓用戶注意力集中在小方塊的運動軌跡，感受街舞的節奏韻律，所以，本人采取了簡潔清晰的點線面構成方式，將小方塊在每個筆畫上進行不同的運動速率變化，以此與舞蹈片段中提取的力效對應（見圖2）。

圖2

四、結語

在新技術、新媒體的不斷應用過程中，我們不能盲目使用技術堆積設計中的視覺效果，這樣的設計是毫無內涵價值并且還造成了字體動態設計的無效設計和傳達。在動態字體設計中，時間性、運動性、空間性和元素的輔助性方面要牢牢的結合字體的內在含義，這樣的動態字體設計才能更具備專業性。