動畫在數字接口中并不是什么新鮮事。他們有一個有趣的歷史上升,下降,現在又上升了人氣。微妙的動畫添加個性和同情到一個否則鈍的接口。他們使經驗有趣,愉快和難忘。
網頁設計中的動畫已經存在了很長時間。他們首先變得普遍感謝的gif格式,后來,.swf。然而,由于許多設計不考慮可用性,動畫很快就與不良用戶體驗相關聯。
當Flash不再酷,HTML5成為了Go-to技術,它是CSS3拾起動畫指揮棒;特別是CSS轉換和CSS動畫。更簡單的實現和更流暢的性能,甚至JavaScript制作的CSS是理想的工具,設計師一直在UI實驗動畫。
添加動畫的個性
讓你的導航淡入加載提供了一個非常漂亮的觸摸;它顯示您的網站優雅;這是個性。當你使用出租車應用程序并提供一個大提示,有五彩紙屑落在屏幕上;這是有趣,古怪和意外;這是個性。這樣的小東西允許您的訪問者與您建立個人聯系。
Optimo的帽子做了一個相當不錯的過渡,懸停,他們提示自己的方式介紹,并為帽子的名字騰出空間。它超越了微妙,但最重要的是一個很好的觸摸,這提供了個性的感覺,一種快樂的感覺。
創建與動畫的動畫連接
當有個人聯系時,有一種情感聯系。我現在能夠喜歡你的公司和品牌;我們現在處于一種關系,因為這些微妙的動畫讓我看到人 - 人在計算機/機器/網站后面。這些小小的接觸使公司文化發光。這不是很難看到公司背后的人是友好的,可能很容易;因此很容易在個人和情感層面與他們聯系。