用Axure RP 9制作元件教程

制作

软件:Axure RP 9

图标:iconfont

制作流程

1.打开Axure RP 9 

2.iconfont 搜索眼睛 图标 

用Axure RP 9制作元件教程_第1张图片

用Axure RP 9制作元件教程_第2张图片

图标找好之后 我们可以开始了 

3.制作

用Axure RP 9制作元件教程_第3张图片

我们用文本框  

如图片

用Axure RP 9制作元件教程_第4张图片

第2步  我们选中这2个把他们变成动态面板  在动态面板增加一个状态 

如图片

用Axure RP 9制作元件教程_第5张图片

我们接下来设置交互

状态1的交互 如图片

用Axure RP 9制作元件教程_第6张图片

状态2的 如图片

用Axure RP 9制作元件教程_第7张图片

我们设置好之后就可以了 我们下次见

你可能感兴趣的:(axure,photoshop,ui)