前段時(shí)間在逛B站時(shí)無意刷到了大神Guoen關(guān)于「動(dòng)效設(shè)計(jì)語言」的分享（https://www.bilibili.com/video/BV1qJ411v7jW）堤如，他通過自己對(duì)生活的觀察和工作的總結(jié)，領(lǐng)悟出「用現(xiàn)象傳達(dá)感覺娄柳，用感覺塑造氣質(zhì)」的核心理念，并從「自然現(xiàn)象」艘绍、「文明現(xiàn)象」赤拒、「心理感知現(xiàn)象」幾個(gè)方面作了解釋；之后又在知乎上看了他的專欄「動(dòng)效干貨」（https://zhuanlan.zhihu.com/p/31350812）诱鞠，進(jìn)一步感受到了大神在設(shè)計(jì)思維上的過人之處挎挖，看完猶如醍醐灌頂，獲益匪淺航夺。但細(xì)想他所提及的切入點(diǎn)和案例可能比較高深蕉朵，有一部分在我自己所涉及到的領(lǐng)域不大用得到，于是現(xiàn)在我在他所提煉的設(shè)計(jì)語言理論基礎(chǔ)上阳掐，結(jié)合自己對(duì)設(shè)計(jì)的理解和對(duì)生活的觀察始衅，總結(jié)一些我的「動(dòng)態(tài)設(shè)計(jì)語言」。

我所理解的設(shè)計(jì)語言是：我們?cè)谄綍r(shí)所看到的現(xiàn)象會(huì)傳達(dá)一種感覺缭保，我們把這種感覺組織成設(shè)計(jì)語言觅闽，之后再通過這種設(shè)計(jì)語言來模擬想要的效果，用這種效果再現(xiàn)之前所體會(huì)到的那種感覺涮俄。下面從以下這五大塊內(nèi)容來闡述：

===========多圖警告===========

一. 物質(zhì)

1.聚合&破碎

聚合會(huì)有產(chǎn)生蛉拙、匯聚、重塑的感覺彻亲，

破碎會(huì)有破滅孕锄、結(jié)束、消失的感覺苞尝；

聚合&破碎

聚合通郴粒可以用在一些比較高端、神圣的物品生成的效果中宙址，例如游戲動(dòng)漫中某些神器轴脐、光武的合成效果（案例來源：https://www.bilibili.com/video/BV1gb411873S?from=search&seid=13420209012272590921）；

粒子匯聚

破碎可以產(chǎn)生消散抡砂、湮滅的效果大咱，例如復(fù)聯(lián)中滅霸打了響指之后半數(shù)生靈的湮滅（案例來源：https://www.bilibili.com/video/BV1Sp411d7mf?from=search&seid=70666432352534953），還有小時(shí)候看的「鐵甲小寶」中收集到假的和平星會(huì)化為粉末飄散等等注益。

破碎/湮滅效果

2.透明度

通過透明度的變化碴巾，可以讓一個(gè)單獨(dú)的個(gè)體在一個(gè)群組中突顯出來或者隱退下去；

透明度-突顯&隱退

很多時(shí)候讓一個(gè)物體突然發(fā)生變化是很生硬的丑搔，這時(shí)候有種很好的操作是先讓物體隱退下去厦瓢，讓其發(fā)生變化后再突顯回來提揍，這時(shí)候就很巧妙的讓一種生硬的突變轉(zhuǎn)換為一種舒適的漸變。生活中一個(gè)很常見的例子就是舞臺(tái)劇中途需要轉(zhuǎn)場(chǎng)時(shí)煮仇，會(huì)先讓燈光暗下去劳跃，這時(shí)候完成場(chǎng)景和道具的調(diào)整后再亮起燈光；

隱退+變化

當(dāng)透明度交替變化時(shí)就可以產(chǎn)生閃爍提醒的作用浙垫，透明度閃爍通常用于暗示該物體即將消失售碳，例如「植物大戰(zhàn)僵尸」中掉下的陽光一段時(shí)間沒有點(diǎn)擊收取就會(huì)消失，消失前的透明度交替變化就在提醒玩家去點(diǎn)擊绞呈，除此之外還可以用在一些游戲中能量贸人、金幣等的消失提醒上。

透明度交替-消失提醒

3.發(fā)光

Guoen的理論中提到佃声，發(fā)光可以產(chǎn)生升級(jí)艺智、被賦予的感覺；

發(fā)光-升級(jí)

這種發(fā)光效果通郴鳎可以在動(dòng)漫十拣、游戲的升級(jí)進(jìn)化中感受到。升級(jí)和進(jìn)化通常伴隨對(duì)象的變化志鹃，包括造型夭问、顏色等，這時(shí)的發(fā)光就可以有和透明度隱退一樣的優(yōu)勢(shì)：發(fā)光過程中的變化可以避免造型曹铃、顏色等的突變缰趋，從而轉(zhuǎn)變?yōu)閮H有外形輪廓的漸變；

寶可夢(mèng)進(jìn)化

在一片黑暗中的光芒還可以產(chǎn)生指引陕见、方向感秘血。

