多语言展示
当前在线:1651今日阅读:84今日分享:32

Axure 8.0快速入门上手实战

Axure是产品经理工作必备的工具软件之一,本教程带你快速入门上手Axure 8.0,完成自己的第一个原型作品,模仿实现”百度搜索框“的效果。
工具/原料
1

个人电脑

2

汉化版Axure 8.0软件

方法/步骤1:没有交互效果原型
2

打开Axure 8.0,新建文件,从左侧的元件库将图片元件拖放到中间空白的编辑区。

4

第1步截图的时候,可以看到图片在浏览器中显示的宽和高是210*68。

8

在右侧样式编辑栏给102*37的矩形填充颜色,可以用取色器取色。同时将矩形边框修改成和填充色一样的颜色。

方法/步骤2:添加交互效果
4

成功添加完两个用例后,会在属性--交互中显示。

6

对于鼠标移入小相机图标,图标变成蓝色。可以先将蓝色的小相机图标截图下来。然后用同样的方式添加鼠标移入时,鼠标移出时事件,区别在于,交互样式设置时,用截下来的蓝色相机图片作为选中时图片。

7

单击文本输入框,输入框边框变成蓝色,同时输入光标闪烁,这部分交互效果其实Axure的文本框元件本身的效果就比较接近了,我们就不做修改了。

8

好了,你的第一个带简单交互的原型就完成了,点击Axure右上方的预览,就能在浏览器里看到最终效果了。

注意事项

如果你觉得本文的操作还有难度,那么可以先看下Axure安装的一些教程,里面有最基本的Axure介绍

推荐信息