亚洲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中國的支持和信賴!
動效設計 - 四個原則
0.0°
2019-11-01 原創(chuàng)文章 經驗/觀點 舉報 3121 14 12 1



一、符合物理規(guī)律的


在真實的世界中,一個物體可以被重量、表面摩擦力影響很快的加速或減速。同樣的,材料設計的動效也是不會發(fā)生突然停止,或者突然啟動,都是會有一個加速度或者減速度。(紅色沒緩動,藍色有緩動)

Image title


真實世界中的力,例如重力,能使一個元素沿曲線運動而非直線運動。

Image title

Image title


Image title


https://www.youtube.com/watch?v=XjrifSBwhKE


緩動函數(shù)速查表

https://easings.net/zh-cn




二、及時且有趣的反饋


Image title

Google 電話圖標


Image title

Messenger 的點贊動畫

Image title


Image title

蘋果鎖屏輸入錯誤時的抖動反饋

用戶觸摸屏幕時,通過漪漣動畫能使用戶確認輸入??ㄆ仙硎驹摽ㄆ幱诩せ顮顟B(tài)。

用戶觸摸屏幕時,通過漪漣動畫能使用戶確認輸入??ㄆ仙硎驹摽ㄆ幱诩せ顮顟B(tài)。

Image title

下拉刷新反饋



三、清晰的層級和空間關系


Image title作為過渡元素,他們和他們周圍元素的運動是精心安排的,可以通過這個過程看出他們之間的關系。


Image title

卡片可以推動其他卡片,讓他們給自己讓開路。


Image title


Image title

Image title



正確示例:

Image title




錯誤示例:

Image title

滑動的方向除了展示一個線性的視圖之外,沒有給你任何真正有用的線索。




四、便捷的交互方式


Image title

轉場動畫有助于引導用戶進行下一步的交互。


Image title

運動可以傳遞不同的信號



當用戶手勢操作的時候,讓界面的動態(tài)走向更符合手指的運動,從而讓用戶感覺到是自己控制了界面的動向,而不是機械化的跳轉。

Image title

Image title

Image title


圖片源于網絡,侵刪。









Powered by Froala Editor

更新:2019-11-01

收藏

14人已收藏

  • 38

    作品

  • 1525

    粉絲

  • 52

    關注

  • 點贊圖標的設計與動畫
  • 聊聊產品設計中的80/20法則
  • 收藏圖標的設計與動畫
  • [AE] + [BODYMOVIE] 的安裝與導出方法

    猜你喜歡

      2019-11-01 原創(chuàng)文章 經驗/觀點 舉報 3121 14 12 1

      動效設計 - 四個原則

      0.0°

      你確定要舉報動效設計 - 四個原則?

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

      0/200

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

      點擊上傳附件

      對誰可見:

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

      您確認要推薦?

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

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內

      0/200

      12
      14
      1

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

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

      登錄

      手機號

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

      登錄
      第三方賬號登錄