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

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

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

添加個性與動效

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

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

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

當(dāng)有個人聯(lián)系時，就會有情感上的聯(lián)系。我現(xiàn)在可以喜歡你的公司和品牌;我們現(xiàn)在處于一段關(guān)系中，因?yàn)槟切┪⒚畹膭有ё屛铱吹搅巳恕恕娔X/機(jī)器/網(wǎng)站背后的人。這些小小的接觸讓公司的文化熠熠生輝。不難看出，公司背后的人是友好的，而且可能很容易;因此，在個人和情感層面上很容易與他們聯(lián)系。

激動人心的興趣與動效

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

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

結(jié)論

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

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