發(fā)光-指引

4.折射&反射

物體的折射可以帶來神秘未知、多變评甜、科幻的感覺灰粮，因?yàn)槲矬w內(nèi)部和外部的世界存在一定差異，會(huì)在視覺上造成錯(cuò)覺忍坷；

折射-玻璃

折射-水滴

水滴中折射出的微觀世界與我們?nèi)庋壑械默F(xiàn)實(shí)世界有很大區(qū)別 這種差異讓人對(duì)接下去將發(fā)生的事情充滿期待與好奇粘舟，并一直看下去（案例來源：https://www.bilibili.com/video/BV1D7411B71R）。

水滴折射轉(zhuǎn)場(chǎng)

而物體的反射則有些區(qū)別佩研，單一的鏡面反射可以表現(xiàn)出科技感柑肴、質(zhì)感，常見的手段就是掃光韧骗；

反射

反射-單一鏡面

而復(fù)雜反射也可以表現(xiàn)神秘未知嘉抒、夢(mèng)幻多變的感覺，例如萬花筒袍暴；

復(fù)雜反射-萬花筒

事實(shí)上透明物體既可以發(fā)生折射又可以發(fā)生反射些侍，具體就要看物體本身的折射率。反射主要用來呈現(xiàn)物體表面的質(zhì)感政模，而折射主要用來展示物體內(nèi)部或背后內(nèi)容的特征岗宣。

折射&反射 對(duì)比

折射率

二. 動(dòng)作

1.形變

物體的形變可以展現(xiàn)出彈性、輕松淋样、可愛的感覺耗式，duang～duang的；

形變-彈性/輕松/可愛

當(dāng)物體的形變搭配上位移則可以彰顯出力量感趁猴、速度感刊咳，xiu～xiu的；

形變+位移-速度感

形變+位移-力量感

Guoen之前提到一個(gè)關(guān)鍵點(diǎn)：物體越軟就越幼稚可愛儡司，相反越硬就越成熟穩(wěn)重娱挨。這一點(diǎn)很重要，在后面的許多設(shè)計(jì)語言中都會(huì)涉及到。

可愛Q彈

2.縮放

物體可以通過放大和縮小來出現(xiàn)和消失；

縮放-出現(xiàn)/消失

通過交替縮放則可以起到強(qiáng)調(diào)突出的作用稠通；

縮放-強(qiáng)調(diào)

Ps：很多人會(huì)將「縮放」和「呼吸」相混淆阁危，實(shí)際上兩者并不一樣。個(gè)人認(rèn)為究西，縮放和呼吸確實(shí)有交集，但是只有動(dòng)作頻率趨緊生物呼吸的縮放可以稱之為「呼吸」，其他不在一個(gè)頻率上的都僅為「縮放」贴届，人如果按常見的縮放頻率呼吸會(huì)很容易頭暈缺氧～

這樣呼吸容易暈～

3.呼吸

既然提到了呼吸，就來聊聊呼吸蜡吧。個(gè)人認(rèn)為只要是頻率接近生物呼吸的動(dòng)作都可以稱之為呼吸粱腻，因此除了縮放，還可以是位移斩跌、旋轉(zhuǎn)绍些、透明度變化等等，呼吸效果可以產(chǎn)生規(guī)律性耀鸦、持續(xù)循環(huán)的感覺柬批，增加對(duì)象的生命力和生動(dòng)性，有的時(shí)候呼吸也可以產(chǎn)生比較弱的提示袖订；

呼吸-縮放

呼吸-位移

呼吸-旋轉(zhuǎn)

呼吸-透明度

觀察后可以發(fā)現(xiàn)氮帐，垂直方向上的位移呼吸可以產(chǎn)生懸浮的效果，而生活中常見的鐘擺其實(shí)就是旋轉(zhuǎn)的呼吸洛姑，平時(shí)在動(dòng)漫上沐、游戲中的呼吸則更為常見，例如王者榮耀中選擇英雄的界面中楞艾，每一個(gè)英雄都不是死死站著不動(dòng)的参咙，而是伴隨正常呼吸而產(chǎn)生的身體起伏和衣角龄广、披風(fēng)的擺動(dòng)。

鐘擺

衣角/披風(fēng)擺動(dòng)

生物呼吸

4.旋轉(zhuǎn)

旋轉(zhuǎn)可以表現(xiàn)不同的感覺蕴侧，通過調(diào)整物體旋轉(zhuǎn)的幅度择同、頻率、旋轉(zhuǎn)中心净宵、衰減阻力等可以產(chǎn)生不同的效果敲才，例如快頻、有節(jié)奏的旋轉(zhuǎn)可以產(chǎn)生強(qiáng)調(diào)择葡、招呼的感覺紧武；

旋轉(zhuǎn)-強(qiáng)調(diào)/招呼

如果調(diào)低旋轉(zhuǎn)中心，適當(dāng)降低轉(zhuǎn)動(dòng)頻率敏储，并加入一定能量衰減阻星，則讓旋轉(zhuǎn)產(chǎn)生搖擺、不穩(wěn)定虹曙、調(diào)皮的感覺迫横。

