動態(tài)圖標(biāo)設(shè)計(jì)中的設(shè)計(jì)語言研究

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

一、圖標(biāo)與動態(tài)圖標(biāo)概述

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

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

動態(tài)圖標(biāo)與靜態(tài)圖標(biāo)相比，更能夠通過夸張、擬人等表現(xiàn)手法傳遞親和力與幽默感，通過異性同構(gòu)、節(jié)奏變化、動態(tài)轉(zhuǎn)場等打破思維空間，使受眾的體驗(yàn)感更加有趣味性，更能夠吸引受眾并產(chǎn)生情感共鳴。

二、設(shè)計(jì)語言概述

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

三、動態(tài)圖標(biāo)設(shè)計(jì)中的語言表達(dá)形式

動態(tài)圖標(biāo)設(shè)計(jì)在新時(shí)代下呈現(xiàn)出新的特點(diǎn)，圖形設(shè)計(jì)、動態(tài)設(shè)計(jì)、時(shí)間設(shè)計(jì)三者交叉集合構(gòu)成了運(yùn)動圖形的三條主線，在整個(gè)創(chuàng)作和理論研究中起著提綱式的作用，動態(tài)圖標(biāo)是一種特殊的動畫形式，所以，把平面和動畫的設(shè)計(jì)語言結(jié)合是動態(tài)圖標(biāo)設(shè)計(jì)的前提。筆者主要從視覺元素下的圖形語言表達(dá)、色彩語言表達(dá)、空間與時(shí)間語言表達(dá)、動態(tài)語言表達(dá)以及動態(tài)圖標(biāo)設(shè)計(jì)原則來分析動態(tài)圖標(biāo)設(shè)計(jì)的設(shè)計(jì)語言。

（一）視覺元素表達(dá)形式

1.圖形語言表達(dá)

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

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

2.色彩語言表達(dá)

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

3.空間與時(shí)間語言表達(dá)

動態(tài)圖標(biāo)設(shè)計(jì)中的大、小、強(qiáng)、弱等對比，點(diǎn)、線、面等元素打散再重構(gòu)使畫面有順序、層次、節(jié)奏、疏密、正負(fù)形的空間構(gòu)成、對比關(guān)系等，都可以造就富有空間張力的表現(xiàn)。有時(shí)候兩個(gè)或者更多個(gè)復(fù)雜的層次關(guān)系，也會產(chǎn)生立體空間感。形狀的大小、面積、體積、位置等因素都能給人帶來畫面的空間層次感。在東京奧運(yùn)會競技項(xiàng)目動態(tài)圖標(biāo)中，將人物動態(tài)姿勢運(yùn)用到畫面中，結(jié)合圖底關(guān)系的設(shè)計(jì)，使縱深的真實(shí)感和空間感有著奇特效果，將觀者帶入特定的環(huán)境氛圍中。

“時(shí)間”的概念是籠統(tǒng)的，時(shí)間作為區(qū)別靜態(tài)圖標(biāo)和動態(tài)圖標(biāo)最本質(zhì)的要素，它的運(yùn)動變化包括運(yùn)動、形狀、色彩三個(gè)變化，時(shí)間與動畫的運(yùn)動規(guī)律、節(jié)奏、速度、韻律都是息息相關(guān)的，具有吸引力的動態(tài)效果大多都會采用的手法是通過夸張與構(gòu)圖設(shè)計(jì)來創(chuàng)造時(shí)間。形狀變化方面，分割重構(gòu)與整體的形狀發(fā)生變化是兩種最常見的形式，色彩變化方面，色彩的明度、色相、冷暖、面積、情感變化都會使時(shí)間概念在視覺上產(chǎn)生平緩、騰躍、重復(fù)等秩序感。對于時(shí)間的控制，為了對觀眾產(chǎn)生吸引與記憶效果，動態(tài)圖標(biāo)設(shè)計(jì)師有時(shí)會采用放慢、加速或者靜幀的方式來調(diào)節(jié)動態(tài)速度，使視覺信息得到更好的表現(xiàn)和傳達(dá)。

4.動態(tài)語言表達(dá)

（1）基本運(yùn)動方式表達(dá)

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

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

