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

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

1、證明工藝

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

加載屏幕動(dòng)畫

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

簽名的動(dòng)畫

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

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

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

交互式動(dòng)畫

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

盤旋的動(dòng)畫

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

講故事的動(dòng)畫

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

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

3、讓用戶采取進(jìn)一步的步驟

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

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

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

鼓勵(lì)用戶操作

好的動(dòng)畫和互動(dòng)效果鼓勵(lì)用戶點(diǎn)擊。看看下面的"契訶夫活著"網(wǎng)站的設(shè)計(jì)。設(shè)計(jì)要求你點(diǎn)擊找到你的角色。

事情需要考慮

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