Axure RP 9 教程:開著小汽車回家

1 評(píng)論 2545 瀏覽 7 收藏 5 分鐘

本文教大家在Axure RP 9中制作小汽車動(dòng)效,一起來看看~

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

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

咳咳,扯了這么多沒用的~~~

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

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

效果圖

Axure RP 9 教程—開著小汽車回家

使用工具

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)行

(沒看懂不要緊,在接下來的操作中我再解釋這四句話的意思)

流程:頁面載入時(shí)→樹木縮小,小車左右移動(dòng),樹木隱藏→樹木隱藏時(shí)→樹木歸位,樹木顯示→樹木顯示時(shí)→樹木縮小,小車左右移動(dòng),樹木隱藏→開始無限循環(huán)。

操作步驟

添加素材:一輛小車,兩棵樹木,我們希望樹木縮小來形成小車的相對(duì)運(yùn)動(dòng);讓小車左右移動(dòng)豐富小車運(yùn)動(dòng)軌跡。

頁面載入時(shí):

樹木1:1000ms內(nèi)縮小到高為1,寬為1;

樹木2:1000ms內(nèi)縮小到高為1,寬為1;

小車:用500ms 向左移動(dòng) 20個(gè)單位;

小車:用500ms 向右移動(dòng) 20個(gè)單位;

等待:1000ms

隱藏:樹木1;

隱藏:樹木2。

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

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

隱藏時(shí):

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

顯示時(shí):

  • 樹木1:1000ms內(nèi)縮小到高為1,寬為1;
  • 小車:用500ms 向左移動(dòng) 20個(gè)單位;
  • 小車:用500ms 向右移動(dòng) 20個(gè)單位;
  • 等待:1000ms;
  • 隱藏:樹木1。

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

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

隱藏時(shí):

  • 樹木2:瞬間回復(fù)到原始大小;
  • 等待:50ms;
  • 隱藏:樹木2。

顯示時(shí):

  • 樹木2:1000ms內(nèi)縮小到高為1,寬為1;
  • 等待:1000ms;
  • 隱藏:樹木2。

ok~完成

原型交互圖

Axure RP 9 教程—開著小汽車回家

總結(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)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 親,樹的單獨(dú)交互隱藏時(shí)該顯示吧

    回復(fù)