旋轉(zhuǎn)-搖擺/不穩(wěn)定

5.翻轉(zhuǎn)

翻轉(zhuǎn)也可以表現(xiàn)不同的感覺，例如一張卡牌在翻轉(zhuǎn)后立即以相反的方向原路翻回酝碳，可以表現(xiàn)一種對(duì)立矾踱，內(nèi)心os可能是我不要翻過去！

翻轉(zhuǎn)-對(duì)立

例如手游「植物大戰(zhàn)僵尸2」中的一個(gè)翻牌小游戲疏哗，通過翻牌可以將圖案相同的卡牌對(duì)應(yīng)的僵尸消除掉呛讲，而如果圖案不相同，則卡牌會(huì)立即翻回返奉，表示這次翻牌失敱锤椤；

植物大戰(zhàn)僵尸2翻牌小游戲

如果卡牌以正常的速度進(jìn)行規(guī)律翻轉(zhuǎn)芽偏，且正反面有明顯區(qū)別雷逆，則可以表現(xiàn)出對(duì)比，讓人感受到翻轉(zhuǎn)后所產(chǎn)生的不同污尉；

翻轉(zhuǎn)-對(duì)比

如果卡牌在翻轉(zhuǎn)前較為普通膀哲、視覺較弱，而在翻轉(zhuǎn)后呈現(xiàn)較強(qiáng)的視覺效果被碗，則可以在對(duì)比的基礎(chǔ)上某宪，突出一種揭秘、展示的感覺锐朴；

翻轉(zhuǎn)-揭秘

例如卡牌游戲「爐石」中翻出牌以后兴喂，通過酷炫的光效告訴你這是一張很棒的牌，這就是典型的揭秘展示。

爐石翻牌展示

6.抖動(dòng)

物體的抖動(dòng)也可以產(chǎn)生不同的感覺衣迷，當(dāng)對(duì)一個(gè)物體進(jìn)行一個(gè)動(dòng)作畏鼓，然后物體被動(dòng)產(chǎn)生抖動(dòng)，可以產(chǎn)生一種不穩(wěn)定蘑险、刺激的感覺滴肿；

抖動(dòng)-不穩(wěn)定/刺激

例如iPhone桌面長(zhǎng)按app圖標(biāo)后岳悟，圖標(biāo)會(huì)開始抖動(dòng)佃迄，同時(shí)圖標(biāo)左上角出現(xiàn)刪除icon，這時(shí)就在告知用戶此時(shí)的圖標(biāo)進(jìn)入一種不穩(wěn)定狀態(tài)贵少，此時(shí)點(diǎn)叉后會(huì)刪除這個(gè)app哦呵俏；

長(zhǎng)按圖標(biāo)進(jìn)入不穩(wěn)定狀態(tài)

而當(dāng)對(duì)一個(gè)物體進(jìn)行一個(gè)動(dòng)作后，物體主動(dòng)產(chǎn)生抖動(dòng)滔灶，可以產(chǎn)生一種錯(cuò)誤普碎、提醒、突顯的感覺录平；

抖動(dòng)-錯(cuò)誤提醒

例如iPhone的輸密界面麻车，在輸錯(cuò)密碼的時(shí)候，代表隱藏密碼的圓點(diǎn)就會(huì)抖動(dòng)幾下斗这，提醒用戶密碼錯(cuò)誤动猬，這是一種高效的反饋方式，比在上方顯示「密碼錯(cuò)誤」幾個(gè)字更有用更有趣更直觀表箭；

iphone輸密錯(cuò)誤的抖動(dòng)

當(dāng)一個(gè)物體先進(jìn)行抖動(dòng)赁咙，然后作出其他動(dòng)作時(shí)，這種抖動(dòng)則可以產(chǎn)生一種緊張免钻、蓄力彼水、預(yù)告的感覺；

抖動(dòng)-緊張/蓄力/預(yù)告

例如手游「跑跑卡丁車」极舔，在比賽開始倒計(jì)時(shí)即將結(jié)束時(shí)凤覆，選手的卡丁車會(huì)開始抖動(dòng)，除了表現(xiàn)緊張的氛圍拆魏、產(chǎn)生卡丁車正在蓄力準(zhǔn)備起跑的感覺以外盯桦，這一抖動(dòng)還可以起到提醒可能正在發(fā)愣的玩家的作用。

跑跑卡丁車起跑抖動(dòng)

7.跳動(dòng)

物體的跳動(dòng)可以表現(xiàn)出活潑稽揭、招呼俺附、提醒的感覺，同時(shí)物體的跳動(dòng)如果搭配本身的形變效果可以進(jìn)一步呈現(xiàn)物體的軟硬程度溪掀，重復(fù)一下剛才的關(guān)鍵點(diǎn)：物體越軟就越幼稚可愛事镣，相反越硬就越成熟穩(wěn)重；

跳動(dòng)-軟

跳動(dòng)-硬

