動效設計中多維度設計語言的應用探析

燕林飛

摘 要：新興媒體與信息化多維度的傳播方式，代表了未來設計的發展方向，逐漸成為現代視覺傳達設計的主流。動效設計作為近幾年新興的設計門類在當今社會中發揮著越來越重要的作用。本文通過分析新媒體藝術影響下動效設計的設計元素以及表達方式的特點，解讀動效設計在設計思維構架的變革下體現的多維度的設計構成方式，希望對未來的視覺傳達設計帶來一些新的啟示。

關鍵詞：動效設計；新媒體設計；視覺傳達設計

中圖分類號：J524 文獻標識碼：A 文章編號：1005-5312（2016）18-0179-01

一、動效設計概述

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

二、QQ空間中動效設計的語言分析

我們將交互過程拆分為：交互對象+交互行為+交互反饋。對QQ空間做了如下動態創新探索。

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

將操作行為與頁面反饋結合在一起，以增強用戶對操作行為的感知度，例如點“贊”的行為.圖2為點“贊”速度變化的分析。由此可以看出：啟動時有一定的初始速度，陡升曲線表明迅速到達最高峰，在到達結束點的過程中，速度逐漸放緩。不透明度變化：初始時為0，目標不可見，隨著速度到達頂峰時變為100，此時目標完整可見。 恰到好處的動態效果可以給用戶帶來更平滑、柔和的體驗。我們應洞察用戶心理的細微變化，讓切換效果更符合用戶預期。

（二）QQ空間訪客與主人間的動態互動方式

傳統意義設計中，當QQ訪客登陸好友主頁后，通常只能通過留言或回復好友動態的形式互動。久而久之，簡單的文字類的交流過于乏味，缺少貼近生活化的肢體性的互動方式使得用戶體驗越來越差。而再QQ空間的訪客頁面中加入可以進行用戶互動的動態圖片，諸如臉部識別，撫摸照片臉部或者捏耳朵等形式，會使得界面的體驗越來越完善。

三、動效設計中核心設計語言探析

在動效設計中當用戶從看到一個頁面的瞬間開始，如果在展示面積相同的情況下，用戶的注意力會按照一個特定的順序依次被吸引：動態>顏色>形狀。

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

四、結語

數字化趨勢做為現代標志設計多元化中的一個前衛的潮流，開辟了前人未涉足的領域，不論它的形式有怎樣新的變化，它的最終目的還是為主體量身定做新形象，創造新價值，新技術還將迅猛的發展下去，對設計的影響和參與也會越來越深入，動效設計的進程腳步也會越來越快，在當今設計中，動效是最奪人眼球的工具之一，正確的使用會在與用戶的對話中起到很好的引導。不過也正因為它的強勢，所以一定要梳理好設計目標，不要讓其變為干擾，畢竟用戶的注意力和時間都變得越來越少，我們要做的是更合理的利用動效來傳達我們的信息。