數(shù)字媒體藝術(shù)中用戶界面的動(dòng)畫設(shè)計(jì)的探析

張麗娟

（天津天獅學(xué)院，天津 301700）

引言

數(shù)字技術(shù)與信息技術(shù)的不斷發(fā)展促進(jìn)了數(shù)字媒體藝術(shù)的進(jìn)步，豐富了其藝術(shù)創(chuàng)作的形式，增強(qiáng)了界面的視覺(jué)效果，增強(qiáng)了產(chǎn)品與用戶之間的互動(dòng)性，可以認(rèn)為數(shù)字媒體藝術(shù)已經(jīng)發(fā)展成為一種年輕的藝術(shù)領(lǐng)域，顯示出較好的發(fā)展?jié)摿Α?/p>

數(shù)字媒體中用戶界面的設(shè)計(jì)效果將直接影響頁(yè)面的流量，因此藝術(shù)設(shè)計(jì)人員應(yīng)該重視用戶界面動(dòng)畫設(shè)計(jì)內(nèi)容，以用戶需求為設(shè)計(jì)優(yōu)化核心，充分利用數(shù)字媒體藝術(shù)，滿足用戶的個(gè)性化需求，增強(qiáng)用戶界面動(dòng)畫的表現(xiàn)力，促進(jìn)頁(yè)面與用戶之間的互動(dòng)與溝通，創(chuàng)造更高的經(jīng)濟(jì)價(jià)值。

一、數(shù)字媒體藝術(shù)在動(dòng)畫設(shè)計(jì)中的作用

（一）實(shí)現(xiàn)設(shè)計(jì)突破

經(jīng)過(guò)總結(jié)分析能夠知道，在傳統(tǒng)的動(dòng)畫設(shè)計(jì)工作中，設(shè)計(jì)人員一般使用手繪的方式繪制出動(dòng)畫人物及其動(dòng)作形態(tài)，并經(jīng)過(guò)不斷的設(shè)計(jì)整改與轉(zhuǎn)型實(shí)現(xiàn)對(duì)最初設(shè)計(jì)手稿的修改，期間設(shè)計(jì)人員也將與用戶進(jìn)行多次溝通，最終敲定符合設(shè)計(jì)需求的動(dòng)畫形象。這樣的動(dòng)畫設(shè)計(jì)工作模式所需的設(shè)計(jì)時(shí)間比較長(zhǎng)，耗費(fèi)的人力物力也比較多，且在反復(fù)修改的過(guò)程中雙方也在不斷協(xié)調(diào)和妥協(xié)，最終敲定的設(shè)計(jì)形象并不一定完全符合最初的設(shè)計(jì)理念，甚至相差甚遠(yuǎn)。但是數(shù)字媒體藝術(shù)的融合應(yīng)用就能夠改變這樣的局面，實(shí)現(xiàn)動(dòng)畫設(shè)計(jì)表現(xiàn)形式的創(chuàng)新發(fā)展。藝術(shù)設(shè)計(jì)人員通過(guò)動(dòng)畫設(shè)計(jì)軟件勾勒設(shè)計(jì)動(dòng)畫形象，不僅能夠提高設(shè)計(jì)的生動(dòng)性，同時(shí)還能夠增強(qiáng)動(dòng)畫視覺(jué)效果，提高了雙方溝通的效率，有效縮短設(shè)計(jì)時(shí)間。

（二）豐富表現(xiàn)形式

與傳統(tǒng)的手繪動(dòng)畫設(shè)計(jì)模式相比，數(shù)字媒體藝術(shù)的應(yīng)用能夠?qū)⒙曇襞c圖像結(jié)合起來(lái)，豐富動(dòng)畫設(shè)計(jì)的表現(xiàn)形式，增強(qiáng)動(dòng)畫畫面的感染力。作為一種現(xiàn)代化設(shè)計(jì)技術(shù)，數(shù)字媒體藝術(shù)在界面動(dòng)畫設(shè)計(jì)中的應(yīng)用能夠有效提升設(shè)計(jì)效率，豐富設(shè)計(jì)畫面與內(nèi)容。比如，對(duì)于動(dòng)畫設(shè)計(jì)中的顏色搭配問(wèn)題，如果按照傳統(tǒng)手繪方式進(jìn)行，通常只能夠使用黑白色，而通過(guò)繪畫設(shè)計(jì)軟件開展設(shè)計(jì)工作則能夠在設(shè)計(jì)初期就完成多種色彩的搭配，設(shè)計(jì)人員能夠從中選出最合適的搭配應(yīng)用于動(dòng)畫形象中，有效提高設(shè)計(jì)工作效率。另外，通過(guò)數(shù)字媒體技術(shù)，設(shè)計(jì)人員在添加動(dòng)畫背景的時(shí)候也非常簡(jiǎn)單，只要按照軟件內(nèi)設(shè)的模型進(jìn)行導(dǎo)入設(shè)計(jì)就能夠完成，同時(shí)還支持多種動(dòng)畫變現(xiàn)形式，達(dá)到不同的動(dòng)畫效果。

