動態圖標設計中的設計語言研究

當前，圖標設計的動態化已然成為流行趨勢，得到了廣泛應用。實踐中，圖標設計除了要做到簡潔明了、一目了然外，還應該突出個性化的元素，如何讓大眾化的動態圖標風格凸顯，呈現出驚人的視覺效果，如何能讓動態圖標更好地適應和符合大眾需求，是當下動態圖標設計師需要考慮的重要問題。本文主要從視覺元素下的圖形語言表達、色彩語言表達、空間與時間語言表達、動態語言表達以及動態圖標設計原則來分析動態圖標設計語言，希望能對動態圖標設計師有所幫助。

一、圖標與動態圖標概述

圖標設計有廣義和狹義兩種概念，廣義的圖標是指能準確快速地傳達信息的圖形符號，具有識別性和記憶性的特征。如我們生活中常見的公共衛生間圖標、停車圖標等。狹義的圖標是指隨著電腦、手機等智能設備進行快速象征、命令以及指示等。

動態圖標設計在靜態圖標設計的基礎上提取圖標信息，再將圖標變化成不同形態并遵循動畫的律動原則進行演繹，將平面語言視覺元素融入時間與空間，依托新媒體在不同場景媒介中不再以單一固定的形態和色彩存在，而是通過運用圖形產生“動感”力，形成動態圖形，通過設計使圖形富有特殊象征的識別符號性，從而對人的視覺和心理效果產生沖擊力。

動態圖標與靜態圖標相比，更能夠通過夸張、擬人等表現手法傳遞親和力與幽默感，通過異性同構、節奏變化、動態轉場等打破思維空間，使受眾的體驗感更加有趣味性，更能夠吸引受眾并產生情感共鳴。

二、設計語言概述

設計語言指的是設計師創作過程中用到的構思手法與造型表現手段的總和，它是一種特殊的語言，是隨著社會歷史發展而形成的。設計語言由兩部分組成，第一部分是指視覺基本元素，第二部分是設計原則，它是一套傳達意義的符號系統。創作者新的創作理念、大膽設想、成熟的藝術技巧都會讓設計語言具有美感與思想性。

三、動態圖標設計中的語言表達形式

動態圖標設計在新時代下呈現出新的特點，圖形設計、動態設計、時間設計三者交叉集合構成了運動圖形的三條主線，在整個創作和理論研究中起著提綱式的作用，動態圖標是一種特殊的動畫形式，所以，把平面和動畫的設計語言結合是動態圖標設計的前提。筆者主要從視覺元素下的圖形語言表達、色彩語言表達、空間與時間語言表達、動態語言表達以及動態圖標設計原則來分析動態圖標設計的設計語言。

（一）視覺元素表達形式

1.圖形語言表達

圖形作為設計中的重要視覺元素，它是動態圖標設計的視覺中心，圖形的不同特征、類型、構成方法都會圖解不一樣的內涵，在動態圖標設計中，設計師常常對圖形元素進行提煉來表現自己的設計主題。當今社會不斷發展，標注圖標已經不能滿足當下人們的視覺需求，設計師在設計圖標的時候也根據信息與內涵的需要去提取元素進行重構。圖形元素的提煉，會讓圖標更有動態的美感。設計師Artanisterry 2020年設計的黑貓國際形象，提取了天貓圖標的元素來進行延展，不僅增加了趣味性，而且對原本單純品牌進行了形象的豐富。在動態圖形設計中，圖形的圖與底不斷進行轉換，使得圖形具有一定的空間感，其中點、線、面的轉換就能夠在運動中輕松實現。如2021年東京奧運會跑步項目的動態圖標設計中，圖形設計是抽象的，設計師設計了點在方向和透視上發生形變，再通過放大或縮小變成面，讓圖形的特點能很直觀地表現出來，使圖形動態化設計更有趣味性、活力性、吸引力。

圖形作為動態圖標中的動態元素，它的自身形狀、位置與數量都會產生一定的變化，動態圖標設計中，圖底關系是構成圖形的重要方法，也是要考慮的重要因素之一。2021年東京奧運會競技項目圖標中可以看到圖底關系的大量運用，在空手道圖標動態化設計中根據靜態圖標設計的理念，把運動員的身體與手掌設計成正負形，并在動態變化的過程中相互轉化，這樣的設計不僅豐富了畫面的層次，而且更容易為觀眾所理解。

2.色彩語言表達