例如蘋果電腦桌面的Dock欄的應(yīng)用啟動(dòng)效果，相應(yīng)圖標(biāo)會(huì)彈跳幾下璃哟，這種不帶任何形變的跳動(dòng)不僅可以感受到這個(gè)圖標(biāo)在跟你打招呼說「我正在啟動(dòng)哦」氛琢，還可以感受到蘋果品牌所透露出的成熟穩(wěn)重。

Dock欄啟動(dòng)效果

三. 力學(xué)

1.緩動(dòng)

緩動(dòng)是我們平時(shí)在動(dòng)效設(shè)計(jì)中常用的技巧随闪，它可以讓動(dòng)效顯得更逼真更生動(dòng)阳似，可這是為什么呢？因?yàn)楝F(xiàn)實(shí)世界中就到處存在這緩動(dòng)現(xiàn)象铐伴，例如汽車由靜止啟動(dòng)前進(jìn)時(shí)撮奏，由于阻力和慣性的影響，不能立即加速到預(yù)期的車速当宴，因此會(huì)慢慢加速畜吊，當(dāng)汽車在高速狀態(tài)下剎車停下來時(shí)，也是因?yàn)樽枇蛻T性户矢，它不能瞬間剎下車來玲献，需要漸漸慢下來直到停止。

因此緩動(dòng)呈現(xiàn)的是物體速度變化的快慢梯浪，即加速度捌年。緩動(dòng)可以分為緩入和緩出，緩入表現(xiàn)出啟動(dòng)挂洛、預(yù)備的感覺礼预，緩出表現(xiàn)出疲勞、消耗的感覺抹锄；

緩入

緩出

緩入+緩出

緩動(dòng)案例1

緩動(dòng)案例2

2.蓄力

蓄力字面意思即物體為之后的動(dòng)作蓄積力量逆瑞，蓄力可以有多種形式，之前提到的動(dòng)作抖動(dòng)就是常見的蓄力伙单，通常用在物體爆炸前获高；在一些游戲、動(dòng)漫中經(jīng)澄怯可以看到一些夸張的不符合物理原理的蓄力形式念秧，例如動(dòng)畫片「貓和老鼠」中湯姆在起跑前會(huì)在原地快速地跑幾下，雖然沒有發(fā)生位移布疼，但是觀眾可以隱約感覺到它蓄勢(shì)待發(fā)摊趾，等會(huì)一定會(huì)跑的飛快；

貓和老鼠-空跑蓄力

這里我要提煉一種特殊的蓄力方式游两，我將其稱之為「反向預(yù)動(dòng)」：當(dāng)我們掄起錘子準(zhǔn)備砸墻時(shí)砾层，不會(huì)從當(dāng)前位置開始砸，而是會(huì)往相反方向掄贱案，再使勁向前砸去肛炮；我們對(duì)比急行跳遠(yuǎn)和立定跳遠(yuǎn)，前者由于可以通過助跑蓄積更多的動(dòng)能，因此往往比后者跳的更遠(yuǎn)侨糟；總結(jié)一下反向預(yù)動(dòng)本質(zhì)就是為了積累更多的加速空間碍扔，一個(gè)人或一個(gè)物體的力量有限，所以運(yùn)動(dòng)的加速度也很有限秕重，但是如果有更多加速空間不同，就可以在運(yùn)動(dòng)的起始位置具有更大能量和更快速度。

反向預(yù)動(dòng)可以彰顯物體的力量感和速度感溶耘，同時(shí)由于反向預(yù)動(dòng)具有方向性二拐，因此我們可以通過這一蓄力動(dòng)作預(yù)判出物體接下來的動(dòng)作，反向預(yù)動(dòng)也可以用在位移汰具、旋轉(zhuǎn)卓鹿、縮放等各種動(dòng)作中菱魔，但是通常會(huì)用在結(jié)束離場(chǎng)時(shí)留荔；

反向預(yù)動(dòng)-位移

反向預(yù)動(dòng)-旋轉(zhuǎn)

反向預(yù)動(dòng)-縮放

游戲攻擊動(dòng)作中的反向預(yù)動(dòng)

3.慣性過沖

慣性過沖可以說與反向預(yù)動(dòng)正好相反，也可以用在位移澜倦、旋轉(zhuǎn)聚蝶、縮放等各種動(dòng)作中，表示物體運(yùn)動(dòng)時(shí)用力過猛收不住藻治，通常用在進(jìn)場(chǎng)開始時(shí)碘勉，可以產(chǎn)生能量過大、有趣的感覺桩卵；

慣性過沖-位移

慣性過沖-旋轉(zhuǎn)

慣性過沖-縮放

慣性過沖的組合玩法

慣性過沖的出場(chǎng)方式

重復(fù)的慣性過沖可以產(chǎn)生回彈效果验靡，但是這種來回慣性過沖的幅度需要逐漸衰減；

回彈效果

4.阻力

摩擦力就是一種典型的阻力雏节，但是除此之外還有很多種阻力形式胜嗓，但是它們都在對(duì)抗物體的運(yùn)動(dòng)，從而造成物體的運(yùn)動(dòng)效果不符合我們的主觀預(yù)期钩乍；阻力可以產(chǎn)生固執(zhí)辞州、粘性、殘留的感覺寥粹；

