亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
手機UI設計中動畫的3個關鍵用途
0.0°
2017-02-22 自譯外文 經驗/觀點 原作者: Nick Babich 舉報 2362 4 4 0

隨著技術的快速發(fā)展,動畫不再是一種視覺奢侈品,更多的是用戶期望的功能需求。動畫解決了很多界面中的功能問題,使界面生動自然,響應用戶。讓我我們探討關鍵動畫策略,提高手機界面的功能性與情感化。


1.系統(tǒng)狀態(tài)

在你的應用程序中總是有很多的后臺進程,比如從服務器下載數(shù)據(jù),計算正在運行中。這些過程總是需要一些時間的。你應該讓用戶知道應用程序并沒有凍結,并說明正在進行中的這樣一個過程。進行中的視覺標識,使用戶對應用程序有控制感。

負荷指標  

加載時間是大多數(shù)數(shù)字產品不可避免的情況。雖然動畫無法解決問題,但它們確實讓等待問題變少了。

Image title

創(chuàng)意進度指標,可以降低用戶對時間的感知。動畫影響你對產品的感知,使它看起來比實際更好。

Image title

下拉刷新

本組中的一個熟悉的動畫是“下拉刷新”,啟動移動設備上的內容更新過程。

Image title

提示:下拉刷新動畫應該匹配的應用程序,如果這個程序是迷你的,那動畫也應該是輕量的。


通知

因為運動的東西自然會吸引注意,生動活潑的通知是一種沒有將太多信息告知用戶的愉快方式。

Image title

2.導航與轉換

動畫最基本的用途是過渡。這種類型動畫背后的邏輯是幫助用戶理解在剛剛發(fā)生的頁面布局上有什么變化,是什么引發(fā)了變化,如何再次啟動變化。一個典型的雷子是漢堡包按鈕切換隱藏的內容。

Image title雖然漢堡動畫可能最期待的地方就在這里,還有很多其他的方式讓動畫補充導航。


導航在上下文傳輸間傳輸

設計師使用動畫使上下文傳輸更加流暢,解釋屏幕上元素排列的變化。

Image title

視覺層次和元素之間的連接

動畫是完美描述對象的接口,并說明它們是如何與其他進行作用的。

Image title

功能的變化

在一些情況下,設計師被迫設計一個動作按鈕,其功能在一定條件下發(fā)生變化。我們經??吹揭苿釉O計的整體空間是非常有限的。

Image title

這種類型的動畫演示了當用戶與它交互時是如何變化的。在下面的例子中,當用戶按下浮動的操作按鈕,加號會變成一支鉛筆。這說明鉛筆是主要的創(chuàng)作方法。這樣一個小細節(jié)意味著必須猜測接下來會發(fā)生什么,知道圖標在兩種狀態(tài)下代表著什么。

Image title

3.視覺反饋

視覺反饋對于任何用戶界面來說都是至關重要的。它使用戶感覺在控制和為用戶服務,控制意味著知道和理解在系統(tǒng)給定時間里上下文的意思。


 確認

用戶界面元素,如按鈕和控件必須出現(xiàn)是有形態(tài)的,即使它們在一層玻璃后面。

Image title

為了彌補差距,視覺和運動線索獲得立即輸入,動畫的方式看起來可以直接操作。

Image title

動作結果可視化

動畫能提高每一個接觸點和加強用戶操作的動作。

以條紋的例子來說,當用戶點擊“付款”,在應用顯示成功前,一個微小的調整會簡要地出現(xiàn)。復選動畫使用戶感受到支付是非常容易的,并欣賞這樣重要的細節(jié)。

Image title

工具與教程

下面的教程將幫助你進入到安卓或ios項目的動畫設計中。使用AE動畫,使用圖形與動畫規(guī)范幫助你在你的安卓應用中增加一個動作,使用自定義動畫在ios項目中。


結論

在一個復雜的形式中,動畫是強大的。它給任何設計增添了活力,從事用戶即使最常規(guī)的任務,讓你從一群人中脫穎而出。精心設計的動畫使體驗愉悅。




更新:2017-02-22

收藏

4人已收藏

  • 33

    作品

  • 7

    粉絲

  • 15

    關注

  • 工牌設計
  • 電臺fm圖標
  • 畢業(yè)雜物售賣list
  • 在線書店
相關標簽

    猜你喜歡

      2017-02-22 自譯外文 經驗/觀點 原作者: Nick Babich 舉報 2362 4 4 0

      手機UI設計中動畫的3個關鍵用途

      0.0°

      你確定要舉報手機UI設計中動畫的3個關鍵用途?

      如果查出惡意舉報,十天內禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2017年02月22日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內

      0/200

      4
      4
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