axure教程之一基本元件的使用:[1]安装及元件

2025-04-28 15:51:19

1、下载axure软件安装包,安装axure程序,然后创建axure快捷方式如下图

axure教程之一基本元件的使用:[1]安装及元件

2、点击程序图标,打开axure工具,然后在弹出的框中,红色1处是我们以前新建的原型界面,红色2处是如果我们要新建个原型界面,那么就点击红色2,原型界面的文件都是后缀名为pr的文件

axure教程之一基本元件的使用:[1]安装及元件

3、红色1出就是我们原型界面的主页,主页下面分为 页面1 页面2 页面3 ,当然你也可以在添加子页面,右键主页----》添加----》子页诹鬃蛭镲面,红色2 是我们的元件库,也就是说我们平时网页中的按钮,文本框 等网页格式我们在这里都叫做元件,红色3出是页面的格式,我们在这里可以设置页面的居中,背景颜色,背景图片等等,红色4出就是我们原型界面的主界面了,也就是网页的样子的载体。

axure教程之一基本元件的使用:[1]安装及元件
axure教程之一基本元件的使用:[1]安装及元件

4、首先我们从左侧元件库中 选择矩形框,拖拽到右侧的空白处,给网页增加个矩形框,鼠标聚焦矩形框,点击左键,拖拽到右侧空白处。然后放大矩形框

axure教程之一基本元件的使用:[1]安装及元件

5、然后在从左侧元件库中拖拽图片元件到右侧矩形框中并调整好位置。拖拽文件元件, 并编辑文本中的文字,分别是用户名和密码,然后在拖拽文本框到右侧,双击元件可编辑上面的文字,接着在拖拽按钮到右侧,双击按钮编辑按钮文字为登陆和取消,效果图如下

axure教程之一基本元件的使用:[1]安装及元件
axure教程之一基本元件的使用:[1]安装及元件

6、其它元件我在这里就不在详细介绍了,大家按照我上面的操作即可掌握基本元件的使用。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