接上周的內(nèi)容计露，這周給大家講講移動(dòng)元素余下的6條原則
原則5：數(shù)值變化
文字和數(shù)字的變化是UI元素里最常見的動(dòng)畫博脑。這里提升用戶體驗(yàn)的方式主要是把用戶和數(shù)據(jù)聯(lián)系起來，讓他們直觀感受到數(shù)據(jù)變化的結(jié)果票罐。比如下面這兩個(gè)例子叉趣，第一個(gè)數(shù)字不變，整個(gè)圖像也是靜態(tài)出現(xiàn)该押，給人感覺就是這個(gè)數(shù)據(jù)是固定不變的疗杉，路邊的限速標(biāo)志就是個(gè)很好的例子。第二個(gè)數(shù)字增漲的同時(shí)沈善，圓圈也隨著變化乡数，給人的感覺就是這是一個(gè)動(dòng)態(tài)數(shù)據(jù)，比如時(shí)間闻牡，收入變化等等净赴。
靜態(tài)數(shù)據(jù)比較難引起用戶的共鳴，而動(dòng)態(tài)數(shù)據(jù)更容易讓用戶對(duì)數(shù)據(jù)產(chǎn)生聯(lián)想罩润，感知數(shù)據(jù)變化對(duì)他們的影響玖翅。這種動(dòng)畫既有實(shí)時(shí)交互也有延時(shí)交互，滑動(dòng)條就是典型的實(shí)時(shí)更新數(shù)字交互割以，加載進(jìn)度則是典型的延時(shí)交互
原則6：遮罩
遮罩可以很好的幫助界面形狀過度金度，從而調(diào)整整個(gè)UI的布局，而變化過程中遮罩可以控制內(nèi)容的區(qū)域變化严沥，從而讓內(nèi)容和布局產(chǎn)生關(guān)聯(lián)猜极。
下面這個(gè)案例里面，頭部圖片的邊界變化消玄，內(nèi)容保持不變跟伏，形狀最后變成一張唱片的樣子丢胚，場(chǎng)景也隨之切換到播放音樂，音樂相關(guān)內(nèi)容也很容易傳達(dá)給用戶受扳。
原則7：抽屜效果
抽屜效果主要是在有限的空間內(nèi)更好的跟進(jìn)需要排布內(nèi)容携龟。背景和前景可以形成關(guān)聯(lián)，同時(shí)又保持相對(duì)的獨(dú)立性勘高。
向左滑動(dòng)可以看到浮層后面的內(nèi)容峡蟋，跟前景的條目高度相關(guān)的操作，在不需要的時(shí)候又可以收起來讓用戶看到更完整的信息展示华望。
原則8：克隆
當(dāng)新物體是從當(dāng)前物體創(chuàng)造出來的時(shí)候蕊蝗，克隆動(dòng)畫可有效的讓用戶感知兩者的關(guān)系。下面這個(gè)例子中立美，主物體衍生出子物體的時(shí)候匿又，通過克隆的方式牽引視覺，把注意力引向子物體建蹄，給用戶一個(gè)很強(qiáng)的信號(hào)：通過操作X可以創(chuàng)造某個(gè)新的場(chǎng)景/元素Y
原則9：空間維度變化
在某些特定場(chǎng)景加入一些空間維度變化可以避免純平面界面產(chǎn)生的邏輯混亂碌更。總體可以分為：折疊效果洞慎，懸浮效果和實(shí)物效果
折疊效果
這種效果最大的特點(diǎn)是被折疊之后痛单，可以給用戶一種暗示這個(gè)物體并沒有被刪除或者關(guān)閉，只是暫時(shí)被隱藏了劲腿，隨時(shí)還可以呼出旭绒。所以這個(gè)效果經(jīng)常用于一些延續(xù)性的操作和暫時(shí)性的狀態(tài)。
懸浮效果
這是一個(gè)很典型的懸浮效果場(chǎng)景焦人，很多卡片堆疊的時(shí)候挥吵，懸浮效果可以很好的暗示用戶目前大概所處的位置以及剩余卡片量，當(dāng)操作完成一個(gè)卡片之后花椭，后面的卡片會(huì)被推到前面忽匈，邏輯清晰。
實(shí)體效果
其實(shí)就是某種程度上的擬物矿辽，讓用戶感受的真實(shí)世界的深度和形狀丹允。下圖兩個(gè)2D場(chǎng)景的切換過程通過一個(gè)3D立面展示。這種效果可以明顯的展示場(chǎng)景切換袋倔，甚至是不同軟件的呼起雕蔽。
