互聯(lián)網(wǎng)產(chǎn)品-交互設(shè)計-運動-產(chǎn)品經(jīng)理全套

互聯(lián)網(wǎng)產(chǎn)品-交互設(shè)計-運動緩入曲線緩入運動即加速運動，物體運動的時候都需要一個加速過程，并不會馬上達到速度的最高峰。觀察自然世界，有許多類似的運動案例例如彈弓以及汽車發(fā)動等。在交互動效中緩入運動會運用在元素離開頁面的情況。動態(tài)感知這里的離開指的是元素永遠離開屏幕并且無法讓我們返回的操作例如，彈窗、通知等。元素將會一直加速至消失，且告知用戶該元素不會再出現(xiàn)在頁面某個角落了。緩出曲線緩出運動與緩入運動相反，描述的是元素的減速運動。類似于我們生活中行駛中的汽車減速的案例。我們可以利用緩出運動表示界面外的元素進入屏幕，即元素以高速度進入屏幕慢慢減速至靜止的過程。動態(tài)感知結(jié)合自然世界的運動規(guī)律來看，把頁面進入的元素比作是行駛的汽車，用戶當作是正在斑馬線上行駛的人，將馬路作為頁面空間。若汽車采用的是緩入運動（加速）的話，馬路上的行人則看到的是一輛不斷加速向他行駛過來的車輛。因為擔心車輛高速的逼近導致剎車不及時的情況，行人便會本能的作出躲閃的反應。其實頁面也是一個道理，進入的元素使用加速運動出現(xiàn)過沖的運動感知會讓用戶體驗時產(chǎn)生不適。緩動曲線緩動運動即我們所接觸的常規(guī)運動類型，在運動開始慢慢加速再到運動結(jié)束慢慢減速的過程。該運動符合自然世界大多數(shù)物體的運動邏輯，也是頁面中經(jīng)常使用的曲線類型。動態(tài)感知閱覽Materialdesign動效模塊中關(guān)于緩動曲線的描述，適當?shù)脑黾忧€的不對稱感可以讓運動更加真實。我們可以根據(jù)頁面元素運動邏輯和產(chǎn)品品牌特性來設(shè)定緩動曲線。緩動曲線適用于大部分在頁面中運動的元素，當元素在頁面消失且用戶可進行返回等操作時也應使用緩動曲線。彈性運動在現(xiàn)實生活中，因為作用力與反作用力的存在。皮球觸碰到地面會不斷彈起，而用手推船，船就會離開岸邊。這就是我們所說的彈性運動。彈性曲線與其它曲線（常規(guī)緩動）有些許差異，彈性曲線由兩個值影響著它；彈性阻尼以及振動頻率。對比差異彈性曲線相比常規(guī)運動曲線更貼合自然運動現(xiàn)象，在運動的衰減過程更為真實。早在ios7中，蘋果就已經(jīng)大范圍使用該類曲線。例如APP收起展開、預覽窗口收起等。彈性運動并非需要表現(xiàn)出明顯的回彈感，就算運動無明顯的回彈感其效果相比常規(guī)曲線實現(xiàn)的運動啟動速度更快，且會有更長的一段衰減距離。讓用戶更加集中于物體運動的衰減過程（結(jié)尾）而并非加速過程，也使得ios的使用體驗更符合自然規(guī)律以及交互反饋更為真實流暢。對接落地與常規(guī)的緩動曲線不同，設(shè)計師可在Framer、Protopie、flinto、principle等軟件根據(jù)自身需求來嘗試并輸出彈性運動相關(guān)數(shù)值提供于開發(fā)。對于不同（ios/安卓）平臺關(guān)于彈性數(shù)值單位的轉(zhuǎn)化，設(shè)計師們可根據(jù)MartinRgb的Animatorlist網(wǎng)站去模擬各端彈性運動的數(shù)值來對接開發(fā)。動態(tài)感知彈性運動可賦予物體材質(zhì)，通過彈性運動我們可以表達產(chǎn)品的品牌調(diào)性。例如面向低齡人群的產(chǎn)品或是娛樂類型的產(chǎn)品可在產(chǎn)品內(nèi)大范圍的使用彈性運動去傳遞產(chǎn)品品牌的運動感知。除此之外，彈性也存在不少寓意。對于ios中使用的彈性運動，官方說法是基于用戶行為的獎勵反饋。如果用戶滑動操作UI元素的話，就有回彈，顯得用戶滑的力度很強，是一種獎勵性反饋使得用戶的體驗過程更為真實自然。彈性也具備提醒的作用，吸引用戶對元素的注