Axure制作一个简单的后台管理网页
时间：2023-09-26 00:30:01 | 来源：网站运营
时间：2023-09-26 00:30:01 来源：网站运营
Axure制作一个简单的后台管理网页：作为一名产品小白，使用Axure是我们第一步要学会使用的产品工具，主要是用来做什么呢。
主要是用来画原型图的，有人会问，原型图是什么？不好意思，请自行百度喔。
接下来我们就分步骤来介绍，制作一个简单的后台管理系统的页面。
首先我们要明确，要做到的页面图如下：
第一步，首先我们把大框架画出来，打开你的Axure，这里我用的是8.0版本：
个人制作/勿转第二步，找到左侧的元件列表，选择矩形，拖动到屏幕，选中矩形，在任务栏里设置矩形样式：调整大小、填充颜色，以及边框设置：
个人制作/勿转选中矩形，也可以在右侧选择样式，可以设置矩形的边框、颜色填充等各种设置，如下：
个人制作/勿转第三步，我们画左边的框架，一样选择矩形元件，这里的长宽和上面的长宽设置要注意一下。
在上方任务栏或者右侧样式栏都可以对矩形元件进行设置，其他元件同样都可以设置。
这里我们设置下颜色填充，边框、和字体，具体如下：
个人制作/勿转第四步，输入文字，设置字体样式
先，双击矩形元件就可以输入内容了；同样，在任务栏可以设置字体样式，在右侧的样式栏也可以进行设置，如下：
个人制作/勿转第五步，选择一个矩形元件拖到左侧任务栏，
1、 设置矩形大小、填充颜色和边框设置；
2、 设置矩形字体、颜色和对齐方式；
同样，也是可以在右侧样式栏进行设置的；
显示如下：
个人制作/勿转复制矩形元件，输入不同内容，且字体对齐选择右对齐，则显示如下：
个人制作/勿转第六步，这样我们的框架就画好了，现在我们来画具体内容，就要使用到我们的表格元件了，
首先，在左侧元件这边找到 表格元件，并拖动到编辑区的合适位置；
双击单元格，可以输入内容，显示如下：
个人制作/勿转选中一个单元格，选择右侧的 属性，可以插入列或插入行；
设置字体同样可以任务栏进行设置或者 右侧 样式进行设置字体；
个人制作/勿转第七步，表格内容设置好之后，接下来我们画搜索栏;
1、 矩形元件输入：项目名称，设置边框为空，拖动到合适位置；
2、 元件库中拖动文本框元件，设置合适大小；
3、 放大镜图标可以在元件库中直接使用；
拖动到合适位置，显示如下：
个人制作/勿转第八步，设置复选框；
在元件库，找到复选框元件并拖动到单元格中，显示如下：
个人制作/勿转第九步，这样一个系统页面就画好了，我们可以在任务栏右上方，点击“预览”，在浏览器可以预览画好的原型图，显示如下：
个人制作/勿转个人制作/勿转
注：以上文章为作者所有，如有转载，请联系公众号【阿拼姐】
在线咨询
