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

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

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

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

提交完成
感謝您對UI中國的支持和信賴!
持續(xù)時(shí)間和緩動(dòng) - MD 官方動(dòng)效指南
0.0°
2016-05-13 自譯外文 規(guī)范/資料 原作者: google 舉報(bào) 12038 221 180 5

Material Design 官方動(dòng)效指南 - 持續(xù)時(shí)間和緩動(dòng)

Material Design的動(dòng)效設(shè)計(jì)是響應(yīng)式的,自然的。使用緩動(dòng)曲線和持續(xù)時(shí)間模式可以創(chuàng)建平滑、一致的動(dòng)效。


速度

某個(gè)元素移動(dòng)或者改變狀態(tài)的時(shí)候,運(yùn)動(dòng)速度應(yīng)該足夠快,使用戶不用等待。出現(xiàn)頻率高的轉(zhuǎn)場動(dòng)畫應(yīng)該短一點(diǎn),而有些轉(zhuǎn)場動(dòng)畫要慢一點(diǎn),來保證用戶能理解它。

Image title

正確:動(dòng)效應(yīng)該足夠快,讓用戶不用等待動(dòng)畫完成。


Image title

錯(cuò)誤:不要做無意義的拖延。

動(dòng)態(tài)持續(xù)時(shí)間

應(yīng)該調(diào)整每個(gè)持續(xù)時(shí)間,來適應(yīng)不同的移動(dòng)距離、每個(gè)元素的速度、和表面的變化。而不是所有動(dòng)畫都用同樣的持續(xù)時(shí)間。

物體離開屏幕應(yīng)該是一個(gè)很短的持續(xù)時(shí)間,這樣用戶就會(huì)減少對他的注意力。


Image title

當(dāng)物體需要移動(dòng)較大位移,或有很巨大的變化時(shí),應(yīng)該占用更長的持續(xù)時(shí)間。


Image title

當(dāng)物體移動(dòng)較小距離,或者有很微小的變化時(shí),應(yīng)該減少持續(xù)時(shí)間,這樣就不會(huì)使動(dòng)效看起來很慢很遲鈍。



通用持續(xù)時(shí)間

移動(dòng)設(shè)備

移動(dòng)設(shè)備上,動(dòng)畫通常會(huì)持續(xù)300ms左右:

大而復(fù)雜的全屏移動(dòng)設(shè)備上,通常需要更長的持續(xù)時(shí)間,375ms左右。

物體進(jìn)入屏幕的持續(xù)時(shí)間大概是225ms。

物體離開屏幕的持續(xù)時(shí)間大概是195ms。

動(dòng)畫超過400ms會(huì)顯得慢而拖沓。


大屏幕移動(dòng)設(shè)備

在大屏幕移動(dòng)設(shè)備上,同一時(shí)間段內(nèi),物體移動(dòng)較長的距離速度比移動(dòng)較短的距離更快。越大的屏幕物體移動(dòng)的持續(xù)時(shí)間應(yīng)該更長,這樣動(dòng)效不會(huì)顯得太快。


平板設(shè)備

平板設(shè)備上動(dòng)效的持續(xù)時(shí)間應(yīng)該比移動(dòng)設(shè)備長30%左右。移動(dòng)設(shè)備上300ms的持續(xù)時(shí)間,在平板設(shè)備上應(yīng)該是390ms左右。


可穿戴設(shè)備

可穿戴設(shè)備上的動(dòng)效時(shí)間應(yīng)該比移動(dòng)設(shè)備上短30%左右。移動(dòng)設(shè)備上300ms的持續(xù)時(shí)間,在可穿戴設(shè)備上應(yīng)該是210ms左右。


Image title

動(dòng)效元素在大屏幕設(shè)備上會(huì)移動(dòng)很大的距離,動(dòng)畫可能會(huì)比小屏幕設(shè)備上看起來略為放緩。




桌面

桌面動(dòng)畫應(yīng)該比移動(dòng)設(shè)備上的動(dòng)畫更快、更簡單。通常只會(huì)持續(xù)150ms到200ms。

