axure教程之一基本元件的使用:[1]安装及元件
1、下载axure软件安装包,安装axure程序,然后创建axure快捷方式如下图
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/b666b2530688912cdb995d5c1b4800fc76f797eb.jpg)
2、点击程序图标,打开axure工具,然后在弹出的框中,红色1处是我们以前新建的原型界面,红色2处是如果我们要新建个原型界面,那么就点击红色2,原型界面的文件都是后缀名为pr的文件
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/5e9a2820b93acd89aa96a7bb0335dd8a58de8beb.jpg)
3、红色1出就是我们原型界面的主页,主页下面分为 页面1 页面2 页面3 ,当然你也可以在添加子页面,右键主页----》添加----》子页面,红色2 是我们的元件库,也就是说我们平时网页中的按钮,文本框 等网页格式我们在这里都叫做元件,红色3出是页面的格式,我们在这里可以设置页面的居中,背景颜色,背景图片等等,红色4出就是我们原型界面的主界面了,也就是网页的样子的载体。
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/3bcdb808a50f94fcc7df1a7a4cf88a775cddfceb.jpg)
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/e40b3127e7ef2806ca521369b840b6f39087f2eb.jpg)
4、首先我们从左侧元件库中 选择矩形框,拖拽到右侧的空白处,给网页增加个矩形框,鼠标聚焦矩形框,点击左键,拖拽到右侧空白处。然后放大矩形框
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/025d87c0affce1868e7c29c61f1fbee435daebeb.jpg)
5、然后在从左侧元件库中拖拽图片元件到右侧矩形框中并调整好位置。拖拽文件元件, 并编辑文本中的文字,分别是用户名和密码,然后在拖拽文本框到右侧,双击元件可编辑上面的文字,接着在拖拽按钮到右侧,双击按钮编辑按钮文字为登陆和取消,效果图如下
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/bfa52adaf05e4a23c8227fa91dd818196020e2eb.jpg)
![axure教程之一基本元件的使用:[1]安装及元件](https://exp-picture.cdn.bcebos.com/979906196120a7cdbb3d7a4689b375d7987bdceb.jpg)
6、其它元件我在这里就不在详细介绍了,大家按照我上面的操作即可掌握基本元件的使用。