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

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

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

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

缺陷2：無法省略的文字

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

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

一個(gè)搖頭不是比“密碼錯(cuò)誤”顯得更直接?

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

缺陷3：無法集中的焦點(diǎn)

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

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

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

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

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

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

關(guān)于趣味性

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

結(jié)語

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

網(wǎng)站名稱：動(dòng)效設(shè)計(jì)的作用
網(wǎng)站URL：http://m.rwnh.cn/news22/166822.html

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

廣告

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