自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Material Design之真實(shí)的動作(Authentic Motion)

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

感知一個(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

責(zé)任編輯:閆佳明 來源: design.1sters
相關(guān)推薦

2014-12-08 14:35:51

Material De真實(shí)動作

2014-12-08 13:40:10

Material De色彩

2014-12-08 15:03:17

Material De圖像

2014-12-08 14:15:48

Material De字體排版

2014-08-07 14:19:46

Material DeGoogle

2014-08-21 15:29:29

Material De概述

2017-02-14 13:35:15

AndroidMaterial De動畫

2015-07-21 15:02:37

設(shè)計(jì)扁平

2015-08-07 10:24:17

AndroidMaterialDes

2014-09-10 10:35:11

Material De設(shè)計(jì)原則

2014-08-19 16:10:05

Material DeUI設(shè)計(jì)趨勢

2022-01-20 20:08:38

MaterialpalettesMaterial 3

2014-10-27 14:18:06

Material De交互響應(yīng)

2018-04-25 09:06:32

Chrome瀏覽器語言

2014-08-11 11:19:19

Material De

2014-07-02 10:26:52

Material DeGoogle

2017-02-20 16:03:35

Android We谷歌硬件

2016-02-02 10:03:15

chromeMaterial De

2014-10-21 15:26:37

Material DeAndroid應(yīng)用

2016-08-10 13:00:07

ChromeMaterial DeMaterial
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號