（三）提升視覺(jué)效果

從用戶體驗(yàn)角度上進(jìn)行分析，基于數(shù)字媒體藝術(shù)的動(dòng)畫設(shè)計(jì)作品更貼合現(xiàn)代審美要求，能夠滿足不同消費(fèi)者的需求。與傳統(tǒng)的手繪動(dòng)畫形式相比，數(shù)字媒體動(dòng)畫形式能夠給觀眾帶來(lái)生動(dòng)的視聽感受，提高了畫面的吸引力，能夠帶來(lái)更多的流量。比如，迪士尼作為世界手繪水平最高的動(dòng)畫公司，其在數(shù)字媒體藝術(shù)出現(xiàn)之前一直靠著自己卓越的手繪技術(shù)占據(jù)動(dòng)畫行業(yè)較高的位置，而在數(shù)字媒體藝術(shù)出現(xiàn)之后，迪士尼同樣抓住了科技發(fā)展的新趨勢(shì)，積極將手繪藝術(shù)與數(shù)字媒體藝術(shù)結(jié)合，形成了立體的動(dòng)畫設(shè)計(jì)形式，極大地提升了動(dòng)畫視覺(jué)效果，這也是迪士尼獲得持續(xù)發(fā)展動(dòng)力的方式。

（四）帶來(lái)心靈沖擊

與傳統(tǒng)的動(dòng)畫設(shè)計(jì)模式相比，數(shù)字媒體藝術(shù)不僅能夠提高動(dòng)畫畫面的生動(dòng)性，同時(shí)還能夠帶給觀眾身臨其境的感受，進(jìn)而營(yíng)造特殊的氛圍，配合具體的視聽環(huán)境給予觀眾強(qiáng)烈的心靈震撼與沖擊，滿足不同用戶的需求。比如，針對(duì)游戲公司的宣傳以及畫面設(shè)計(jì)工作，通過(guò)數(shù)字媒體藝術(shù)能夠直接展現(xiàn)游戲情境與人物形象，給予觀眾強(qiáng)烈的沖擊與感受，增進(jìn)觀眾對(duì)游戲的認(rèn)知，幫助游戲公司獲取更多的用戶。

二、當(dāng)前數(shù)字媒體藝術(shù)中用戶界面動(dòng)畫設(shè)計(jì)存在的問(wèn)題

