提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!
一、符合物理規(guī)律的
在真實的世界中,一個物體可以被重量、表面摩擦力影響很快的加速或減速。同樣的,材料設計的動效也是不會發(fā)生突然停止,或者突然啟動,都是會有一個加速度或者減速度。(紅色沒緩動,藍色有緩動)
真實世界中的力,例如重力,能使一個元素沿曲線運動而非直線運動。
https://www.youtube.com/watch?v=XjrifSBwhKE
緩動函數(shù)速查表
二、及時且有趣的反饋
Google 電話圖標
Messenger 的點贊動畫
蘋果鎖屏輸入錯誤時的抖動反饋
用戶觸摸屏幕時,通過漪漣動畫能使用戶確認輸入??ㄆ仙硎驹摽ㄆ幱诩せ顮顟B(tài)。
下拉刷新反饋
三、清晰的層級和空間關系
作為過渡元素,他們和他們周圍元素的運動是精心安排的,可以通過這個過程看出他們之間的關系。
卡片可以推動其他卡片,讓他們給自己讓開路。
正確示例:
錯誤示例:
滑動的方向除了展示一個線性的視圖之外,沒有給你任何真正有用的線索。
四、便捷的交互方式
轉場動畫有助于引導用戶進行下一步的交互。
運動可以傳遞不同的信號
當用戶手勢操作的時候,讓界面的動態(tài)走向更符合手指的運動,從而讓用戶感覺到是自己控制了界面的動向,而不是機械化的跳轉。
圖片源于網絡,侵刪。
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