（2）動態(tài)構(gòu)成形式的表達(dá)

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

（3）動態(tài)的表意語言

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

（二）動態(tài)圖標(biāo)設(shè)計(jì)原則

第一，識別性原則。功能標(biāo)識是動態(tài)圖標(biāo)中最突出的特點(diǎn)，鮮明的動態(tài)形象可以使觀者很快地識別圖標(biāo)要表達(dá)的意義與功能，也能給觀者留下深刻的印象。圖標(biāo)的色彩、圖形與材質(zhì)影響動態(tài)圖標(biāo)的識別性，設(shè)計(jì)師在設(shè)計(jì)動態(tài)圖標(biāo)時(shí)必須考慮這些因素。

第二，同一性原則。同一性一方面指的是隨著社會的發(fā)展，科學(xué)技術(shù)不斷進(jìn)步，設(shè)計(jì)師結(jié)合技術(shù)進(jìn)行創(chuàng)作，將自己的理念、價(jià)值、文化通過作品呈現(xiàn)給受眾。另一方面，在動態(tài)圖標(biāo)設(shè)計(jì)時(shí)雖然要滿足大眾審美需求，但是也不能丟棄靜態(tài)圖標(biāo)，應(yīng)該把靜態(tài)圖標(biāo)與動態(tài)圖標(biāo)設(shè)計(jì)方法相結(jié)合，尋求一種適應(yīng)相對化。

第三，系統(tǒng)性原則。在動態(tài)圖標(biāo)設(shè)計(jì)中將信息、形象等內(nèi)容傳遞出去是十分重要的，由于動態(tài)化的原因，使圖標(biāo)設(shè)計(jì)面臨一些系統(tǒng)性的困難，面對這些問題，設(shè)計(jì)師要系統(tǒng)性規(guī)劃設(shè)計(jì)思維，理解每一個(gè)動態(tài)圖標(biāo)出現(xiàn)的意義以及背后的含義，做動態(tài)設(shè)計(jì)時(shí)要將視覺元素、技術(shù)和媒介結(jié)合來傳達(dá)圖標(biāo)個(gè)性主題。只有遵循這個(gè)原則，才能將多種優(yōu)勢結(jié)合，比如思維構(gòu)建、設(shè)計(jì)規(guī)模、視覺統(tǒng)一等。

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

四、結(jié)語

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

參考文獻(xiàn)：

[1]魏迪.動態(tài)圖形設(shè)計(jì)的視覺語言表達(dá)研究[J].藝術(shù)大觀，2020（26）：63-64.

[2]楊蘭.由靜至動——融媒體時(shí)代下動態(tài)圖標(biāo)的研究[D].魯迅美術(shù)學(xué)院，2021.

[3]張引.第32屆東京奧運(yùn)會競技項(xiàng)目動態(tài)圖標(biāo)設(shè)計(jì)創(chuàng)新探析[J].工業(yè)工程設(shè)計(jì)，2021（01）：32-38.

[4]郭玉川，陳若曦.動態(tài)海報(bào)中的設(shè)計(jì)語言探究[J].工業(yè)設(shè)計(jì)，2021（01）：87-88.

[5]劉波.動態(tài)化標(biāo)志設(shè)計(jì)的探索研究[D].青島大學(xué)，2018.

[6]方舒.動態(tài)化標(biāo)志設(shè)計(jì)探索研究[D].安徽工程大學(xué)，2016.

[7]安娜，劉健.空間與時(shí)間——?jiǎng)討B(tài)圖形設(shè)計(jì)的基礎(chǔ)性研究[J].藝術(shù)工作，2016（03）：101-103.

[8]程瑩.動態(tài)圖形設(shè)計(jì)中的視覺語言表達(dá)研究[D].揚(yáng)州大學(xué)，2018.

[9]王丹.設(shè)計(jì)語言的藝術(shù)表現(xiàn)力[J].美術(shù)大觀，2010（07）：101.

（作者簡介：曹麗蓉，女，碩士研究生在讀，廣西藝術(shù)學(xué)院設(shè)計(jì)學(xué)院，研究方向：視覺傳達(dá)）

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