對(duì)于用戶界面動(dòng)畫設(shè)計(jì)工作來(lái)說(shuō)，其最主要的服務(wù)對(duì)象是人，因此在設(shè)計(jì)工作中應(yīng)該充分考慮用戶的需求，這就是一直強(qiáng)調(diào)的以人為本基本設(shè)計(jì)原則，在此基礎(chǔ)上，設(shè)計(jì)人員應(yīng)該在用戶界面以及功能界面設(shè)計(jì)中體現(xiàn)出人性化的思想，優(yōu)化界面內(nèi)容與功能，滿足用戶的需求。人性化設(shè)計(jì)原則將體現(xiàn)在用戶界面設(shè)計(jì)的整個(gè)流程中，其中的設(shè)計(jì)重點(diǎn)包括功能性、情感性、環(huán)境性等。但是從我國(guó)當(dāng)前用戶界面動(dòng)畫設(shè)計(jì)來(lái)看，很多設(shè)計(jì)人員更加重視實(shí)用性與可用性，其更多的是將用戶作為第一步驟，并未將用戶體驗(yàn)落實(shí)到整個(gè)設(shè)計(jì)流程中去。其中的可用性只體現(xiàn)在情感的行為層面，只有堅(jiān)持人性化，將可用性設(shè)計(jì)進(jìn)行反思才能夠形成完整的體驗(yàn)評(píng)價(jià)。其次，當(dāng)前很多設(shè)計(jì)師在用戶界面動(dòng)畫設(shè)計(jì)時(shí)過(guò)于注重界面外觀，反而忽略了界面功能元素，導(dǎo)致用戶界面中的必要導(dǎo)航信息混亂，無(wú)法發(fā)揮導(dǎo)航頁(yè)面的正常作用與功能。此外，有的設(shè)計(jì)人員為了追求界面動(dòng)畫美觀以及整體性，會(huì)選擇性地隱藏提示信息，這對(duì)于新手玩家或者用戶來(lái)說(shuō)體驗(yàn)非常差，很多玩家在需要某功能的時(shí)候會(huì)出現(xiàn)找不到按鈕的問(wèn)題。經(jīng)過(guò)調(diào)查能夠發(fā)現(xiàn)，當(dāng)前網(wǎng)頁(yè)界面動(dòng)畫設(shè)計(jì)問(wèn)題比較多的主要為企業(yè)網(wǎng)頁(yè)，很多用戶界面充斥著各種信息，圖片、視頻、文字等各種形式的信息雜亂地?cái)[放在界面上，用戶進(jìn)入界面之后難以獲取有效的信息，也很難找到導(dǎo)航功能。存在以上問(wèn)題的用戶界面基本上不存在與用戶之間的有效交互，其網(wǎng)頁(yè)作用僅僅就是羅列信息，當(dāng)網(wǎng)頁(yè)可用性與交互性不斷降低，該網(wǎng)站的瀏覽量與點(diǎn)擊率也會(huì)逐漸降低，最終成為無(wú)人問(wèn)津的垃圾網(wǎng)站，這也是以技術(shù)為核心開展用戶界面設(shè)計(jì)工作的弊端。在這樣的設(shè)計(jì)理念中，設(shè)計(jì)人員并未考慮與用戶的交流，也沒(méi)有關(guān)注用戶的需求，僅僅站在技術(shù)的角度投放信息，難以提高頁(yè)面的應(yīng)用率。

三、數(shù)字媒體藝術(shù)中用戶界面動(dòng)畫設(shè)計(jì)的原則

用戶界面動(dòng)畫設(shè)計(jì)工作的核心就是用戶，因此最基本的設(shè)計(jì)原則就是以人為本。用戶在登錄界面進(jìn)行交互的時(shí)候?qū)Ⅲw現(xiàn)出獨(dú)特的行為特征，而用戶的行為特征將直接影響其界面的選擇行為。設(shè)計(jì)人員在進(jìn)行用戶界面動(dòng)畫設(shè)計(jì)的時(shí)候應(yīng)該充分考慮用戶需求與用戶行為特征，這樣才能夠吸引用戶，提高網(wǎng)站的點(diǎn)擊率與瀏覽率。因此，設(shè)計(jì)人員還應(yīng)該提高設(shè)計(jì)的可用性，盡量降低用戶短期記憶負(fù)擔(dān)，充分滿足用戶的普遍性需求。出于以上考慮，設(shè)計(jì)人員在應(yīng)用數(shù)字媒體藝術(shù)開展動(dòng)畫設(shè)計(jì)的時(shí)候還應(yīng)該遵循以下幾個(gè)原則：首先是基本價(jià)值原則，這也是用戶界面設(shè)計(jì)的核心原則，主要包括設(shè)計(jì)的可用性與和諧性，能夠完成用戶界面基本的功能，為用戶服務(wù)。其次就是概念原則，即該界面中的信息應(yīng)當(dāng)是具有概括性與概念性的，遵循簡(jiǎn)潔明了的設(shè)計(jì)理念，不僅能夠使用戶明確導(dǎo)航信息，同時(shí)還能夠節(jié)省用戶的操作時(shí)間。此外還有行為原則，當(dāng)用戶登錄界面與其進(jìn)行交互溝通的時(shí)候，應(yīng)當(dāng)避免用戶出現(xiàn)破壞界面的行為。比如，設(shè)計(jì)人員在設(shè)計(jì)信息提交動(dòng)畫時(shí)應(yīng)該充分了解用戶等待的心理極限時(shí)間，一旦超過(guò)該極限，用戶極大概率會(huì)出現(xiàn)撤回操作的行為。為了防止該情況的出現(xiàn)，設(shè)計(jì)人員可以在信息提交以及加載等待過(guò)程中增加對(duì)話框提示，避免用戶因不愿意等待而關(guān)閉網(wǎng)頁(yè)的情況出現(xiàn)。

