Axure怎么做滾動效果

Axure是一款原型制作軟件,使用Axure可以制作出生動多樣的原型圖出來,很多產品經理都會通過Axure來進行原型圖的制作,對于使用Axure制作原型圖,很多人都是不知道怎么制作的,接下來我們就來詳細了解了解Axure畫原型圖以及制作滾動效果的操作方法。

axure畫原型圖方法:文章源自四五設計網-http://www.wasochina.com/27778.html

第一步:設計一個草圖,隨便畫一個帶殼的原型圖都可以。接著講其它的原型體安裝順序顯示;文章源自四五設計網-http://www.wasochina.com/27778.html

第二步:將畫好的原型圖進行設置事件;文章源自四五設計網-http://www.wasochina.com/27778.html

Axure怎么做滾動效果-1文章源自四五設計網-http://www.wasochina.com/27778.html

第三步:視頻錄制,錄制之前先將原型圖導出來,打開index.html;文章源自四五設計網-http://www.wasochina.com/27778.html

Axure怎么做滾動效果-2文章源自四五設計網-http://www.wasochina.com/27778.html

第四步:將文件進行一個排序以及整理;文章源自四五設計網-http://www.wasochina.com/27778.html

Axure怎么做滾動效果-3文章源自四五設計網-http://www.wasochina.com/27778.html

第五步:加入交互以及一些文字說明;文章源自四五設計網-http://www.wasochina.com/27778.html

Axure怎么做滾動效果-4文章源自四五設計網-http://www.wasochina.com/27778.html

第六步:添加一些合適的音樂進去,原型圖更為生動;

Axure怎么做滾動效果-5

第七步:將視頻導出來基本上一個原型圖就畫好了。

Axure怎么做滾動效果-6

Axure制作滾動效果步驟:

1、打開Axure,進入界面!新建一個空白頁面,拖入一個動態面板;

2、進入動態面板里面在拖入一個動態面板進行命名;

3、打開這個動態面板輸入所要滾動的文字;

4、同樣操作制作出多個state;

5、對動態面板設置屬性事件,輸入載人時的屬性事件并且進行設置(文字上下左右滾動設置調整);

6、設置完成之后就可以按F5預覽效果了,保存下來就可以生成一個滾動效果的頁面了。

Axure怎么做滾動效果-7

其實,對于剛剛接觸Axure的新手來說,從最簡單的畫原型以及滾動效果制作開始是再好不過的了,簡單的操作學會了,那么對于后面的原型圖制作還是很有幫助的。

我的微信
微信掃一掃
weinxin
我的微信
惠生活福利社
微信掃一掃
weinxin
我的公眾號
 
  • 本文由 四五設計網小助手 發表于 2023年7月8日12:39:01
  • 轉載請務必保留本文鏈接:http://www.wasochina.com/27778.html

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖動滑塊以完成驗證