logo名字的設計目的在于代表企業或品牌的形象,良好的logo名字建立起品牌和客戶之間的聯系:
動畫很酷。這是有據可查的事實,而不是觀點(相信我們)。還記得90年代末可交換的圖像格式和早期動畫激增的時候嗎?你有多久沒想過倉鼠舞或者花生醬果凍時間了?這些早期的病毒式動畫是我們今天看到的令人驚嘆的精致動畫的前身。
網絡動畫是網絡上的任何動作,雖然閃光現在用得不多,但有許多技巧和技術讓互聯網變得生動起來:
運動圖形動畫半鑄鋼鋼性鑄鐵(Cast Semi-Steel)動畫Java Script語言動畫挽救(saving的簡寫)動畫WebGL動畫用戶界面動畫基于網的游戲動畫動畫數據可視化
動畫不再僅僅是娛樂或者很酷的標志。今天,動畫可以以多種方式使用,許多公司正在他們的網站上尋找微妙而有效的用途。他們的目標是把眼睛準確地吸引到它需要去的地方。但是如果使用不當,它們也會轉移人們的注意力。
JK設計的創意總監喬喬丹說,要想充分利用動畫,就要給它們一個目標。讓它們變得有意義。
使用動畫幾乎是顯而易見的。研究發現,當網頁上有動畫時,用戶停留的時間是正常情況下的2.6倍。
人們喜歡交互式圖形元素。這歸因于人類平均8秒的注意力持續時間(根據微軟公司2015年的一項研究)。視頻和動畫讓人們參與進來,保持眼球的運動,甚至可以用來吸引觀眾到CTA .在線出版商協會的研究顯示,在八個月的時間里,80%的用戶觀看了視頻廣告,其中46%的用戶采取了后續行動。
動畫最好的一點是,它們可以無縫地融入你的品牌——它們可以是微妙的,也可以是明顯的。
例如,許多公司發現直接在他們的主頁上使用解釋者視頻是成功的。創建一個引人注目的開始屏幕,讓用戶想要按下玩,這是一個讓他們在頁面上停留足夠長時間的可靠方法,以便你告訴他們為什么應該買入。
微妙的動畫,像登錄按鈕的小彈跳,告訴用戶他們輸入的信息不正確,提供了更好的用戶體驗。另一方面,有更多的公開選項,比如當用戶向下滾動時,一個字符會留在頁面上,這樣用戶就可以與品牌的個性聯系起來。
不管如何使用,網頁動畫是UX設計的事情。當用戶登陸你的網站時,這可能是他們對你的第一印象,所以你希望他們的體驗是最好的。你希望他們關注他們所看到的,以及他們如何體驗你的頁面。你要確保他們的注意力持續足夠長的時間,以便向他們銷售。
你的網頁動畫需要靈感嗎?看看我們發現的10個很棒的動畫例子。有些又大又大膽。有些很低調。但是他們都考慮了品牌身份,他們的目標受眾以及用戶如何與頁面互動。
1.瑪麗韋伯魯彭點擊地址欄上的回車鍵進入該頁面,你會看到一個簡單、優雅的手工制鞋公司標志動畫。事實上,在網站的每一頁上,都有同樣的動畫向你問候。它與品牌的奢華相匹配,給人一種難以言喻的感覺——一種無與倫比的暗示,表明你所期待的是值得的。
當你在網站中移動時,其他元素也會被激活。就像鞋子系列名稱的入口,縮小前出現的鞋子圖像,以及在名稱下顯示和動畫的鏈接下的小線條,這樣就可以清楚地看到你將要點擊的鏈接。
2.精彩周末節精彩周末節頁面是一個名副其實的動畫樂趣。登陸頁面都是關于移動件,但他們并沒有就此打住。當該頁面第一次出現時,會彈出一個小框來告訴您節日何時到來,并為您提供兩個選擇:立即播放或向我展示節日。這就是細節的所在。當你懸停在這些按鈕上時,它們會閃現谷歌的顏色(該節日的贊助商)。
這些按鈕并不是谷歌品牌閃耀的唯一地方。當你瀏覽頁面時,活動鏈接也會隨著顏色一起閃爍,每個新頁面都以品牌顏色的動畫開始。想要一個生動的快樂嗎?試試"周末助手"和"技巧"的鏈接,了解一下如何吸引觀眾。
3.乍一看,你可能不明白我們為什么選擇Waze .畢竟,頁面很快就有了動畫效果,但它并不十分動態。相反,我們發現有影響力的是微妙的動畫——頁面底部跳動的小箭頭。那支箭是無害的。它是謙遜的。這是一個簡單、用戶友好的功能,它禮貌地告訴你下一步該做什么:點擊它。
箭頭會吸引你的注意力,引導你獲取更多信息。這種簡單性是小動畫如何產生大影響的完美例子。
4.可口可樂的頁面主要是靜態的。你可