本文教大家在Axure RP 9中制作小汽車(chē)動(dòng)效，一起來(lái)看看~

人與人的差距就是在不經(jīng)意間拉開(kāi)的；人要學(xué)會(huì)享受孤獨(dú)，孤獨(dú)的時(shí)候才會(huì)想很多。

當(dāng)你凝望深淵時(shí)，深淵也在凝望你，當(dāng)你斬盡惡龍時(shí)，你也變成了惡龍，用小人對(duì)付你的招數(shù)去對(duì)付小人，終究，你也變成小人，出淤泥而不染，濯清漣而不妖，大概也是在講這個(gè)道理吧~

咳咳，扯了這么多沒(méi)用的~~~

知識(shí)不在于占有，不在于瀏覽器存了多少資源，不在于網(wǎng)盤(pán)攢了多少秘密，在于能否學(xué)會(huì)，能否靈活運(yùn)用，并進(jìn)一步升華。

知識(shí)往往在丟在旮旯角落之后沒(méi)多久就會(huì)忘掉，我們要時(shí)?；貞?，時(shí)常反思，這樣才能不斷進(jìn)步。

效果圖

使用工具

Axure RP 9

實(shí)現(xiàn)邏輯

Axure交互的小邏輯：

• 相同目標(biāo)，不同動(dòng)作：同時(shí)進(jìn)行相同目標(biāo)，相同動(dòng)作：分先后
• 不同目標(biāo)，不同動(dòng)作：同時(shí)進(jìn)行
• 不同目標(biāo)，相同動(dòng)作：同時(shí)進(jìn)行

（沒(méi)看懂不要緊，在接下來(lái)的操作中我再解釋這四句話的意思）

流程：頁(yè)面載入時(shí)→樹(shù)木縮小，小車(chē)左右移動(dòng)，樹(shù)木隱藏→樹(shù)木隱藏時(shí)→樹(shù)木歸位，樹(shù)木顯示→樹(shù)木顯示時(shí)→樹(shù)木縮小，小車(chē)左右移動(dòng)，樹(shù)木隱藏→開(kāi)始無(wú)限循環(huán)。

操作步驟

添加素材：一輛小車(chē)，兩棵樹(shù)木，我們希望樹(shù)木縮小來(lái)形成小車(chē)的相對(duì)運(yùn)動(dòng)；讓小車(chē)左右移動(dòng)豐富小車(chē)運(yùn)動(dòng)軌跡。

頁(yè)面載入時(shí)：

樹(shù)木1：1000ms內(nèi)縮小到高為1，寬為1；

樹(shù)木2：1000ms內(nèi)縮小到高為1，寬為1；

小車(chē)：用500ms 向左移動(dòng) 20個(gè)單位；

小車(chē)：用500ms 向右移動(dòng) 20個(gè)單位；

等待：1000ms

隱藏：樹(shù)木1；

隱藏：樹(shù)木2。

（注意：上邊的等待1000ms，如果不設(shè)置等待1000ms，會(huì)導(dǎo)致頁(yè)面加載時(shí)，樹(shù)木還沒(méi)有縮小便全部隱藏，但是小車(chē)的移動(dòng)雖然向兩個(gè)方向移動(dòng)，但是卻又先后順序，就是因?yàn)榉€(wěn)重一開(kāi)始講的那四句奇怪的話，同一目標(biāo)小車(chē)，相同動(dòng)作移動(dòng)，會(huì)有先后順序）

選中 樹(shù)木1 設(shè)置交互：

隱藏時(shí)：

• 樹(shù)木1：瞬間回復(fù)到原始大?。?/li>
• 等待：50ms；
• 隱藏：樹(shù)木1。

顯示時(shí)：

• 樹(shù)木1：1000ms內(nèi)縮小到高為1，寬為1；
• 小車(chē)：用500ms 向左移動(dòng) 20個(gè)單位；
• 小車(chē)：用500ms 向右移動(dòng) 20個(gè)單位；
• 等待：1000ms；
• 隱藏：樹(shù)木1。

（此時(shí)，已經(jīng)實(shí)現(xiàn)小車(chē)和樹(shù)木1無(wú)限循環(huán)移動(dòng)，接下來(lái)只要設(shè)置樹(shù)木2的無(wú)限循環(huán)移動(dòng)即可）

選中 樹(shù)木2 設(shè)置交互：

隱藏時(shí)：

• 樹(shù)木2：瞬間回復(fù)到原始大??；
• 等待：50ms；
• 隱藏：樹(shù)木2。

顯示時(shí)：

• 樹(shù)木2：1000ms內(nèi)縮小到高為1，寬為1；
• 等待：1000ms；
• 隱藏：樹(shù)木2。

ok~完成

原型交互圖

總結(jié)

共勉~

原型文件下載鏈接：https://pan.baidu.com/s/1hxw03x9B7KLk0EnETJtKkw

提取碼：puxn

作者：王得宇A(yù)IPM，公眾號(hào)：他們已經(jīng)在路上了

本文由 @王得宇A(yù)IPM 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議