Axure RP9小白基础教程——安装、元件、实现交互

时间:2024-02-24 21:57:11

1.安装Axure,点击以下链接
https://axure.cachefly.net/AxureRP-Setup.exe
2.汉化Axure,汉化后更加简明易懂
●Axure RP 9汉化文件下载地址:http://chanpinban.com/downloads/。一直next,finish即可。
●下载后将lang文件夹和三个.dll文件放到Axure文件夹下代替原本的三个.dll
在这里插入图片描述

●重新打开Axure,汉化成功;
3.将需要的元件栏中的元件拖出到page1(中间空白部分)。
Page可以重新命名,这里以登陆注册页面为例;

在这里插入图片描述
4.以登录页面为例,用户登陆选择三级标题H3、输入用户名与密码采用的是表单元件的文本框、登陆按钮+立即注册按钮;这里分享一个阿里巴巴矢量图标集:http://iconfont.cn/。很多常见的图标在图标集中都能够查找到。
在这里插入图片描述

在这里插入图片描述

5.实现交互:首先分析“登陆”按钮,可以得知登陆按钮所需实现的功能如下:

主体:登陆按钮
触发:单击时
情形1:登陆成功
条件
用户名不为空
密码不为空
且用户名要与密码对应
交互
动作1:设置文本
目标:提示元件
设置:提示文字-登陆成功
动作2:打开链接
目标:注册页面
设置:注册个人中心
情形2:登陆失败
条件
否则
交互
动作:设置文本
目标:提示元件
设置:提示文字-账号或密码错误

观察到Axure右侧有交互选项,这里选择登陆按钮,点击新建交互;

在这里插入图片描述

根据上述分析,将登录按钮设置为:
在这里插入图片描述

6.设置完成后,点击右上角,预览就可以在网页中查看了。若想要共享,由于Axure是外网速度很慢,则可以在下面这个托管网站中上传我们的原型;
https://share.mockplus.cn/

**最后给大家推荐一个适合跟我一样的新手学习的网站,内容很全:http://www.iaxure.com/category/axurerp9%E6%95%99%E7%A8%8B