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