動畫一度被認為是一種裝飾，但是隨著技術(shù)的進步和互聯(lián)網(wǎng)連接的加速，設(shè)計師們正在接受實際的好處。在本文中，我們將集中討論動畫營銷動畫或動畫的一個特殊好處。盡管這樣的動畫并不是為了提高可用性，但它可以給用戶留下深刻印象，并為主題提供一些背景。

設(shè)計師可以通過以下方式來利用這類動畫:

1、證明工藝

人們確實注意到了細節(jié)。對動畫的關(guān)注可以讓你的體驗變得精致。當(dāng)應(yīng)用程序、網(wǎng)站創(chuàng)造出一種視覺刺激的體驗時，它會給用戶帶來興奮感。

加載屏幕動畫

加載動畫是最古老的動畫使用之一，它的目的是分散用戶對加載時間的注意力。但即使是這種類型的動畫也能證明你的產(chǎn)品很棒。例如，當(dāng)用戶啟動Uber應(yīng)用程序時，他們會立即注意到一個動畫下降，而這一下降正變成地圖上的大頭針。這個動畫不純粹是令人愉快的，它也影響用戶的眼睛和控制用戶應(yīng)該關(guān)注的地方。這個快速打開的瞬間讓你的第一印象很干凈，并誘使用戶進一步互動。

簽名的動畫

有些公司甚至更進一步，將動畫作為品牌的特色。MailChimp是使用動畫的公司之一。該公司實現(xiàn)了一個相當(dāng)技術(shù)的利基，創(chuàng)造和發(fā)送電子郵件運動，但是使用動畫它將這個枯燥的任務(wù)變成一個誘人的經(jīng)驗。該服務(wù)在整個用戶旅程中添加了小而愉快的驚喜，并使發(fā)送電子郵件變得更加有趣。

2、最好傳遞一個關(guān)鍵信息

動畫效果可以讓你的信息更清晰。使用動畫你可以采用復(fù)雜的想法或過程，并使它們易于理解，以一種有趣和生動的方式。

交互式動畫

動畫能夠突出產(chǎn)品的優(yōu)勢。Bellroy是一家銷售錢包的公司。他們說，努力創(chuàng)造一個苗條的設(shè)計來減少口袋的體積。在下面的示例中，您可以看到Bellroy中使用的動畫如何清楚地顯示產(chǎn)品的行為并展示其優(yōu)點。

盤旋的動畫

懸停動畫對于提供關(guān)于產(chǎn)品的額外信息非常實用。這種類型的動畫使《啟示》不那么刺耳，并提供了一個給你的網(wǎng)站添加一些令人愉快的角色的機會。

講故事的動畫

動畫的敘事潛力可以增加與原本枯燥的界面的情感聯(lián)系。一些常見的講故事的例子是通過在你的眼睛前"裝配"來展示一個新產(chǎn)品。例如，蘋果網(wǎng)站上的Mac Pro的頁面顯示了你向下滾動時的引擎蓋下的內(nèi)容:

講故事的動畫也可以把生活和樂趣融入到長卷中。而不是很常見的視差動畫，選擇一些更微妙的東西?？紤]將您的站點分割成可滾動的"塊"。在每個塊中，您可以通過動畫來介紹內(nèi)容。在Le Mugs網(wǎng)站的例子中，動畫通過動畫簡單的藝術(shù)插圖使內(nèi)容"活過來"。

3、讓用戶采取進一步的步驟

動畫的使用會影響你的用戶的眼睛，并且它可以控制他們把注意力集中在你的頁面上。人的眼睛自然會被運動所吸引，這使得動畫成為控制你的視覺層次的完美工具。

直接用戶的關(guān)注

移動元素是吸引用戶注意力的強大工具。如果目標(biāo)是將用戶的注意力吸引到單個元素之外，或者提醒用戶更新信息，那么動畫就會成功。只要屏幕上沒有其他的競爭元素，哪怕是一點點的動作都會引起注意。西雅圖的太空針網(wǎng)站利用了這一微妙之處。該網(wǎng)站將注意力集中在指示上，但有效的動畫在向上的箭頭。

鼓勵用戶操作

好的動畫和互動效果鼓勵用戶點擊?？纯聪旅娴?quot;契訶夫活著"網(wǎng)站的設(shè)計。設(shè)計要求你點擊找到你的角色。

事情需要考慮

動畫是一把雙刃劍。使用不當(dāng)會破壞用戶體驗。避免讓用戶分心的動畫。在網(wǎng)絡(luò)銷售和營銷的世界里，分心可能是死亡。在設(shè)計動畫時要考慮的一個非常重要的方面是它可能在一個用戶會話中發(fā)生的頻率。當(dāng)用戶第一次看到它時，它可能會很好，但是第100次嘗試之后，它會變得很煩人，特別是當(dāng)它除了"好玩"之外沒有別的用途的時候。有很多UI元素，您可以在有趣和實用的方式中進行動畫。但是記住一件事，如果你想要創(chuàng)造營銷動畫你應(yīng)該設(shè)定一個目標(biāo)，創(chuàng)造一個既有風(fēng)格又有目的的動畫。