阻力-固執(zhí)

阻力-粘性殘留

當(dāng)下許多app都會(huì)通過下拉頁面的形式來刷新变过，在這種下拉動(dòng)作中通常會(huì)加入一定阻力，讓人感覺越往下拉涝涤，越拉不動(dòng)媚狰，這個(gè)效果可以及時(shí)給用戶的下拉動(dòng)作一個(gè)反饋，并且增加動(dòng)作動(dòng)效的生動(dòng)性阔拳；

下拉阻力

很久之前手機(jī)版QQ就出現(xiàn)了一個(gè)「去除小紅點(diǎn)」的設(shè)計(jì)崭孤，對(duì)眾多具有強(qiáng)迫癥的用戶來說就是福音，用戶可以把小紅點(diǎn)拖出去，松手后小紅點(diǎn)就會(huì)伴隨著一陣煙霧消失了裳瘪，這個(gè)動(dòng)效加入了一定的阻力和粘性效果土浸，這樣設(shè)計(jì)的主要原因是小紅點(diǎn)這個(gè)UI元素的面積太小了，用戶拖動(dòng)時(shí)幾乎無法看到這個(gè)小紅點(diǎn)彭羹，因此加入阻力和粘性效果可以在拖動(dòng)過程中增加小紅點(diǎn)的展示面積黄伊，讓用戶可以獲得這一動(dòng)作的反饋，這樣還可以避免用戶誤操作意外拖動(dòng)導(dǎo)致去除小紅點(diǎn)派殷。

手機(jī)QQ去除小紅點(diǎn)

四. 相對(duì)運(yùn)動(dòng)

1.碰撞

碰撞是指兩個(gè)以上的物體以一定速度相遇还最，并按照各自的物理特性做出反應(yīng)的過程。碰撞可以傳達(dá)出對(duì)立毡惜、抗?fàn)幫厍帷⒚艿母杏X，例如這樣的碰撞就可以說毀滅性的超強(qiáng)對(duì)抗经伙，這種沖擊是直擊人心的扶叉，讓人心跳加速、呼吸急促...

超強(qiáng)碰撞帕膜！

當(dāng)然跟之前Guoen所提出的一樣枣氧，碰撞在不同物體的軟硬特性上也會(huì)呈現(xiàn)一定規(guī)律：「越軟越輕松，越硬越緊張」垮刹，可以想象拿兩個(gè)玻璃杯砸在一起达吞，即便是不考慮會(huì)不會(huì)碎，這種硬質(zhì)物體的碰撞也會(huì)讓你的心咯噔一下荒典，相反將兩個(gè)抱枕扔一起酪劫，不論多大力都不會(huì)讓你為此擔(dān)心；

碰撞-軟

碰撞-硬

單純的碰撞就足以表現(xiàn)出一種對(duì)抗性寺董，若以此為鋪墊再搭配一些爆炸效果則可以呈現(xiàn)出較之更甚的視覺沖擊感覆糟。

碰撞+爆炸

2.聯(lián)動(dòng)

聯(lián)動(dòng)是指若干個(gè)體按照一定順序、節(jié)奏完成同一動(dòng)作螃征，整體就會(huì)形成具有韻律感的聯(lián)動(dòng)效應(yīng)搪桂，這時(shí)的每一個(gè)體不再是脫離整體單獨(dú)存在的了。個(gè)體之間的聯(lián)動(dòng)可以呈現(xiàn)出相互關(guān)聯(lián)盯滚、相互跟隨以及節(jié)奏和律動(dòng)踢械；

聯(lián)動(dòng)-關(guān)聯(lián)/跟隨/節(jié)奏

很多時(shí)候聯(lián)動(dòng)可以傳達(dá)出循環(huán)、順序的感覺魄藕，如果用在loading動(dòng)效中可以很好地緩解焦慮内列；

聯(lián)動(dòng)-順序/循環(huán)

我們?cè)谟螒颉?dòng)漫中經(jīng)常會(huì)看到這樣的現(xiàn)象：一個(gè)人或一個(gè)物體向上飛起背率，但是下落時(shí)卻不是整體一起下落话瞧，往往是人先落下嫩与，然后這個(gè)人的附屬品如圍巾、帽子再按照一定順序依次下落交排，物體則可能會(huì)分為多個(gè)部分划滋，按照從上到下的順序依次掉下，這樣的聯(lián)動(dòng)除了傳遞出很強(qiáng)的順序性埃篓，還可以讓原本單一的個(gè)體增加許多細(xì)節(jié)和生動(dòng)性处坪；

手游「家國(guó)夢(mèng)」中的聯(lián)動(dòng)

其實(shí)除了動(dòng)效設(shè)計(jì)，聯(lián)動(dòng)這一設(shè)計(jì)語言可以在生活中找到很多影子架专，例如千手觀音同窘；

千手觀音中的聯(lián)動(dòng)

例如音樂噴泉；

音樂噴泉中的聯(lián)動(dòng)