四、數(shù)字媒體藝術(shù)中用戶界面動(dòng)畫設(shè)計(jì)的要素

（一）用戶要素

研究用戶要素的關(guān)鍵就在于對(duì)真實(shí)用戶的調(diào)研，設(shè)計(jì)人員在用戶界面動(dòng)畫設(shè)計(jì)中始終要遵循以人為本的基本設(shè)計(jì)原則，也就是要將用戶的問(wèn)題考慮在最前面，用戶界面影響用戶體驗(yàn)，而用戶體驗(yàn)體現(xiàn)在整個(gè)設(shè)計(jì)流程中，與界面設(shè)計(jì)各個(gè)環(huán)節(jié)相關(guān)。要想開展真實(shí)用戶研究，設(shè)計(jì)人員首先應(yīng)該樹立完整的設(shè)計(jì)流程的理念，抓住用戶體驗(yàn)的某一方面開展實(shí)踐分析。另外，設(shè)計(jì)人員還應(yīng)該了解到，用戶的需求并非一成不變，受到產(chǎn)品以及外部環(huán)境的影響都會(huì)導(dǎo)致用戶需求發(fā)生變化，這是不可避免的現(xiàn)象，設(shè)計(jì)人員應(yīng)當(dāng)保持發(fā)展性的思維，在進(jìn)行用戶體驗(yàn)的時(shí)候充分考慮用戶的需求與目的。以下介紹調(diào)研用戶要素的幾個(gè)必要性步驟：①明確目標(biāo)用戶，設(shè)計(jì)人員需要根據(jù)設(shè)計(jì)需求明確目標(biāo)用戶，同時(shí)采取交談或者問(wèn)卷調(diào)查的方法獲取用戶行為偏好信息，為用戶界面動(dòng)畫設(shè)計(jì)提供依據(jù)；②獲取有效的反饋信息，設(shè)計(jì)人員應(yīng)該通過(guò)與目標(biāo)用戶的交流獲取反饋信息，并通過(guò)觀察用戶的行為明確其真實(shí)需求與想法；③共同測(cè)試界面，當(dāng)設(shè)計(jì)人員完成初步設(shè)計(jì)之后可以與用戶一同進(jìn)行界面測(cè)試，獲取用戶的體驗(yàn)與感受，收取真實(shí)信息之后再根據(jù)有效的信息調(diào)整用戶界面設(shè)計(jì)。

（二）結(jié)構(gòu)要素

結(jié)構(gòu)要素也是界面設(shè)計(jì)的重要工序，主要包括頁(yè)面中的視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)、功能設(shè)計(jì)等內(nèi)容，各種結(jié)構(gòu)要素相互關(guān)聯(lián)，共同為用戶提供服務(wù)。對(duì)于設(shè)計(jì)人員來(lái)說(shuō)，結(jié)構(gòu)設(shè)計(jì)是綜合概念的體現(xiàn)，也是建立在用戶需求基礎(chǔ)上開展的框架集中性設(shè)計(jì)。設(shè)計(jì)人員在結(jié)構(gòu)要素設(shè)計(jì)過(guò)程中將考慮不同界面元素的組合與交互，最終呈現(xiàn)出較好的視覺(jué)效果與功能效果。結(jié)構(gòu)要素設(shè)計(jì)工作將構(gòu)建用戶研究與界面設(shè)計(jì)的橋梁，在設(shè)計(jì)工作中真正實(shí)現(xiàn)和體現(xiàn)用戶需求，并通過(guò)不同的設(shè)計(jì)方案展示用戶需求及其框架結(jié)構(gòu)。比如，設(shè)計(jì)人員需要構(gòu)思完整的故事情節(jié)，并完成用戶的交互溝通過(guò)程，同時(shí)還需要規(guī)范基本的交互框架及其后續(xù)設(shè)想，完善整個(gè)設(shè)計(jì)結(jié)構(gòu)中的細(xì)節(jié)內(nèi)容。

（三）視覺(jué)要素

