動(dòng)效設(shè)計(jì)中多維度設(shè)計(jì)語(yǔ)言的應(yīng)用探析

燕林飛

摘 要：新興媒體與信息化多維度的傳播方式，代表了未來(lái)設(shè)計(jì)的發(fā)展方向，逐漸成為現(xiàn)代視覺傳達(dá)設(shè)計(jì)的主流。動(dòng)效設(shè)計(jì)作為近幾年新興的設(shè)計(jì)門類在當(dāng)今社會(huì)中發(fā)揮著越來(lái)越重要的作用。本文通過(guò)分析新媒體藝術(shù)影響下動(dòng)效設(shè)計(jì)的設(shè)計(jì)元素以及表達(dá)方式的特點(diǎn)，解讀動(dòng)效設(shè)計(jì)在設(shè)計(jì)思維構(gòu)架的變革下體現(xiàn)的多維度的設(shè)計(jì)構(gòu)成方式，希望對(duì)未來(lái)的視覺傳達(dá)設(shè)計(jì)帶來(lái)一些新的啟示。

關(guān)鍵詞：動(dòng)效設(shè)計(jì)；新媒體設(shè)計(jì)；視覺傳達(dá)設(shè)計(jì)

中圖分類號(hào)：J524 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2016）18-0179-01

一、動(dòng)效設(shè)計(jì)概述

伴隨著html5和css3語(yǔ)言的發(fā)展，新媒體設(shè)計(jì)的類別變得愈加豐富，在傳統(tǒng)PC端及移動(dòng)終端的靜態(tài)圖形圖像已經(jīng)無(wú)法滿足正常用戶的審美需求及用戶體驗(yàn)，動(dòng)效設(shè)計(jì)依托高端瀏覽器提供的硬件設(shè)施，將動(dòng)態(tài)的視覺畫面效果最快捷的呈現(xiàn)在用戶體驗(yàn)中。圖1為PC端及移動(dòng)端用戶操作行為分解圖，由圖片可以看出動(dòng)效設(shè)計(jì)中需要更多的考慮到用戶的操作行為。通過(guò)對(duì)比分析我們發(fā)現(xiàn)，在PC端用戶通過(guò)鼠標(biāo)的經(jīng)過(guò)、單擊、拖動(dòng)等交互方式來(lái)觸發(fā)事件，與目標(biāo)對(duì)象產(chǎn)生互動(dòng)。移動(dòng)端自身的硬件可以支持包括手勢(shì)操作、重力、光線、距離感應(yīng)器等功能來(lái)進(jìn)行互動(dòng)效果，人機(jī)互動(dòng)的形式也變得更加有趣，增加了交互設(shè)計(jì)中設(shè)計(jì)語(yǔ)言的多樣性。

二、QQ空間中動(dòng)效設(shè)計(jì)的語(yǔ)言分析

我們將交互過(guò)程拆分為：交互對(duì)象+交互行為+交互反饋。對(duì)QQ空間做了如下動(dòng)態(tài)創(chuàng)新探索。

（一）用戶操作行為的可視化

將操作行為與頁(yè)面反饋結(jié)合在一起，以增強(qiáng)用戶對(duì)操作行為的感知度，例如點(diǎn)“贊”的行為.圖2為點(diǎn)“贊”速度變化的分析。由此可以看出：?jiǎn)?dòng)時(shí)有一定的初始速度，陡升曲線表明迅速到達(dá)最高峰，在到達(dá)結(jié)束點(diǎn)的過(guò)程中，速度逐漸放緩。不透明度變化：初始時(shí)為0，目標(biāo)不可見，隨著速度到達(dá)頂峰時(shí)變?yōu)?00，此時(shí)目標(biāo)完整可見。 恰到好處的動(dòng)態(tài)效果可以給用戶帶來(lái)更平滑、柔和的體驗(yàn)。我們應(yīng)洞察用戶心理的細(xì)微變化，讓切換效果更符合用戶預(yù)期。