色彩是動態圖標設計中的視覺要素，是最有感染力的設計元素，是最適合情緒傳遞、情感表達的元素，色彩永遠能給人直觀的感受，它能激起人們的聯想與情感的共鳴。從美學角度來講，色相、飽和度以及明度三者的顏色搭配是否恰當，會影響整個視覺效果和美觀的程度。在制作動態圖標時，設計師可以利用這一特性，達成色彩與圖標的主題表現，色彩也能區分圖標主次信息的表現，在動態圖標設計中應注意以下幾點：首先，要根據設計主題來確定用色風格;其次，要注意色彩的屬性，比如色彩的基本屬性與色彩心理屬性;最后，運用色彩構成中的色相對比，色彩調和以及色彩配色法，讓最終呈現的圖標色彩不再單調。2021年東京奧運會體育項目動態圖標的色彩設計遵循了三個用色原則，僅僅使用了藍色與白色兩個色系，這個色系一直是日本國家隊的代表色系，色彩不單一也不花哨。

3.空間與時間語言表達

動態圖標設計中的大、小、強、弱等對比，點、線、面等元素打散再重構使畫面有順序、層次、節奏、疏密、正負形的空間構成、對比關系等，都可以造就富有空間張力的表現。有時候兩個或者更多個復雜的層次關系，也會產生立體空間感。形狀的大小、面積、體積、位置等因素都能給人帶來畫面的空間層次感。在東京奧運會競技項目動態圖標中，將人物動態姿勢運用到畫面中，結合圖底關系的設計，使縱深的真實感和空間感有著奇特效果，將觀者帶入特定的環境氛圍中。

“時間”的概念是籠統的，時間作為區別靜態圖標和動態圖標最本質的要素，它的運動變化包括運動、形狀、色彩三個變化，時間與動畫的運動規律、節奏、速度、韻律都是息息相關的，具有吸引力的動態效果大多都會采用的手法是通過夸張與構圖設計來創造時間。形狀變化方面，分割重構與整體的形狀發生變化是兩種最常見的形式，色彩變化方面，色彩的明度、色相、冷暖、面積、情感變化都會使時間概念在視覺上產生平緩、騰躍、重復等秩序感。對于時間的控制，為了對觀眾產生吸引與記憶效果，動態圖標設計師有時會采用放慢、加速或者靜幀的方式來調節動態速度，使視覺信息得到更好的表現和傳達。

4.動態語言表達

（1）基本運動方式表達

動態是動態圖標設計與靜態圖標最根本的區別，動態貫穿于整個動態圖標設計中，設計者首先要抓住自由和隨意的特點，再通過動態的基本方式，最后把自己最初的想法表現在圖標設計中。東京奧運會體育項目圖標第一次使用全動態的形式制作的圖標，這使奧運會的視覺設計相比以前變得別開生面，靜態圖形與動態效果的完美結合，賦予了每一個圖標運動的特征：亮相、展示動作和消失，極富動感的圖標通過別出心裁、張弛有度的視覺語言表達來吸引觀眾。

動態圖標設計有五種運動方式，它們是符合真實物體的運動規律的。第一種是位移，主要指的是物體的位置和方向指向的變化，其主要的變化形式有平移、沿路徑、環繞和往返運動，它能塑造簡單、直接、具體的視覺美感。第二種是變形，其表現形式多種多樣，常見形式有縮放、生長、彎曲、擠壓、扭曲、形變等，2021年東京奧運會游泳、田徑等動態圖標，依據動作的方向發生形狀變化，球類運動將形狀變化與透視變化相融合，呈現出豐富的動態層次的效果，頗有趣味。第三種是旋轉，指的是圖形上的每個點都繞著一個固定點轉動，在動態圖標設計中也是常見的。第四種是質變化，圖形本質屬性的變化叫質變化，色調、透明度和肌理的變化是它的變化形式。第五種是視角運動，視角運動與鏡頭語言結合，如推、拉、搖、移、跟，可以實現獨特的表現效果。此外，視角運動也可以展現更為真實、完整的空間內容，表現多層次空間結構與復雜的設計元素關系，傳達更豐富的信息內涵。在設計元素進行位移、變形和變質等基本運動的同時，如果恰當選擇使用推、拉、搖、移、跟等鏡頭語言，會大大優化信息傳遞效果，提升視覺魅力。

（2）動態構成形式的表達

動態構成有三組表達形式。第一，方向和方位。在動態構成中，方向和方位分別代表設計元素運動的朝向與運動發生的準確位置;第二，跟隨和游離。跟隨和游離兩者是對立存在的，跟隨強調緊緊跟隨引導物體，不可以擅自脫離。而游離卻恰恰相反，它沒有確切的運動方向以及動態呈現的樣式，是無所依附脫離主體而存在的。正因如此，兩者帶來的視覺感受也是不一樣的，跟隨帶來秩序與統一的視覺感受，游離則是自由的，毫無規律的視覺感受;第三，聚散與分合。在動態化圖標設計中聚散與分合是很重要、也很常見的，靜幀狀態下的聚散、分合與平面構成中的發射構成有著共同的地方，指的都是設計元素以一個點或多個點為中心向內或者向外發射、擴散等運動，它的規律性、整齊性、次序性都能帶給觀眾不一樣的感受。聚散與分合的運動方向具有較強的規律性。