以上生活中的例子都可以讓人忍不住看入迷部脚，如果這兩個(gè)例子都是視覺上的聯(lián)動(dòng)想邦，那么還有比如人們?cè)跓o聊、焦慮的時(shí)候常常會(huì)不自覺的在桌子上用四個(gè)手指按順序輕敲桌面委刘，這種讓人癡迷的聯(lián)動(dòng)則是觸覺上的丧没；還有比如看到一把吉他，不論是否專門學(xué)習(xí)過的人钱雷，都會(huì)忍不住依次撥動(dòng)6根琴弦骂铁，琴箱中傳出的6道琴聲一樣可以在聽覺上給人舒適感，因此聯(lián)動(dòng)之所以適合做loading動(dòng)效來緩解焦慮就是因?yàn)樗梢詮亩喔泄偕辖o人一種連續(xù)罩抗、規(guī)律的舒適感和律動(dòng)感。

3.速度差

上文中的聯(lián)動(dòng)產(chǎn)生的原因是時(shí)間差灿椅，不同個(gè)體只是在不同時(shí)間按照相同的速度頻率做了相同的一個(gè)動(dòng)作而已套蒂，如果讓不同的個(gè)體在同一時(shí)間按照不同的速度做同一個(gè)動(dòng)作，則又會(huì)產(chǎn)生完全不一樣的感覺茫蛹。

當(dāng)在一個(gè)黑暗的屋子內(nèi)點(diǎn)燃一根蠟燭操刀，讓手指從蠟燭旁邊劃過，就會(huì)在墻壁上照出手指的影子婴洼，這時(shí)候蠟燭就讓手指和影子產(chǎn)生了速度差骨坑，手指動(dòng)的慢，影子動(dòng)的快柬采，這種速度差可以稱之為「影動(dòng)速度差」欢唾，影動(dòng)速度差的產(chǎn)生是由于光的直線傳播；

影動(dòng)速度差

當(dāng)離你不同遠(yuǎn)近的兩個(gè)人朝著同一方向以同一速度走去粉捻，在你看來他們的動(dòng)作也具有速度差礁遣，離你遠(yuǎn)的人走的慢，離你近的人走的快肩刃，這是由于近大遠(yuǎn)小的透視原理造成的祟霍，因此這種速度差可以稱之為「透視速度差」杏头；

透視速度差

這兩種速度差不論是何種物理原理造成的，本質(zhì)都是因?yàn)椴煌矬w有著遠(yuǎn)近不同的層次沸呐，因此速度差都可以在原本扁平的視覺環(huán)境中產(chǎn)生較強(qiáng)的層次感和視差感受（案例來自Dribbble）醇王。

透視速度差1

透視速度差2

4.聚散

聚散包含兩個(gè)過程：當(dāng)若個(gè)個(gè)體由原本聚在一起分散到一個(gè)適合的間距，或由這個(gè)適合間距聚到一起崭添，這個(gè)過程可以理解為展開和收起厦画，這個(gè)過程通常可以用于簡(jiǎn)化視覺信息滥朱、節(jié)約畫面空間根暑；

聚散-展開/收起

這一過程的聚散可以用在一些懸浮按鈕的展開收起中；

懸浮按鈕的展開收起

另一個(gè)過程是當(dāng)若干個(gè)個(gè)體由一個(gè)適合的間距徙邻，分散到視線范圍以外排嫌，或由視線外聚到這個(gè)適合的間距，這個(gè)過程可以理解為散開和聚攏缰犁，這個(gè)過程中的散開可以表現(xiàn)退散淳地、消散的感覺，聚攏則可以表現(xiàn)呈現(xiàn)帅容、注意的感覺颇象；

聚散-散開/聚攏

這一過程通常用在一系列元素的出現(xiàn)和消失，例如iOS解鎖后的桌面動(dòng)效并徘；

iOS解鎖的桌面動(dòng)效

5.快慢動(dòng)作

快動(dòng)作和慢動(dòng)作是我們?cè)谟耙曌髌分谐Ｒ姷募记汕睬拖瘛杆俣扰c激情」中一個(gè)飛速的相遇總能吊足觀眾的胃口；

快慢動(dòng)作-相遇

實(shí)際上快動(dòng)作和慢動(dòng)作在表達(dá)上具有不同的效果麦乞，慢動(dòng)作刻意地降低了畫面速率蕴茴，給觀眾留足了時(shí)間去仔細(xì)品讀和關(guān)注，這段時(shí)間也會(huì)讓觀眾對(duì)接下來即將發(fā)生的事充滿期待姐直；

快-慢-快

而快動(dòng)作則恰恰相反倦淀，讓某一段動(dòng)作快速播放，這一段動(dòng)作就會(huì)顯得格外刺激声畏、有節(jié)奏感撞叽，當(dāng)然與慢動(dòng)作進(jìn)行對(duì)比就會(huì)顯得更容易忽視；

慢-快-慢

