動效設(shè)計的作用

在眾多設(shè)計中，也許只有動效設(shè)計還停留在尷尬的境地：這是必要的嗎?如果把產(chǎn)品比作菜的話，人們似乎更愿意把動效比作雕花。下面我就結(jié)合工作經(jīng)驗談?wù)剟有гO(shè)計的意義。產(chǎn)品為解決問題而生，比如打車軟件，購物軟件等，迎合著不同用戶的需求;而設(shè)計的意義，則是為了讓用戶更有效地理解產(chǎn)品、使用產(chǎn)品，從而提高解決問題的效率。一款A(yù)PP包含有交互設(shè)計、視覺設(shè)計、動效設(shè)計(一切都跟用戶體驗有關(guān))，從順序來看，動效只作“補(bǔ)充說明”用途，彌補(bǔ)前者的不足。換個角度來說，理解了前者力所不能及之處，就能理解動效設(shè)計的作用。

缺陷1：無法消除的陌生感

每個產(chǎn)品都是獨立的星球，用戶要完成一個個任務(wù)就像在星球參加華麗的冒險，然而光靠視覺和交互無法完全消除用戶對星球的陌生，為此，動效要根據(jù)用戶對地球的認(rèn)知，賦予星球相同的屬性，也就是添加物理屬性，包括重力、摩擦力、加速度等。這樣，用戶就能很快地把自己代入其中。而站在設(shè)計師的角度，模擬地球的物理屬性也能有助于靈感的迸發(fā)，一切設(shè)計都是生活的提煉。

除此之外，還要起到一定的導(dǎo)向作用，也就是強(qiáng)調(diào)空間感。在現(xiàn)實生活中，從一個房間進(jìn)入另一個房間，并不是瞬間轉(zhuǎn)移，還要附加走路和開門，這樣你才明白“從哪兒來，回哪兒去”。動效就像走路和開門一樣，看似多余，實質(zhì)上對增強(qiáng)方向感起到至關(guān)重要的作用?？偨Y(jié)：準(zhǔn)確的動效構(gòu)給予虛擬世界真實感，搭建了元素之間的內(nèi)在層級關(guān)系。

缺陷2：無法省略的文字

在闡述問題前，大家先看三個句子。他：“唉，這下麻煩可就大了?！彼?嘆了口氣)：“唉，這下麻煩可就大了?！彼?搖了搖頭)：“唉，這下麻煩可就大了。”人們常說設(shè)計就像在寫故事，寫故事有這么一個技巧，對話能表達(dá)的，盡量少用修飾，對話不能表達(dá)的再著重強(qiáng)調(diào)。第一句話中，他除了說，沒有其他動作，讀者不能準(zhǔn)確得知他的發(fā)言狀態(tài)，就像靜態(tài)設(shè)計稿——無法提供實時的狀態(tài)信息。這時設(shè)計師就會加上一些文字提示，譬如加載數(shù)據(jù)時、新消息提示、已收藏、保存成功等等。光用圖標(biāo)不能同步狀態(tài)，用了文字又增加認(rèn)知負(fù)擔(dān)，這類無法省略的文字應(yīng)由動效取代。我們再往下看，在第二句話中設(shè)計師添加了動效“嘆了口氣”，雖然是動作，但與話中的“唉”同樣效果，反而成為了累贅;第三句添加了“搖了搖頭”，既添加了細(xì)節(jié)，豐富了畫面，又節(jié)省了時間，當(dāng)屬“優(yōu)質(zhì)動效”。

把類似“喜歡此圖片”等文字改成心跳，這種干凈利索又一目了然的微動效值得每個設(shè)計師追求。

一個搖頭不是比“密碼錯誤”顯得更直接?

總結(jié)：當(dāng)一系列的操作狀態(tài)需要及時反饋時，準(zhǔn)確的動效勝于千言萬語。

缺陷3：無法集中的焦點

曾經(jīng)閱讀用戶體驗相關(guān)的書，在關(guān)于吸引用戶注意力這點上，接觸了不少例子。誠然，如果一個界面設(shè)計得好，主次分明，活用色彩，都是可以引導(dǎo)用戶視線的。但凡事都有例外，當(dāng)有一系列同等權(quán)重的元素在界面時，則需要動效發(fā)揮作用。

頁面有多個輸入框，由動效提示當(dāng)前正在輸入欄

Uber給主召喚按鈕添加了柔和的旋轉(zhuǎn)動畫，輕易就把用戶的注意力吸引過去。一句話總結(jié)：會動的元素永遠(yuǎn)能優(yōu)先引起用戶的注意，考慮其特殊性，會動的元素只能是一個。

缺陷4：無法進(jìn)一步強(qiáng)化品牌概念

但凡優(yōu)秀設(shè)計都有一套從一而終的設(shè)計原則，拿大家所熟悉的Material Design來說，谷歌給動效專門添加了基于紙質(zhì)的隱喻的設(shè)計原則(這個例子一直被人提起)，這種隱喻只能由動效來實現(xiàn)。因為只有動態(tài)的物體，才能被賦予重量，能否被切割等物理屬性。換句話來說，設(shè)計原則規(guī)定了動效設(shè)計，動效設(shè)計又加強(qiáng)了設(shè)計原則，在強(qiáng)化品牌、傳遞理念上都起到良好作用。

Material Design提出的設(shè)計原則讓讓所有產(chǎn)品都烙印上濃濃的Google風(fēng)格。

關(guān)于趣味性

很多人會說動效還增加了產(chǎn)品的趣味，讓界面更友好，讓APP更有人情味云云，這一點我是認(rèn)同的，但是趣味性并不能作為設(shè)計導(dǎo)向，趣味性只能在上述4點設(shè)計的基礎(chǔ)上來點新花樣。一來，所謂“趣味”只有在用戶剛接觸產(chǎn)品時才有效，大家很喜歡上設(shè)計網(wǎng)站看大神們的作品，底下也是一片好評，但是大部分都屬于“初見殺”，看著很炫，考慮到開發(fā)和手機(jī)實際運行情況，事實上我并不希望每天用的APP有這么炫動畫;二來，動效的意義還是要“彌補(bǔ)不足”，單純?yōu)榱撕猛娑O(shè)計的動效容易讓人興奮，也容易讓人厭倦。只有在解決問題的前提下“炫技”，才能成為經(jīng)典。

結(jié)語

在工作的過程中，常常接觸各種各樣的設(shè)計，聆聽各路大神的經(jīng)驗與心得之談，久而久之，自己的心中就會形成一套方法論，也許和各位的看法大同小異，也許大相徑庭，不得而知。最重要的是能把零零碎碎的想法總結(jié)成一篇小小的短文分享出來，我覺得這也能積累一點經(jīng)驗。

網(wǎng)站名稱：動效設(shè)計的作用
網(wǎng)站URL：http://www.muchs.cn/news22/166822.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站導(dǎo)航、動態(tài)網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站維護(hù)、App設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)