提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!
隨著技術的快速發(fā)展,動畫不再是一種視覺奢侈品,更多的是用戶期望的功能需求。動畫解決了很多界面中的功能問題,使界面生動自然,響應用戶。讓我我們探討關鍵動畫策略,提高手機界面的功能性與情感化。
1.系統(tǒng)狀態(tài)
在你的應用程序中總是有很多的后臺進程,比如從服務器下載數(shù)據(jù),計算正在運行中。這些過程總是需要一些時間的。你應該讓用戶知道應用程序并沒有凍結,并說明正在進行中的這樣一個過程。進行中的視覺標識,使用戶對應用程序有控制感。
負荷指標
加載時間是大多數(shù)數(shù)字產品不可避免的情況。雖然動畫無法解決問題,但它們確實讓等待問題變少了。
創(chuàng)意進度指標,可以降低用戶對時間的感知。動畫影響你對產品的感知,使它看起來比實際更好。
下拉刷新
本組中的一個熟悉的動畫是“下拉刷新”,啟動移動設備上的內容更新過程。
提示:下拉刷新動畫應該匹配的應用程序,如果這個程序是迷你的,那動畫也應該是輕量的。
通知
因為運動的東西自然會吸引注意,生動活潑的通知是一種沒有將太多信息告知用戶的愉快方式。
2.導航與轉換
動畫最基本的用途是過渡。這種類型動畫背后的邏輯是幫助用戶理解在剛剛發(fā)生的頁面布局上有什么變化,是什么引發(fā)了變化,如何再次啟動變化。一個典型的雷子是漢堡包按鈕切換隱藏的內容。
雖然漢堡動畫可能最期待的地方就在這里,還有很多其他的方式讓動畫補充導航。
導航在上下文傳輸間傳輸
設計師使用動畫使上下文傳輸更加流暢,解釋屏幕上元素排列的變化。
視覺層次和元素之間的連接
動畫是完美描述對象的接口,并說明它們是如何與其他進行作用的。
功能的變化
在一些情況下,設計師被迫設計一個動作按鈕,其功能在一定條件下發(fā)生變化。我們經??吹揭苿釉O計的整體空間是非常有限的。
這種類型的動畫演示了當用戶與它交互時是如何變化的。在下面的例子中,當用戶按下浮動的操作按鈕,加號會變成一支鉛筆。這說明鉛筆是主要的創(chuàng)作方法。這樣一個小細節(jié)意味著必須猜測接下來會發(fā)生什么,知道圖標在兩種狀態(tài)下代表著什么。
3.視覺反饋
視覺反饋對于任何用戶界面來說都是至關重要的。它使用戶感覺在控制和為用戶服務,控制意味著知道和理解在系統(tǒng)給定時間里上下文的意思。
確認
用戶界面元素,如按鈕和控件必須出現(xiàn)是有形態(tài)的,即使它們在一層玻璃后面。
為了彌補差距,視覺和運動線索獲得立即輸入,動畫的方式看起來可以直接操作。
動作結果可視化
動畫能提高每一個接觸點和加強用戶操作的動作。
以條紋的例子來說,當用戶點擊“付款”,在應用顯示成功前,一個微小的調整會簡要地出現(xiàn)。復選動畫使用戶感受到支付是非常容易的,并欣賞這樣重要的細節(jié)。
工具與教程
下面的教程將幫助你進入到安卓或ios項目的動畫設計中。使用AE動畫,使用圖形與動畫規(guī)范幫助你在你的安卓應用中增加一個動作,使用自定義動畫在ios項目中。
結論
在一個復雜的形式中,動畫是強大的。它給任何設計增添了活力,從事用戶即使最常規(guī)的任務,讓你從一群人中脫穎而出。精心設計的動畫使體驗愉悅。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