Material Design之真實(shí)的動作(Authentic Motion)
感知一個(gè)物體有形的部分可以幫助我們理解如何去控制它。觀察一個(gè)物理的運(yùn)動可以告訴我們它輕還是重,柔性還是剛性,小還是大。在material design設(shè)計(jì)規(guī)范中,動作不止是呈現(xiàn)著它美麗的一面,它還意味著在空間中的關(guān)系、功能以及在整個(gè)系統(tǒng)中的趨勢。
體積和重量(Mass and Weight)
物理世界中物體擁有質(zhì)量,所以只有當(dāng)施加給它們力量的時(shí)候才會移動,因此,物體沒法在瞬間開始或者結(jié)束動作。動畫突然開始或者停止,或者在運(yùn)動時(shí)突兀的變化方向,都會使用戶感到意外和不和諧的干擾。
最佳實(shí)踐(Best Practices)
material design規(guī)范中,一個(gè)重要方面在于如何在“動作”完整的展現(xiàn)物體的各個(gè)真實(shí)的特性,譬如優(yōu)雅、簡約、美觀和神奇的無縫的用戶體驗(yàn),下面的動畫將幫助大家理解這些理念。
要:迅速的加速和平滑的減速會感到自然和愉快
不要:線性動作會感到機(jī)械,在結(jié)束和開始的時(shí)候生硬的速度變化意味著物體突然開始運(yùn)動或停止,這是不貼合現(xiàn)實(shí)的。
特殊情況:進(jìn)入和退出的場景
當(dāng)一個(gè)物體進(jìn)入這個(gè)場景時(shí),請確保它在最高速度下移動,這個(gè)行為模擬了自然移動:一個(gè)人進(jìn)入場景的時(shí)候,并不是從場景的邊緣開始走入的,而是從更遠(yuǎn) 的地方。當(dāng)然,一個(gè)物體退出這個(gè)場景時(shí),需要維持它的速度,緩慢的離開場景,逐漸的進(jìn)入和緩慢的離開會把用戶的注意力吸引到這個(gè)動作上,在大多數(shù)情況下, 這是你希望的效果。
要:小球在最大的速度下進(jìn)入和退出場景,創(chuàng)造了一個(gè)確信的過渡效果。
不要:快速進(jìn)入和緩慢離開,不要讓用戶因速度變化轉(zhuǎn)移注意力。
需要做的調(diào)整(Making adjustments)
不是所有物體的移動方式是相同的,輕的/小的物體可能會更快的加速和減速,因?yàn)樗鼈冑|(zhì)量比較小,所以只需要施加給他們較少的力就可以。大的/重的物體可能花需要更多的時(shí)間來到達(dá)他的最高速度或者回到停止?fàn)顟B(tài)。仔細(xì)琢磨如何將他們的動作應(yīng)用到你的應(yīng)用的UI元素中。
譯文:http://design.1sters.com/material_design/animation/authentic-motion.html
原文: Authentic Motion 翻譯: zhenbeiju 校對: Iceskysl