在數(shù)字界面中，動(dòng)效并不是什么新鮮事物。他們經(jīng)歷了一段有趣的上升、下降和現(xiàn)在又重新流行起來的歷史。微妙的動(dòng)效增加個(gè)性和同理心到一個(gè)原本枯燥的界面。它們讓體驗(yàn)變得有趣、愉悅和難忘。

web設(shè)計(jì)中的動(dòng)效已經(jīng)存在很長時(shí)間了。他們第一次受歡迎是由于。gif格式，然后是。swf。然而，由于許多設(shè)計(jì)都沒有考慮到可用性，動(dòng)效很快就與糟糕的用戶體驗(yàn)聯(lián)系起來。

當(dāng)Flash不再是酷酷的，而HTML5成為了技術(shù)的首選，它就成為了CSS3，它獲得了動(dòng)效的指揮棒;特別是CSS轉(zhuǎn)換和CSS動(dòng)效。比JavaScript更簡單的實(shí)現(xiàn)和更流暢的性能使CSS成為理想的工具，從那時(shí)起，設(shè)計(jì)師就開始在UI中嘗試動(dòng)效。

添加個(gè)性與動(dòng)效

讓你的導(dǎo)航功能在加載時(shí)消失，這是一個(gè)很好的觸摸;它展示了你的網(wǎng)站是優(yōu)雅的;這是個(gè)性。當(dāng)你使用出租車應(yīng)用程序并提供一個(gè)大提示時(shí)，會(huì)有五彩紙屑從屏幕上滑落;這是有趣的，古怪的和出乎意料的;這是個(gè)性。這樣的小事會(huì)讓你的訪客與你建立私人關(guān)系。

Optimo的帽子在懸停上做了一個(gè)很好的過渡，他們通過引言來提示自己，并為帽子的名字留出空間。它是超越微妙的，但最重要的是它是一個(gè)很好的觸摸，這提供了一種個(gè)性感，一種愉悅感。

與動(dòng)效建立情感聯(lián)系

當(dāng)有個(gè)人聯(lián)系時(shí)，就會(huì)有情感上的聯(lián)系。我現(xiàn)在可以喜歡你的公司和品牌;我們現(xiàn)在處于一段關(guān)系中，因?yàn)槟切┪⒚畹膭?dòng)效讓我看到了人——人——電腦/機(jī)器/網(wǎng)站背后的人。這些小小的接觸讓公司的文化熠熠生輝。不難看出，公司背后的人是友好的，而且可能很容易;因此，在個(gè)人和情感層面上很容易與他們聯(lián)系。

激動(dòng)人心的興趣與動(dòng)效

坦率地說，古怪的動(dòng)效很有趣;他們讓你的網(wǎng)站很有趣!更重要的是，人們喜歡它，他們會(huì)非常喜歡它，他們會(huì)和他們的朋友分享，不管是在談話中還是在推特上，他們都會(huì)記住你。

Soleil Noir在網(wǎng)站上的夢(mèng)想是另一種東西。一切都在動(dòng)，擺動(dòng)，什么都不動(dòng);但它在網(wǎng)站上很好用，因?yàn)樗苡腥?，而且?yīng)該很有趣。每樣?xùn)|西都是那么的有活力;這給人一種即時(shí)的正面印象。

結(jié)論

不是每件事都有它的缺點(diǎn)。微妙和過分之間有微妙的界限。對(duì)于用戶來說，動(dòng)效也很煩人，特別是當(dāng)一個(gè)動(dòng)效長在一個(gè)長頁面的每個(gè)部分時(shí)。我必須等待內(nèi)容一次，因?yàn)槲覞L動(dòng)到一個(gè)頁面的底部，并領(lǐng)先于加載部分的動(dòng)效。那不好，它擾亂了我的工作流程，它讓我分心，它讓我生氣。

有些網(wǎng)站有這些動(dòng)效可能是不合適的;當(dāng)你是一個(gè)想要被認(rèn)真對(duì)待的非營利組織，或者是一個(gè)政府稅務(wù)網(wǎng)站，當(dāng)用戶登錄或點(diǎn)擊“支付我的所得稅”按鈕時(shí)，你的頁面就會(huì)出現(xiàn)雨點(diǎn)，這是不合適的。這會(huì)損害你的形象，讓人們不信任你。確保你的動(dòng)效，不管它們是什么，都適合你的觀眾。