蘇州app開(kāi)發(fā)公司動(dòng)效之美需內(nèi)外兼修！移動(dòng)互聯(lián)網(wǎng)時(shí)代已經(jīng)到來(lái)，應(yīng)用程序就像天空中的星星，數(shù)不勝數(shù)。隨著手機(jī)硬件的不斷升級(jí)，實(shí)現(xiàn)酷炫流暢的動(dòng)態(tài)效果不再是一個(gè)遙遠(yuǎn)的夢(mèng)想。如果你是一個(gè)應(yīng)用程序?qū)＜?，并且喜歡嘗試各種應(yīng)用程序，你肯定會(huì)發(fā)現(xiàn)越來(lái)越多的應(yīng)用程序開(kāi)始動(dòng)態(tài)效果。一個(gè)真正的美女必須同時(shí)擁有外在美和內(nèi)在美。評(píng)估一段動(dòng)態(tài)效果也是如此。讓我們體驗(yàn)一下它的靈活之美。1.APP動(dòng)態(tài)效果的外部美首先需要生動(dòng)有趣。它不僅要有好看的外觀，還要有平滑的體驗(yàn)。要做到這一點(diǎn)，我們需要賦予動(dòng)態(tài)效應(yīng)以活力。有幾種具體的方法：1.1模擬慣性。在現(xiàn)實(shí)中，物體的運(yùn)動(dòng)是慣性。例如，當(dāng)公共汽車(chē)突然剎車(chē)時(shí)，乘客會(huì)突然向前摔倒。仔細(xì)觀察以下三個(gè)部分的動(dòng)態(tài)效果。圖像在變化結(jié)束時(shí)（放大、縮小和翻轉(zhuǎn)）將超越。這種反彈效果將立即使整個(gè)運(yùn)動(dòng)充滿(mǎn)活力，看起來(lái)生動(dòng)有趣。1.2模擬重力與慣性相同。重力也是現(xiàn)實(shí)中的一種現(xiàn)象。 所有物體都會(huì)在沒(méi)有向上支撐的情況下墜落，例如傾倒垃圾。一般來(lái)說(shuō)，應(yīng)用程序刪除卡片的動(dòng)態(tài)效果是水平滑動(dòng)，直到卡片消失，但下面的動(dòng)態(tài)效果增加了重力效應(yīng)。也就是說(shuō)，卡片在水平滑動(dòng)時(shí)也會(huì)翻轉(zhuǎn)和墜落，就像在現(xiàn)實(shí)中傾倒垃圾進(jìn)入垃圾桶一樣。它不僅使整個(gè)動(dòng)態(tài)效果生動(dòng)有趣，而且方便用戶(hù)理解操作的意義。1.3統(tǒng)一速度變化。一個(gè)優(yōu)秀的動(dòng)態(tài)效應(yīng)肯定不會(huì)以恒定的速度移動(dòng)。以恒定的速度移動(dòng)的物體看起來(lái)僵硬僵硬，就像機(jī)器人一樣。為了使圖像運(yùn)動(dòng)充滿(mǎn)活力，有必要設(shè)計(jì)其運(yùn)動(dòng)的速度。仔細(xì)觀察下圖所示的動(dòng)態(tài)效果。雖然不同元素在界面中的移動(dòng)速度是不同的，但它們的移動(dòng)速度遵循一定的原則。其中之一是均勻的速度變化。記住快速啟動(dòng)。也就是說(shuō)，在移動(dòng)過(guò)程中，邊界面的初始速度是0。在運(yùn)動(dòng)結(jié)束階段，它通常是停止的。1.4零碎的運(yùn)動(dòng)是給應(yīng)用程序增加一個(gè)很酷的動(dòng)態(tài)效果的好方法，而使動(dòng)態(tài)效果很酷的常見(jiàn)方法是零碎的運(yùn)動(dòng)。簡(jiǎn)單地說(shuō)，將界面中的圖像分解成碎片，然后讓它們進(jìn)行不同步的運(yùn)動(dòng)，并利用時(shí)間間隔和速度變化來(lái)產(chǎn)生一個(gè)很酷的效果。 就像下面的動(dòng)態(tài)效果一樣，圖像中的不同元素有節(jié)奏地呈現(xiàn)出來(lái)，并利用時(shí)差來(lái)創(chuàng)造效果。2.APP動(dòng)態(tài)效果的內(nèi)部美真正優(yōu)秀的動(dòng)態(tài)效果不僅是一個(gè)外觀漂亮的花瓶，而且還具有優(yōu)化互動(dòng)和改善體驗(yàn)的作用。以下總結(jié)了三種動(dòng)態(tài)效果的內(nèi)在美，分別是指導(dǎo)、簡(jiǎn)化和增強(qiáng)反饋。2.1.圖形界面難以理解和抽象，增強(qiáng)指導(dǎo)是降低軟件操作難度和提高用戶(hù)體驗(yàn)的好方法。2.1.1通過(guò)動(dòng)態(tài)處理引導(dǎo)用戶(hù)聚焦界面的關(guān)鍵部分，使體驗(yàn)更加平滑。青蛙在移動(dòng)過(guò)程中能夠快速捕捉物體，并具有類(lèi)似的運(yùn)動(dòng)特征。如下圖所示，屏幕上方的數(shù)字并不直接顯示一個(gè)值，而是從0快速增加到這個(gè)值，特別顯示了一個(gè)動(dòng)態(tài)效果，目的是吸引用戶(hù)的注意，并發(fā)揮焦點(diǎn)的作用。國(guó)內(nèi)支付寶錢(qián)包應(yīng)用程序也使用了這種特效。
2.1.2表示過(guò)渡過(guò)渡的動(dòng)態(tài)效果是為了引導(dǎo)用戶(hù)了解界面的變化和一個(gè)平滑的過(guò)渡，而不會(huì)讓他們感到困惑。下圖顯示了動(dòng)態(tài)效果，添加卡的過(guò)程被生動(dòng)地模擬，這樣用戶(hù)就可以很容易地理解發(fā)生了什么。想象一下，如果頁(yè)面沒(méi)有滑動(dòng)效果，而是直接和僵硬的跳躍，它會(huì)更糟糕嗎？2.1.3空間過(guò)渡效果是一種被設(shè)計(jì)師廣泛關(guān)注的特殊效果。它的作用也是引導(dǎo)用戶(hù)，讓用戶(hù)更好地理解頁(yè)面跳躍，并知道他們?cè)谀睦?。下圖所示的動(dòng)態(tài)效果是一個(gè)美麗的過(guò)渡動(dòng)態(tài)效果。為了避免兩頁(yè)之間的跳躍過(guò)于僵硬，使用動(dòng)態(tài)效果填充頁(yè)面跳躍的中間過(guò)程，使體驗(yàn)更加流暢和自然。有時(shí)，優(yōu)秀的設(shè)計(jì)是一個(gè)優(yōu)秀的簡(jiǎn)化。簡(jiǎn)化界面信息和交互水平可以降低操作難度，提高用戶(hù)體驗(yàn)。2.2.2.2按鈕動(dòng)態(tài)效果使按鈕動(dòng)態(tài)出現(xiàn)在同一個(gè)按鈕上，使用戶(hù)的眼睛緊緊地盯著按鈕，削弱了頁(yè)面跳躍帶來(lái)的干擾，使體驗(yàn)更加流暢。2.3增強(qiáng)反饋軟件的反饋對(duì)于改善體驗(yàn)非常重要。增強(qiáng)反饋可以更好地提示界面上的重要信息，從而使體驗(yàn)過(guò)程更加輕松愉悅。這是增強(qiáng)反饋效果的方法之一。
使用動(dòng)態(tài)反饋來(lái)替換圖形文本的提示，這是一種更自然的方法。下圖顯示的動(dòng)態(tài)效果來(lái)自蘋(píng)果的pages軟件。進(jìn)入編輯狀態(tài)后，待編輯對(duì)象進(jìn)入持續(xù)抖動(dòng)狀態(tài)，起到良好的指導(dǎo)作用。3.總結(jié)動(dòng)態(tài)效果顯然已經(jīng)成為移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的一種新趨勢(shì)。如何設(shè)計(jì)一個(gè)有趣而有吸引力的動(dòng)態(tài)效果已經(jīng)成為設(shè)計(jì)師們的一個(gè)新話題。不同的產(chǎn)品適合不同類(lèi)型的動(dòng)態(tài)效果。有些產(chǎn)品適合很酷的動(dòng)態(tài)效果，而另一些產(chǎn)品則不適合。記住，不要將動(dòng)態(tài)效果設(shè)計(jì)成一個(gè)浮華的架子，而應(yīng)將其視為一種新的方式來(lái)改善用戶(hù)體驗(yàn)。關(guān)于蘇州app開(kāi)發(fā)公司動(dòng)效之美需內(nèi)外兼修的內(nèi)容已在上文講述！