（3）動態的表意語言

動畫的運動規律是具有獨特表意作用的動態設計語言，它繼承和發展了傳統動畫中的有益成分，運動規律中的運動相對設計、運動擬態設計、預測運動設計在動態圖標設計中是通用的，三者會讓動態圖標具有獨特的視覺表意效果。許多動態圖標設計中，把背景作為相對物，背景設計與視覺圖標元素進行相對運動設計，能給人帶來更大范圍的空間感。2021年東京奧運會多項體育項目圖標以背景為相對物，圖與底相互運動，帶來了豐富的視覺表現，在獲得運動視覺感受的同時拓展了設計的空間。運動擬態指的是將圖標設計中抽象的視覺元素模擬運動化，包括擬人化運動形式和實際生活中一切動態表現，常常使用到的動態技巧包括翻轉效果、撞擊效果、動態切割技巧，等等。運動擬態設計會讓圖標動態的呈現更活潑、更具有趣味性。預測運動設計是指預測未知，包括準備性和發生后的趨勢預測。預測運動后的落點，對觀者的視線有指引作用，有利于將信息內容進行高效視覺傳達。所以，在動態化圖標設計中，動畫的運動規律對動態圖標設計的動態表意語言起著舉足輕重的作用。

（二）動態圖標設計原則

第一，識別性原則。功能標識是動態圖標中最突出的特點，鮮明的動態形象可以使觀者很快地識別圖標要表達的意義與功能，也能給觀者留下深刻的印象。圖標的色彩、圖形與材質影響動態圖標的識別性，設計師在設計動態圖標時必須考慮這些因素。

第二，同一性原則。同一性一方面指的是隨著社會的發展，科學技術不斷進步，設計師結合技術進行創作，將自己的理念、價值、文化通過作品呈現給受眾。另一方面，在動態圖標設計時雖然要滿足大眾審美需求，但是也不能丟棄靜態圖標，應該把靜態圖標與動態圖標設計方法相結合，尋求一種適應相對化。

第三，系統性原則。在動態圖標設計中將信息、形象等內容傳遞出去是十分重要的，由于動態化的原因，使圖標設計面臨一些系統性的困難，面對這些問題，設計師要系統性規劃設計思維，理解每一個動態圖標出現的意義以及背后的含義，做動態設計時要將視覺元素、技術和媒介結合來傳達圖標個性主題。只有遵循這個原則，才能將多種優勢結合，比如思維構建、設計規模、視覺統一等。

第四，延展性原則。延展性是圖標設計與生俱來的，動態圖標設計在傳達信息的同時，也可以靈活應用自身的延展性使圖標更有吸引力，變換的顏色、跳躍的布局、運動過程的自然感都是其延展的手段。值得注意的是，要注意它們的一致性，掌握延展性原則能有效避免用戶體驗時實用性與均衡性的偏差。

四、結語

每個圖標元素在動態圖標設計中都有自身特有的藝術內涵，很容易刺激觀者的情感，運用好設計語言的各個元素能讓動態圖標設計作品在情感與理性上實現交融。要想吸引受眾，必須有別出心裁的表達方式來傳遞自己的觀點和想法，這樣才可以與受眾產生共鳴。所以，動態圖標設計中設計語言對最終呈現的視覺效果有著舉足輕重的作用，動態圖標設計師要善于把平面設計語言與動畫設計語言結合起來，完成動態圖標的創新設計。

參考文獻：

[1]魏迪.動態圖形設計的視覺語言表達研究[J].藝術大觀，2020（26）：63-64.

[2]楊蘭.由靜至動——融媒體時代下動態圖標的研究[D].魯迅美術學院，2021.

[3]張引.第32屆東京奧運會競技項目動態圖標設計創新探析[J].工業工程設計，2021（01）：32-38.

[4]郭玉川，陳若曦.動態海報中的設計語言探究[J].工業設計，2021（01）：87-88.

[5]劉波.動態化標志設計的探索研究[D].青島大學，2018.

[6]方舒.動態化標志設計探索研究[D].安徽工程大學，2016.

[7]安娜，劉健.空間與時間——動態圖形設計的基礎性研究[J].藝術工作，2016（03）：101-103.

[8]程瑩.動態圖形設計中的視覺語言表達研究[D].揚州大學，2018.

[9]王丹.設計語言的藝術表現力[J].美術大觀，2010（07）：101.

（作者簡介：曹麗蓉，女，碩士研究生在讀，廣西藝術學院設計學院，研究方向：視覺傳達）

（責任編輯 劉月嬌）