（二）QQ空間訪客與主人間的動(dòng)態(tài)互動(dòng)方式

傳統(tǒng)意義設(shè)計(jì)中，當(dāng)QQ訪客登陸好友主頁(yè)后，通常只能通過(guò)留言或回復(fù)好友動(dòng)態(tài)的形式互動(dòng)。久而久之，簡(jiǎn)單的文字類的交流過(guò)于乏味，缺少貼近生活化的肢體性的互動(dòng)方式使得用戶體驗(yàn)越來(lái)越差。而再Q(mào)Q空間的訪客頁(yè)面中加入可以進(jìn)行用戶互動(dòng)的動(dòng)態(tài)圖片，諸如臉部識(shí)別，撫摸照片臉部或者捏耳朵等形式，會(huì)使得界面的體驗(yàn)越來(lái)越完善。

三、動(dòng)效設(shè)計(jì)中核心設(shè)計(jì)語(yǔ)言探析

在動(dòng)效設(shè)計(jì)中當(dāng)用戶從看到一個(gè)頁(yè)面的瞬間開始，如果在展示面積相同的情況下，用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：動(dòng)態(tài)>顏色>形狀。

其中展現(xiàn)面積越大，動(dòng)效持續(xù)時(shí)間越長(zhǎng)（包括單一動(dòng)效與復(fù)合動(dòng)效），用戶注意力越能夠被吸引并持續(xù)。 此類動(dòng)效多應(yīng)用在app的介紹頁(yè)或者官網(wǎng)的產(chǎn)品介紹頁(yè)，力圖通過(guò)動(dòng)效沖擊視覺，給用戶留下深刻印象。這里由于大部分畫面都是動(dòng)態(tài)，其余靜態(tài)的小部分很可能被忽視。例如，多數(shù)頁(yè)面都在圖形中加入動(dòng)效，而文字部分是靜止的，如果有信息是希望能夠通過(guò)文字表達(dá)，這時(shí)就會(huì)起不到作用。再次為相對(duì)面積大，持續(xù)時(shí)間短。動(dòng)效展示面積大，時(shí)間卻比較短，是希望用戶注意集中在動(dòng)態(tài)部分一瞬間即可，這類動(dòng)效設(shè)計(jì)師都比較熟悉，多用于界面之間的切換。大范圍短時(shí)間的動(dòng)效很難看清，所以這類動(dòng)效更多為展現(xiàn)界面之間的空間關(guān)系。還有相對(duì)面積小，動(dòng)效持續(xù)時(shí)間長(zhǎng)一個(gè)較小面積上會(huì)長(zhǎng)時(shí)間存在動(dòng)態(tài)效果去吸引用戶注意，這意味著此處的動(dòng)態(tài)效果本身是非常重要的，值得用戶保持關(guān)注，此類基本都與用戶此時(shí)關(guān)注的功能直接相關(guān)。

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

數(shù)字化趨勢(shì)做為現(xiàn)代標(biāo)志設(shè)計(jì)多元化中的一個(gè)前衛(wèi)的潮流，開辟了前人未涉足的領(lǐng)域，不論它的形式有怎樣新的變化，它的最終目的還是為主體量身定做新形象，創(chuàng)造新價(jià)值，新技術(shù)還將迅猛的發(fā)展下去，對(duì)設(shè)計(jì)的影響和參與也會(huì)越來(lái)越深入，動(dòng)效設(shè)計(jì)的進(jìn)程腳步也會(huì)越來(lái)越快，在當(dāng)今設(shè)計(jì)中，動(dòng)效是最?yuàn)Z人眼球的工具之一，正確的使用會(huì)在與用戶的對(duì)話中起到很好的引導(dǎo)。不過(guò)也正因?yàn)樗膹?qiáng)勢(shì)，所以一定要梳理好設(shè)計(jì)目標(biāo)，不要讓其變?yōu)楦蓴_，畢竟用戶的注意力和時(shí)間都變得越來(lái)越少，我們要做的是更合理的利用動(dòng)效來(lái)傳達(dá)我們的信息。