通過快慢動(dòng)作的合理分配可以更好的調(diào)動(dòng)觀眾觀賞畫面的目光插龄，例如在我們常見的大轉(zhuǎn)盤游戲中愿棋，當(dāng)按下按鈕時(shí)轉(zhuǎn)盤會(huì)飛速旋轉(zhuǎn)，這時(shí)會(huì)讓觀眾相對(duì)忽視前面所轉(zhuǎn)過的內(nèi)容辫狼，并產(chǎn)生刺激感初斑、興奮感；當(dāng)轉(zhuǎn)盤轉(zhuǎn)動(dòng)的能量即將耗盡時(shí)轉(zhuǎn)盤逐漸慢下來膨处，這時(shí)觀眾就會(huì)格外關(guān)注轉(zhuǎn)盤內(nèi)容见秤，并對(duì)可能轉(zhuǎn)到的位置充滿期待砂竖，合理安排動(dòng)畫的快慢節(jié)奏，既可以減少動(dòng)畫時(shí)間的浪費(fèi)鹃答，又可以確保觀眾全程保持關(guān)注和積極性乎澄。

大轉(zhuǎn)盤中的快慢動(dòng)作

五. 生物行為

1.凝視

當(dāng)一個(gè)物體的動(dòng)作根據(jù)另一個(gè)物體的位移變化時(shí)，就會(huì)產(chǎn)生一種凝視效果测摔，這種動(dòng)作可以是旋轉(zhuǎn)置济、聚散甚至微弱的位移，凝視可以產(chǎn)生持續(xù)關(guān)注的感覺锋八；

凝視1

凝視2

手機(jī)QQ在前幾天上線一個(gè)標(biāo)簽欄的情感化設(shè)計(jì)浙于，當(dāng)用戶按住標(biāo)簽欄任意icon的同時(shí)往上滑動(dòng)，所有標(biāo)簽欄中的icon都會(huì)產(chǎn)生凝視觸點(diǎn)的效果挟纱，而且這種凝視帶有擬人化羞酗，通過icon中五官、形態(tài)以及輕微偏移來傳達(dá)紊服；

手機(jī)QQ標(biāo)簽欄中的凝視

此外檀轨，這種凝視現(xiàn)象在游戲中也很常見，例如熱門手游「陰陽師」中欺嗤，當(dāng)一個(gè)式神前進(jìn)向?qū)κ职l(fā)起進(jìn)攻時(shí)参萄，隊(duì)伍中的其他式神都會(huì)將臉轉(zhuǎn)向他，并保持持續(xù)的凝視煎饼，這種效果在原本就有角色的游戲中可以傳遞很強(qiáng)的情感化讹挎，仿佛在告訴隊(duì)友「兄弟你大膽上前干吧 我們都在后面支持你！」腺占，在這樣的隊(duì)伍中可以感受到很強(qiáng)的團(tuán)隊(duì)凝聚力淤袜；相反地，如果我們拿出另一款手游進(jìn)行對(duì)比衰伯，例如「夢(mèng)幻西游」中的隊(duì)伍就不夠團(tuán)結(jié)了，每個(gè)角色都自顧自上前戰(zhàn)斗积蔚，仿佛在說「你打你的 干我屁事」意鲸；

陰陽師中的凝視

凝視可以表現(xiàn)持續(xù)的關(guān)注，但是對(duì)凝視進(jìn)行適當(dāng)?shù)耐卣咕涂梢詡鬟f出不同的感受尽爆，例如Readme和B站的登錄界面中怎顾，分別有貓頭鷹和BILIBILI娘凝視著你的登錄操作，但是到了輸入密碼的環(huán)節(jié)（即激活密碼輸入框時(shí)）漱贱，原本凝視你的角色就會(huì)自覺地捂住眼睛槐雾。凝視本身是關(guān)注用戶的情感體現(xiàn)，但是在輸密等比較私密的操作中幅狮，用戶反而不希望被關(guān)注募强，盡管就算他們繼續(xù)凝視你輸密也不會(huì)造成密碼泄漏株灸，但是這種情感化的設(shè)計(jì)可以增加用戶在心理上的安全感信任感，以及對(duì)產(chǎn)品的好感擎值。

Readme輸密捂眼

B站輸密捂眼

2.試探

試探是指一個(gè)物體從原本一個(gè)掩體后或者畫面外進(jìn)入畫面中的現(xiàn)象慌烧，單純這樣的線性行為會(huì)顯得平淡枯燥，因此通常會(huì)在此基礎(chǔ)上加入更多細(xì)節(jié)上的動(dòng)作設(shè)計(jì)鸠儿。當(dāng)物體進(jìn)入畫面后屹蚊，附加一些旋轉(zhuǎn)、抖動(dòng)等動(dòng)作時(shí)进每，可以傳達(dá)出吸引汹粤、招呼和調(diào)皮的感覺，例如我們常見的打地鼠游戲田晚，地鼠鉆出洞來就是在招惹你吸引你的注意嘱兼；

試探-吸引/招呼/調(diào)皮

