網(wǎng)頁動效對網(wǎng)站體驗設計起到的重要作用
在數(shù)字界面中,動效并不是什么新鮮事物。他們經(jīng)歷了一段有趣的上升、下降和現(xiàn)在又重新流行起來的歷史。微妙的動效增加個性和同理心到一個原本枯燥的界面。它們讓體驗變得有趣、愉悅和難忘。
web設計中的動效已經(jīng)存在很長時間了。他們第一次受歡迎是由于。gif格式,然后是。swf。然而,由于許多設計都沒有考慮到可用性,動效很快就與糟糕的用戶體驗聯(lián)系起來。
當Flash不再是酷酷的,而html5成為了技術(shù)的首選,它就成為了CSS3,它獲得了動效的指揮棒;特別是CSS轉(zhuǎn)換和CSS動效。比Javascript更簡單的實現(xiàn)和更流暢的性能使CSS成為理想的工具,從那時起,設計師就開始在UI中嘗試動效。
添加個性與動效
讓你的導航功能在加載時消失,這是一個很好的觸摸;它展示了你的網(wǎng)站是優(yōu)雅的;這是個性。當你使用出租車應用程序并提供一個大提示時,會有五彩紙屑從屏幕上滑落;這是有趣的,古怪的和出乎意料的;這是個性。這樣的小事會讓你的訪客與你建立私人關(guān)系。
Optimo的帽子在懸停上做了一個很好的過渡,他們通過引言來提示自己,并為帽子的名字留出空間。它是超越微妙的,但最重要的是它是一個很好的觸摸,這提供了一種個性感,一種愉悅感。
與動效建立情感聯(lián)系
當有個人聯(lián)系時,就會有情感上的聯(lián)系。我現(xiàn)在可以喜歡你的公司和品牌;我們現(xiàn)在處于一段關(guān)系中,因為那些微妙的動效讓我看到了人——人——電腦/機器/網(wǎng)站背后的人。這些小小的接觸讓公司的文化熠熠生輝。不難看出,公司背后的人是友好的,而且可能很容易;因此,在個人和情感層面上很容易與他們聯(lián)系。
激動人心的興趣與動效
坦率地說,古怪的動效很有趣;他們讓你的網(wǎng)站很有趣!更重要的是,人們喜歡它,他們會非常喜歡它,他們會和他們的朋友分享,不管是在談話中還是在推特上,他們都會記住你。
Soleil Noir在網(wǎng)站上的夢想是另一種東西。一切都在動,擺動,什么都不動;但它在網(wǎng)站上很好用,因為它很有趣,而且應該很有趣。每樣東西都是那么的有活力;這給人一種即時的正面印象。
結(jié)論
不是每件事都有它的缺點。微妙和過分之間有微妙的界限。對于用戶來說,動效也很煩人,特別是當一個動效長在一個長頁面的每個部分時。我必須等待內(nèi)容一次,因為我滾動到一個頁面的底部,并領先于加載部分的動效。那不好,它擾亂了我的工作流程,它讓我分心,它讓我生氣。
有些網(wǎng)站有這些動效可能是不合適的;當你是一個想要被認真對待的非營利組織,或者是一個政府稅務網(wǎng)站,當用戶登錄或點擊"支付我的所得稅"按鈕時,你的頁面就會出現(xiàn)雨點,這是不合適的。這會損害你的形象,讓人們不信任你。確保你的動效,不管它們是什么,都適合你的觀眾。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)