Axure制作折疊面板效果原型具體流程介紹

【Axure制作折疊面板效果原型具體流程介紹】想知道使用Axure制作出折疊面板效果原型的方法嗎?那就跟隨小編一同去下文看看Axure制作折疊面板效果原型的具體流程介紹 。

Axure制作折疊面板效果原型具體流程介紹

首先打開Axure軟件 , 打開Axure工具 , 首先從元件庫中拖入本次需要的元件,如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

然后調整元件的大小樣式,形成一個新的效果,如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

一樣的方式 , 我們制作出三個折疊面板的效果,如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

接著在制作中將折疊內容做為動態面板顯示,并且給各個動態面板命名,如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

然后下面開始給面板一做交互事件,如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

同樣的方式,再給面板二和面板三做交互事件,如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

Axure制作折疊面板效果原型具體流程介紹

最后事件設置完成后,F5預覽看一下效果 , 如下圖所示 。
Axure制作折疊面板效果原型具體流程介紹

相信你們看完了上文講解的Axure制作折疊面板效果原型的具體流程介紹,應該都學會了吧!

相關經驗推薦