動(dòng)畫(huà)是整個(gè)過(guò)程的完全獨(dú)立的部分，必須在評(píng)估整個(gè)項(xiàng)目時(shí)立即予以確認(rèn)。

首先，我們談?wù)搫?dòng)畫(huà)在實(shí)際應(yīng)用中的努力和需求。創(chuàng)建動(dòng)畫(huà)設(shè)計(jì)顯然比將其變成現(xiàn)實(shí)容易得多，編程動(dòng)畫(huà)可以嚴(yán)格延長(zhǎng)應(yīng)用程序開(kāi)發(fā)的時(shí)間。這就是為什么大多數(shù)動(dòng)畫(huà)被困在概念階段，并在設(shè)計(jì)師的組合中停滯不前。

我們將界面動(dòng)畫(huà)分為兩種類(lèi)型：

功能性UX動(dòng)畫(huà)

情感性UI動(dòng)畫(huà)

功能性UX動(dòng)畫(huà)提升應(yīng)用程序的響應(yīng)能力

這些動(dòng)畫(huà)無(wú)疑提高了可用性，有意義地促成了一些具體操作。通常，它們不需要比用戶(hù)的特定動(dòng)作序列更多的時(shí)間。例如，刷新的拖動(dòng)，指標(biāo)的加載，按鈕操作或滑動(dòng)…

Ramotion

Sergii Ganushchak

獨(dú)特的下拉列表的內(nèi)容更新。一旦收到數(shù)據(jù)，動(dòng)畫(huà)就會(huì)結(jié)束。這些例子彌合了功能與情感動(dòng)畫(huà)之間的差距，但開(kāi)發(fā)這種下拉列表并不像看起來(lái)那么容易。

Stan Yakusevich

在這里，我們看到一個(gè)滾動(dòng)條，當(dāng)你移動(dòng)它時(shí)會(huì)改變顏色。它是一個(gè)功能元素，因?yàn)樗峁┝藢?duì)折扣“溫度”變化的觸覺(jué)和“熱”感覺(jué)。熱或冷。就其所需的努力而言，編程實(shí)現(xiàn)是一個(gè)非常難的效果。

Aurélien Salomon

在屏幕間平滑轉(zhuǎn)換的水平滑動(dòng)的不同例子。如果這個(gè)動(dòng)畫(huà)沒(méi)有比交互和用手指控制更長(zhǎng)久，那么它是功能性動(dòng)畫(huà)的一個(gè)很好的例子。具有平滑轉(zhuǎn)換功能的界面產(chǎn)生一流的印象，也不僅僅是因?yàn)樗鼈兒苌僖?jiàn)。

Lukas Horak

這是一個(gè)減緩用戶(hù)操作的復(fù)雜動(dòng)畫(huà)的例子?？ㄆ念~外震顫拖延了我們幾秒鐘，這是不必要的。震顫效果需要6-8小時(shí)的開(kāi)發(fā)時(shí)間。

總的來(lái)說(shuō)，在規(guī)劃時(shí)間表和預(yù)算時(shí)，必須考慮賬戶(hù)中的功能動(dòng)畫(huà)。不言而喻，界面必須具有動(dòng)態(tài)性和響應(yīng)性，因?yàn)檫@樣可以增強(qiáng)交互性。即使你只是設(shè)計(jì)它，也請(qǐng)記住動(dòng)畫(huà)需求的額外時(shí)間和精力是關(guān)鍵。這確保你的作品集只包含由第三方開(kāi)發(fā)商開(kāi)發(fā)的僅完全實(shí)現(xiàn)的項(xiàng)目，這是你的設(shè)計(jì)的基礎(chǔ)組成部分。

情感UI動(dòng)畫(huà)是界面的裝飾

大多數(shù)時(shí)候，這些動(dòng)畫(huà)只有令他們驚嘆的因素，其吸引力的目的是促進(jìn)應(yīng)用。只有通過(guò)設(shè)計(jì)師想象力的限制，改進(jìn)的UX被放在后面，因?yàn)檫@些動(dòng)畫(huà)是非常復(fù)雜且經(jīng)過(guò)精心的設(shè)計(jì)。以下是幾個(gè)例子：

