新聞中心
感知一個(gè)物體有形的部分可以幫助我們理解如何去控制它。觀察一個(gè)物理的運(yùn)動(dòng)可以告訴我們它輕還是重,柔性還是剛性,小還是大。在Material Design設(shè)計(jì)規(guī)范中,動(dòng)作不止是呈現(xiàn)著它美麗的一面,它還意味著在空間中的關(guān)系、功能以及在整個(gè)系統(tǒng)中的趨勢(shì)。

創(chuàng)新互聯(lián)專注于伍家崗企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。伍家崗網(wǎng)站建設(shè)公司,為伍家崗等地區(qū)提供建站服務(wù)。全流程按需設(shè)計(jì)網(wǎng)站,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
體積和重量(Mass and Weight)
物理世界中物體擁有質(zhì)量,所以只有當(dāng)施加給它們力量的時(shí)候才會(huì)移動(dòng),因此,物體沒法在瞬間開始或者結(jié)束動(dòng)作。動(dòng)畫突然開始或者停止,或者在運(yùn)動(dòng)時(shí)突兀的變化方向,都會(huì)使用戶感到意外和不和諧的干擾。
最佳實(shí)踐(Best Practices)
material design規(guī)范中,一個(gè)重要方面在于如何在“動(dòng)作”完整的展現(xiàn)物體的各個(gè)真實(shí)的特性,譬如優(yōu)雅、簡(jiǎn)約、美觀和神奇的無縫的用戶體驗(yàn),下面的動(dòng)畫將幫助大家理解這些理念。
要:迅速的加速和平滑的減速會(huì)感到自然和愉快
不要:線性動(dòng)作會(huì)感到機(jī)械,在結(jié)束和開始的時(shí)候生硬的速度變化意味著物體突然開始運(yùn)動(dòng)或停止,這是不貼合現(xiàn)實(shí)的。
特殊情況:進(jìn)入和退出的場(chǎng)景
當(dāng)一個(gè)物體進(jìn)入這個(gè)場(chǎng)景時(shí),請(qǐng)確保它在最高速度下移動(dòng),這個(gè)行為模擬了自然移動(dòng):一個(gè)人進(jìn)入場(chǎng)景的時(shí)候,并不是從場(chǎng)景的邊緣開始走入的,而是從更遠(yuǎn) 的地方。當(dāng)然,一個(gè)物體退出這個(gè)場(chǎng)景時(shí),需要維持它的速度,緩慢的離開場(chǎng)景,逐漸的進(jìn)入和緩慢的離開會(huì)把用戶的注意力吸引到這個(gè)動(dòng)作上,在大多數(shù)情況下, 這是你希望的效果。
要:小球在最大的速度下進(jìn)入和退出場(chǎng)景,創(chuàng)造了一個(gè)確信的過渡效果。
不要:快速進(jìn)入和緩慢離開,不要讓用戶因速度變化轉(zhuǎn)移注意力。
需要做的調(diào)整(Making adjustments)
不是所有物體的移動(dòng)方式是相同的,輕的/小的物體可能會(huì)更快的加速和減速,因?yàn)樗鼈冑|(zhì)量比較小,所以只需要施加給他們較少的力就可以。大的/重的物體可能花需要更多的時(shí)間來到達(dá)他的最高速度或者回到停止?fàn)顟B(tài)。仔細(xì)琢磨如何將他們的動(dòng)作應(yīng)用到你的應(yīng)用的UI元素中。
譯文:http://design.1sters.com/material_design/animation/authentic-motion.html
原文: Authentic Motion 翻譯: zhenbeiju 校對(duì): Iceskysl
本文名稱:MaterialDesign之真實(shí)的動(dòng)作(AuthenticMotion)
文章分享:http://fisionsoft.com.cn/article/coccioc.html


咨詢
建站咨詢
