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

1、 動(dòng)效設(shè)計(jì)中多維度設(shè)計(jì)語言的應(yīng)用探析 燕林飛摘 要：新興媒體與信息化多維度的傳播方式，代表了未來設(shè)計(jì)的發(fā)展方向，逐漸成為現(xiàn)代視覺傳達(dá)設(shè)計(jì)的主流。動(dòng)效設(shè)計(jì)作為近幾年新興的設(shè)計(jì)門類在當(dāng)今社會(huì)中發(fā)揮著越來越重要的作用。本文通過分析新媒體藝術(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ì)未來的視覺傳達(dá)設(shè)計(jì)帶來一些新的啟示。Key：動(dòng)效設(shè)計(jì)；新媒體設(shè)計(jì)；視覺傳達(dá)設(shè)計(jì)：J524 ：A ：1005-5312（2016）18-0179-01一、動(dòng)效設(shè)計(jì)概述伴隨著html5和css3語言的發(fā)展，新媒體設(shè)計(jì)的類別變得愈加豐富，在傳統(tǒng)PC端及移動(dòng)終端

2、的靜態(tài)圖形圖像已經(jīng)無法滿足正常用戶的審美需求及用戶體驗(yàn)，動(dòng)效設(shè)計(jì)依托高端瀏覽器提供的硬件設(shè)施，將動(dòng)態(tài)的視覺畫面效果最快捷的呈現(xiàn)在用戶體驗(yàn)中。圖1為PC端及移動(dòng)端用戶操作行為分解圖，由圖片可以看出動(dòng)效設(shè)計(jì)中需要更多的考慮到用戶的操作行為。通過對(duì)比分析我們發(fā)現(xiàn)，在PC端用戶通過鼠標(biāo)的經(jīng)過、單擊、拖動(dòng)等交互方式來觸發(fā)事件，與目標(biāo)對(duì)象產(chǎn)生互動(dòng)。移動(dòng)端自身的硬件可以支持包括手勢(shì)操作、重力、光線、距離感應(yīng)器等功能來進(jìn)行互動(dòng)效果，人機(jī)互動(dòng)的形式也變得更加有趣，增加了交互設(shè)計(jì)中設(shè)計(jì)語言的多樣性。二、QQ空間中動(dòng)效設(shè)計(jì)的語言分析我們將交互過程拆分為：交互對(duì)象+交互行為+交互反饋。對(duì)QQ空間做了如下動(dòng)態(tài)創(chuàng)新探索。

3、（一）用戶操作行為的可視化將操作行為與頁面反饋結(jié)合在一起，以增強(qiáng)用戶對(duì)操作行為的感知度，例如點(diǎn)“贊”的行為.圖2為點(diǎn)“贊”速度變化的分析。由此可以看出：啟動(dòng)時(shí)有一定的初始速度，陡升曲線表明迅速到達(dá)最高峰，在到達(dá)結(jié)束點(diǎn)的過程中，速度逐漸放緩。不透明度變化：初始時(shí)為0，目標(biāo)不可見，隨著速度到達(dá)頂峰時(shí)變?yōu)?00，此時(shí)目標(biāo)完整可見。 恰到好處的動(dòng)態(tài)效果可以給用戶帶來更平滑、柔和的體驗(yàn)。我們應(yīng)洞察用戶心理的細(xì)微變化，讓切換效果更符合用戶預(yù)期。（二）QQ空間訪客與主人間的動(dòng)態(tài)互動(dòng)方式傳統(tǒng)意義設(shè)計(jì)中，當(dāng)QQ訪客登陸好友主頁后，通常只能通過留言或回復(fù)好友動(dòng)態(tài)的形式互動(dòng)。久而久之，簡單的文字類的交流過于乏味，缺

4、少貼近生活化的肢體性的互動(dòng)方式使得用戶體驗(yàn)越來越差。而再Q(mào)Q空間的訪客頁面中加入可以進(jìn)行用戶互動(dòng)的動(dòng)態(tài)圖片，諸如臉部識(shí)別，撫摸照片臉部或者捏耳朵等形式，會(huì)使得界面的體驗(yàn)越來越完善。三、動(dòng)效設(shè)計(jì)中核心設(shè)計(jì)語言探析在動(dòng)效設(shè)計(jì)中當(dāng)用戶從看到一個(gè)頁面的瞬間開始，如果在展示面積相同的情況下，用戶的注意力會(huì)按照一個(gè)特定的順序依次被吸引：動(dòng)態(tài)顏色形狀。其中展現(xiàn)面積越大，動(dòng)效持續(xù)時(shí)間越長（包括單一動(dòng)效與復(fù)合動(dòng)效），用戶注意力越能夠被吸引并持續(xù)。 此類動(dòng)效多應(yīng)用在app的介紹頁或者官網(wǎng)的產(chǎn)品介紹頁，力圖通過動(dòng)效沖擊視覺，給用戶留下深刻印象。這里由于大部分畫面都是動(dòng)態(tài)，其余靜態(tài)的小部分很可能被忽視。例如，多數(shù)頁面

5、都在圖形中加入動(dòng)效，而文字部分是靜止的，如果有信息是希望能夠通過文字表達(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í)間長一個(gè)較小面積上會(huì)長時(shí)間存在動(dòng)態(tài)效果去吸引用戶注意，這意味著此處的動(dòng)態(tài)效果本身是非常重要的，值得用戶保持關(guān)注，此類基本都與用戶此時(shí)關(guān)注的功能直接相關(guān)。四、結(jié)語數(shù)字化趨勢(shì)做為現(xiàn)代標(biāo)志設(shè)計(jì)多元化中的一個(gè)前衛(wèi)的潮流，開辟了前人未涉足的領(lǐng)域，不論它的形式有怎樣新的變化，它的最終目的還是為主體量身定做新形象，創(chuàng)造新價(jià)值，新技術(shù)還將迅猛的發(fā)展下去，對(duì)設(shè)計(jì)的影響和參與也會(huì)越來越深入，動(dòng)效設(shè)計(jì)的進(jìn)程腳步也會(huì)越來越快，在當(dāng)今設(shè)計(jì)中，動(dòng)效是最?yuàn)Z人眼球的工具之一，正確的使用會(huì)在與用戶的對(duì)話中起到很好的