大多數(shù)設(shè)計(jì)師在他們的作品集中都有這樣一些東西，但它僅保持在想法階段。在開(kāi)發(fā)方面，承包商和客戶(hù)都明白這不是一個(gè)重要的事情，而是不能沒(méi)有它。畢竟這些動(dòng)畫(huà)需要很大的努力的，且直接反映了開(kāi)發(fā)的預(yù)算和日常安排。

誰(shuí)負(fù)責(zé)嵌入這些動(dòng)畫(huà)呢

市場(chǎng)上的公司永遠(yuǎn)不會(huì)為了生存而奮斗。他們修改最受歡迎的產(chǎn)品。因?yàn)樗麄冊(cè)诤芫靡郧熬烷_(kāi)始炒作他們的產(chǎn)品，并解決了大量的UX問(wèn)題，他們有機(jī)會(huì)為情感動(dòng)畫(huà)投入更多的時(shí)間，金錢(qián)和努力。很好的例子是：Twitter、Uber、Airbnb、Things 3等。

對(duì)于如何推進(jìn)營(yíng)銷(xiāo)策略有明確的削減計(jì)劃的啟動(dòng)。他們瞄準(zhǔn)一個(gè)獎(jiǎng)項(xiàng)，如Apple Design Awards，Tappawards，The Webby Awards，Global Mobile Awards，Driven x Design Awards等。所以這可能是一個(gè)競(jìng)爭(zhēng)優(yōu)勢(shì)，但將動(dòng)畫(huà)變成優(yōu)勢(shì)并不是那么簡(jiǎn)單。這些應(yīng)用程序的一些很好的例子：

ClearPathRobinhoodCity Guides

其他人因?yàn)楦鞣N原因也做這個(gè)，如：

每個(gè)人都在做。

對(duì)于設(shè)計(jì)師和客戶(hù)來(lái)說(shuō)，它很有趣且令人印象深刻。沒(méi)有線(xiàn)索，如何影響應(yīng)用程序的可升級(jí)性?

這是客戶(hù)想要的，因?yàn)樗芸帷?

它來(lái)自發(fā)展階段可能出現(xiàn)的缺乏經(jīng)驗(yàn)和無(wú)知的挑戰(zhàn)。

缺乏營(yíng)銷(xiāo)策略，客戶(hù)端不明白動(dòng)畫(huà)是什么，或者如何幫助產(chǎn)品改變。

最后的結(jié)果

在從想法到現(xiàn)實(shí)的應(yīng)用程序的開(kāi)發(fā)過(guò)程中，有必要清楚地確定每一步的方法。動(dòng)畫(huà)是整個(gè)過(guò)程的完全獨(dú)立的部分，必須在評(píng)估整個(gè)項(xiàng)目時(shí)立即予以確認(rèn)。畢竟動(dòng)畫(huà)占整個(gè)開(kāi)發(fā)過(guò)程的100%。

功能動(dòng)畫(huà)具有明確的目的，在準(zhǔn)備時(shí)間表和預(yù)算時(shí)要考慮到這一點(diǎn)。首先，它們提高了可用性。這些動(dòng)畫(huà)的復(fù)雜實(shí)現(xiàn)完全取決于創(chuàng)作者。

情感動(dòng)畫(huà)并不是最重要，因此最好考慮你或客戶(hù)希望將其嵌入到應(yīng)用中的情況。大多數(shù)情況下，情感動(dòng)畫(huà)是不值得付出努力，投資現(xiàn)金促進(jìn)產(chǎn)品是更有效，這是容易被忽視的，設(shè)想一個(gè)好想法將會(huì)“提升自己”。

以上就是上海網(wǎng)站設(shè)計(jì)提供的內(nèi)容，如果想要了解關(guān)于設(shè)計(jì)展會(huì)網(wǎng)站案例及微博營(yíng)銷(xiāo)怎么做，可直接點(diǎn)擊查看