Axure原型工作如何制作步骤条效果

 时间:2024-10-13 02:50:49

1、打开axure原型工作,创建一个新的空白页面,在工作区域拖入椭圆、标题、横线等元件元素,如下图所示。

Axure原型工作如何制作步骤条效果

3、按照上述的方式,复制一份元件,再把第二步、第三步、第四步的样式调整出来,如下图所示,并将这四步组合。

Axure原型工作如何制作步骤条效果

5、元件样式设置完成后,将第一组步骤条转换成咿蛙匆盗动态面板,这里从元件库拖入动态面板,然后把步骤条加入到动态面板也可以,但还得调整动态面板的大小,很不方便,所以直接转换最好,如下图所示。

Axure原型工作如何制作步骤条效果Axure原型工作如何制作步骤条效果

8、然后开始设置两个按钮的交互事件,主要是鼠标单击的交互事件,下一步的单击事件就是幼榍嘈酾判断当面板状态是第一步的时候,点击变成第二步,当面板是第二步的时候点击变成第三步,以此类推。

Axure原型工作如何制作步骤条效果

9、按上述的方法,将上一步的鼠标单击时的交互事件设置好,如下图所示。

Axure原型工作如何制作步骤条效果Axure原型工作如何制作步骤条效果
  • 如何用PS对图片进行图层蒙版的设计
  • ps设计教程:[80]如何用魔术橡皮擦让背景透明
  • ps技巧之彩色半调
  • 墨刀怎样添加编辑按钮
  • 在Ps中如何制作炫酷发光海报
  • 热门搜索
    怎么申请qq号 小青菜怎么炒好吃 痔疮外痔肉球怎么消除 叶挺怎么死的 鸽子汤怎么做 书包英语怎么读 化妆刷怎么清洗 游记怎么写 洁尔阴洗液怎么用 snkrs怎么抽签