我們可以在常見的一些桌面寵物、營(yíng)銷浮標(biāo)入口中看到這種調(diào)皮可愛的試探現(xiàn)象（由于找不到QQ寵物的案例肉瓦，暫時(shí)拿只瑞星小獅子做示例遭京，一樣調(diào)皮可愛）；

瑞星小獅子的試探

當(dāng)物體進(jìn)入畫面的速度十分緩慢泞莉，離開畫面的速度很快時(shí)哪雕，就可以傳達(dá)出小心、謹(jǐn)慎的感覺鲫趁，例如槍戰(zhàn)片斯嚎、FPS游戲中，角色會(huì)先躲在掩體后面挨厚，為探查情況或反擊敵人需要探出身體堡僻，這時(shí)候不確定外面的情況必須小心翼翼地慢慢探出身，當(dāng)發(fā)現(xiàn)敵人時(shí)或敵人對(duì)你進(jìn)行攻擊時(shí)疫剃，你為了活命必然以迅雷不及掩耳盜鈴之勢(shì)縮回到掩體后面钉疫，這一串動(dòng)作就充分表現(xiàn)出小心苍凛、謹(jǐn)慎的試探行為奄毡，而且凡是滿足「慢出快進(jìn)」的動(dòng)作都可以傳遞這種感覺；

試探-小心謹(jǐn)慎

3.躲避

很多時(shí)候當(dāng)兩個(gè)不相關(guān)的物體相遇時(shí)會(huì)自動(dòng)排斥负敏，就像磁鐵的同性相斥壤躲，這種躲避行為在告訴你這樣的操作是錯(cuò)誤的或者不合適的城菊，當(dāng)然有的時(shí)候這種躲避單純是為了給位移騰出空位；

躲避1

躲避行為可以是通過保持一定間距的位移來實(shí)現(xiàn)碉克，也可以通過縮放等形式凌唬；

躲避2

我們?cè)谑謾C(jī)桌面上移動(dòng)App圖標(biāo)時(shí)就經(jīng)常會(huì)看到這種躲避行為，這并不是因?yàn)殄e(cuò)誤產(chǎn)生的漏麦，而是為了給移動(dòng)圖標(biāo)騰出空位客税；

桌面移動(dòng)圖標(biāo)

4.吸引

與躲避相對(duì)應(yīng)况褪，當(dāng)兩個(gè)相關(guān)的物體靠近時(shí)就會(huì)自動(dòng)吸引，就像磁鐵的異性相斥霎挟，這種吸引的行為就會(huì)暗示你這兩個(gè)元素是有關(guān)系的窝剖，可以傳達(dá)引力、相關(guān)酥夭、預(yù)操作的感覺赐纱；

吸引-位移

除了位移也可以通過縮放來體現(xiàn)；

吸引-縮放

例如錘子Smartism系統(tǒng)中的One Step熬北，用戶可以將一個(gè)應(yīng)用中的某些內(nèi)容拖動(dòng)到另一個(gè)應(yīng)用中疙描，這個(gè)快捷操作中為了提高操作效率、降低誤操作的可能讶隐，在拖動(dòng)內(nèi)容靠近目標(biāo)App的圖標(biāo)時(shí)起胰，這個(gè)圖標(biāo)會(huì)放大，暗示這個(gè)動(dòng)作將會(huì)把拖動(dòng)的內(nèi)容與相應(yīng)的應(yīng)該產(chǎn)生關(guān)聯(lián)巫延；

錘子Smartism系統(tǒng)One Step

生物行為中的躲避和吸引總結(jié)一下就是：「避免相關(guān)的 就算相遇了也要躲開效五；希望相關(guān)的 就算還未相遇也要靠近」。

以上 就是我在看了Guoen的理論后自己總結(jié)的動(dòng)態(tài)設(shè)計(jì)語言炉峰，部分內(nèi)容是在Guoen的基礎(chǔ)上發(fā)散開的畏妖，部分內(nèi)容是自己在生活中感受到記錄下的。不論是Guoen總結(jié)的還是我所歸納的疼阔，設(shè)計(jì)語言的內(nèi)容其實(shí)不是關(guān)鍵戒劫，每個(gè)人對(duì)生活的感悟和提煉都會(huì)有所不同，而且生活那么豐富婆廊，從中總結(jié)歸納設(shè)計(jì)語言肯定不可能總結(jié)的完迅细，最重要的是學(xué)習(xí)這種提煉設(shè)計(jì)語言的思維：我們?cè)谄綍r(shí)所看到的現(xiàn)象會(huì)傳達(dá)一種感覺，我們把這種感覺組織成設(shè)計(jì)語言淘邻，之后再通過這種設(shè)計(jì)語言來模擬想要的效果茵典，用這種效果再現(xiàn)之前所體會(huì)到的那種感覺。我們?cè)谏钪斜鼍恕⑼嬗螒驎r(shí)敬尺、看劇時(shí)多加注意，任何讓你心動(dòng)的感覺贴浙、讓你內(nèi)心震撼的感覺，都要記下來署恍，思考這個(gè)瞬間為什么能讓你產(chǎn)生這種感覺崎溃，抓住核心，以后再將它用在設(shè)計(jì)中盯质。