完成以上設(shè)計(jì)工序之后，設(shè)計(jì)人員需要在交互框架以及界面布局設(shè)計(jì)的基礎(chǔ)上開展視覺(jué)要素設(shè)計(jì)，根據(jù)交互框架以及結(jié)構(gòu)布局選擇與之相匹配的視覺(jué)元素與形式語(yǔ)言整理不同的信息。站在用戶角度來(lái)看，其在登錄用戶界面時(shí)最強(qiáng)的感知就是界面的視覺(jué)要素，因此視覺(jué)要素的設(shè)計(jì)將直接影響用戶的交互情況，設(shè)計(jì)人員應(yīng)當(dāng)將必要的信息結(jié)構(gòu)傳遞給用戶。與傳統(tǒng)的動(dòng)畫設(shè)計(jì)模式相比，數(shù)字媒體藝術(shù)中包含更多的視覺(jué)要素，除了文字、圖形之外，還有更加豐富的色彩、動(dòng)態(tài)展示、空間立體造型等。盡管用戶界面設(shè)計(jì)中交互性非常重要，但設(shè)計(jì)人員需要綜合考慮交互與視覺(jué)，在符合常規(guī)形式美法則的基礎(chǔ)上創(chuàng)新視覺(jué)元素的格局，給予用戶非凡的視覺(jué)體驗(yàn)。

（四）交互要素

與純粹的美術(shù)設(shè)計(jì)不同的是，用戶界面動(dòng)畫設(shè)計(jì)更加強(qiáng)調(diào)用戶的交互性，其交互設(shè)計(jì)內(nèi)容包括了視覺(jué)交互、聽覺(jué)交互以及觸覺(jué)交互。通過(guò)不同的交互方式能夠體現(xiàn)出不同的行為要素與情感要素，給予用戶不同的體驗(yàn)。行為要素的交互能夠影響用戶的行為模式，使得用戶在與其交互的過(guò)程中獲得成就感與認(rèn)同感。而情感要素的交互則主要通過(guò)視覺(jué)、聽覺(jué)以及觸覺(jué)來(lái)豐富用戶的情感體驗(yàn)，進(jìn)而影響用戶的操作行為，提高體驗(yàn)的有效性。經(jīng)過(guò)研究調(diào)查能夠知道，用戶界面設(shè)計(jì)中最吸引人的就是動(dòng)態(tài)視覺(jué)元素，有效的動(dòng)態(tài)視覺(jué)元素能夠與交互動(dòng)作相互配合，在吸引用戶目光的同時(shí)引導(dǎo)用戶的操作行為，達(dá)到用戶界面的設(shè)計(jì)目的。因此設(shè)計(jì)人員在設(shè)計(jì)時(shí)可以利用動(dòng)態(tài)元素模擬用戶的操作習(xí)慣，提示用戶的交互行為，比如常見(jiàn)的明星動(dòng)畫、閃動(dòng)特效等。當(dāng)用戶已經(jīng)完成交互行為之后，還應(yīng)該彈出提示下一步驟的元素，比如Loading條。此外，設(shè)計(jì)人員在設(shè)計(jì)不同元素交互的時(shí)候還應(yīng)該分清主次，包括色彩、動(dòng)態(tài)效果、音樂(lè)等都應(yīng)該體現(xiàn)出主次，這樣才能夠突出重點(diǎn)元素，引導(dǎo)用戶自然的訪問(wèn)走向，減少用戶記憶與思考的時(shí)間，也不會(huì)出現(xiàn)信息干擾的現(xiàn)象，反而能夠引導(dǎo)用戶的選擇，讓用戶在自然而然的情況下做出選擇。通常情況下，設(shè)計(jì)人員會(huì)涉及靜態(tài)或者動(dòng)態(tài)的定向或者功能，具有相對(duì)固定的位置與面積，再通過(guò)適當(dāng)交互的設(shè)計(jì)體現(xiàn)出不同信息的重要性與層次性，輔助用戶對(duì)信息形成快速的識(shí)別與認(rèn)知。比如按鍵之后能夠出現(xiàn)趣味性的動(dòng)態(tài)效果，這樣就能夠引導(dǎo)用戶的選擇行為。

結(jié)束語(yǔ)

綜上所述，數(shù)字媒體藝術(shù)是基于信息技術(shù)而發(fā)展的新型動(dòng)畫設(shè)計(jì)技術(shù)，將其應(yīng)用于用戶界面動(dòng)畫設(shè)計(jì)中不僅能夠豐富畫面信息，還能夠強(qiáng)化用戶的交互性，對(duì)此，設(shè)計(jì)人員應(yīng)該遵循以人為本的基本設(shè)計(jì)原則，掌握動(dòng)畫設(shè)計(jì)要素，提高動(dòng)畫設(shè)計(jì)的實(shí)用性與美觀性，滿足用戶的需求，引導(dǎo)用戶的需求，創(chuàng)造更高的經(jīng)濟(jì)價(jià)值。