由于桌面動(dòng)畫可能不太引人注目,他們的響應(yīng)應(yīng)該更敏捷、更迅速。

復(fù)雜的網(wǎng)頁動(dòng)畫肯能會(huì)導(dǎo)致掉幀(除非他們專門為GPU加速)。更短的持續(xù)時(shí)間可以讓動(dòng)效快速完成,減少注意。


Image title

桌面動(dòng)效明顯看起來更快。


自然的緩動(dòng)曲線

緩動(dòng)曲線可以對物體的速度、透明度、大小產(chǎn)生效果。


Image title

加速和減速變化應(yīng)該是應(yīng)該是平滑的貫穿于動(dòng)畫的持續(xù)時(shí)間之中的,使動(dòng)效看起來不會(huì)那么機(jī)械化。(紅色沒有緩動(dòng),藍(lán)色有緩動(dòng))


Image title

當(dāng)加速和減速不對稱時(shí),動(dòng)效會(huì)看起來更自然,更令人愉悅。(紅色對稱,藍(lán)色不對稱)


緩動(dòng)曲線

緩動(dòng)曲線可能會(huì)在不同的平臺(tái)或者軟件上有所不同。不同平臺(tái)上的緩動(dòng)曲線準(zhǔn)則會(huì)涉及到普通緩動(dòng)曲線、減速緩動(dòng)曲線、加速緩動(dòng)曲線,和急轉(zhuǎn)緩動(dòng)曲線。


標(biāo)準(zhǔn)緩動(dòng)曲線

這是最常見的緩動(dòng)曲線。物體可以根據(jù)在屏幕上的位置迅速加速或緩慢減速。這個(gè)曲線適用于增加或減少元素,和其他屬性的變化。

Image title


Image title


減速曲線(“緩出”)

物體全速進(jìn)入進(jìn)入屏幕時(shí),然后慢慢減速靜止在屏幕上的某個(gè)點(diǎn)。

在減速過程中,物體可能從很小變到正常大小,也可能從透明變到不透明。有時(shí)候,當(dāng)物體透明進(jìn)入屏幕,可能從稍大的大小縮小到正常的大小。

Image title


Image title


加速曲線(“緩進(jìn)”)

物體離開屏幕是以全速離開,他們離開屏幕時(shí)不會(huì)減速。

Image title


Image title



急轉(zhuǎn)曲線

急轉(zhuǎn)曲線被用于隨時(shí)離開屏幕隨時(shí)回到屏幕的情況。

物體可能會(huì)在屏幕上某一點(diǎn)迅速加速,然后以一個(gè)對稱的曲線快速減速運(yùn)動(dòng)到屏幕外的某一點(diǎn)。減速會(huì)稍快于標(biāo)準(zhǔn)曲線,因?yàn)樗麄儾粫?huì)尊循于一個(gè)準(zhǔn)確的路徑到屏幕外的某一點(diǎn)。物體可能會(huì)隨時(shí)回到原點(diǎn)。

Image title


Image title



更新:2016-05-13

收藏

221人已收藏

  • 11

    作品

  • 218

    粉絲

  • 2

    關(guān)注

  • 新版 Material Design 官方動(dòng)效指南
  • Exceptional Situation
  • Google官方指南:iOS和Android的設(shè)計(jì)區(qū)別
  • LINE ICONS

    猜你喜歡

      2016-05-13 自譯外文 規(guī)范/資料 原作者: google 舉報(bào) 12038 221 180 5

      持續(xù)時(shí)間和緩動(dòng) - MD 官方動(dòng)效指南

      0.0°

      你確定要舉報(bào)持續(xù)時(shí)間和緩動(dòng) - MD 官方動(dòng)效指南

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請。

      0/200

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

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2016年05月12日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      180
      221
      5

      賬號(hào)或密碼錯(cuò)誤,請重新輸入

      賬號(hào)或密碼錯(cuò)誤,請重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