作为一名产品小白,使用Axure是我们第一步要学会使用的产品工具,主要是用来做什么呢。
主要是用来画原型图的,有人会问,原型图是什么?不好意思,请自行百度喔。
接下来我们就分步骤来介绍,制作一个简单的后台管理系统的页面。

首先我们要明确,要做到的页面图如下:
第一步,首先我们把大框架画出来,打开你的Axure,这里我用的是8.0版本:
第二步,找到左侧的元件列表,选择矩形,拖动到屏幕,选中矩形,在任务栏里设置矩形样式:调整大小、填充颜色,以及边框设置:
选中矩形,也可以在右侧选择样式,可以设置矩形的边框、颜色填充等各种设置,如下:
第三步,我们画左边的框架,一样选择矩形元件,这里的长宽和上面的长宽设置要注意一下。
在上方任务栏或者右侧样式栏都可以对矩形元件进行设置,其他元件同样都可以设置。
这里我们设置下颜色填充,边框、和字体,具体如下:
第四步,输入文字,设置字体样式
双击矩形元件就可以输入内容了;同样,在任务栏可以设置字体样式,在右侧的样式栏也可以进行设置,如下:
第五步,选择一个矩形元件拖到左侧任务栏,
1、 设置矩形大小、填充颜色和边框设置;
2、 设置矩形字体、颜色和对齐方式;
同样,也是可以在右侧样式栏进行设置的;
显示如下:
复制矩形元件,输入不同内容,且字体对齐选择右对齐,则显示如下:
第六步,这样我们的框架就画好了,现在我们来画具体内容,就要使用到我们的表格元件了,
首先,在左侧元件这边找到 表格元件,并拖动到编辑区的合适位置;
双击单元格,可以输入内容,显示如下:
选中一个单元格,选择右侧的 属性,可以插入列或插入行;设置字体同样可以任务栏进行设置或者 右侧 样式进行设置字体;显示如下:
第七步,表格内容设置好之后,接下来我们画搜索栏
1、 矩形元件输入:项目名称,设置边框为空,拖动到合适位置;
2、 元件库中拖动文本框元件,设置合适大小;
3、 放大镜图标可以在元件库中直接使用;
拖动到合适位置,显示如下:
第八步,设置复选框;
在元件库,找到复选框元件并拖动到单元格中,显示如下:
第九步,这样一个系统页面就画好了,我们可以在任务栏右上方,点击“预览”,在浏览器可以预览画好的原型图,显示如下:
Axure是非常简单的,和画图差不多。
部件拖进去就组成了静态页面,对部件设置动作就组成了交互效果。
如果没接触过,建议去官网看一下十几个十来分钟的教学短片,边看边做,看完基本都会了。
春海
春海教务管理软件是一款专为中小学开发的教务管理软件,该软件不仅可以完成考试的成绩统计和查询还有分析以及评估与跟踪对比,还支持分班和排课还有教师档案和学生学籍的管理等工作。此外,该软件对计算机硬件和操作系统没有特殊要求,目前常用电脑都能正常运行。
2.谦锐
谦锐教务管理系统是一款基于云端的教务管理软件。软件由学生成绩管理还有学籍管理和毕业生管理以及教师管理和系统管理五大模块构成,支持成绩的录入还有查询和统计等!也就是说,用户既可以通过客户端实现录入功能,也可以通过网络浏览器录入,便于用户操作。
3.优校
优校教务管理系统是一款为教育培训机构打造的学校管理软件/系统,旨在帮助教育培训行业优化日常的学生档案、课程排课及课堂考勤管理等工作!另外,该软件还通过流程化引导、简化操作,进一步提高了用户工作效率。
4.瑞文
瑞文学生成绩管理系统能方便的录入各个学生的考试成绩数据,自动计算各个学生的各科总分、平均分,而且系统有丰富统计功能,能按照多种条件,对不同学校、年级、班级等进行对比分析,并以图片的形式呈现出来。
5.学籍成绩管理程序
学籍成绩管理程序 是一款集学籍管理、成绩管理、考场编排等等功能于一身的学校管理软件,该软件中的成绩录入与EXCEL操作一样,可复制、粘帖、删除等!另外,所有报表打印采用最先进的自定义报表格式,并可打印任意的报表格式。
axure是一款原型设计工具,更推荐选择Pixso协同设计。Pixso 不仅实现了和 Sketch、Adobe XD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在网页上就可以尽情自由创作。
Pixso协同设计可以无缝衔接以往工作,支持Sketch、XD、SVG等文件导入导出,自由进行Sketch的文件格式转换。并且,文件自动保存到云端,一键回溯到任意历史版本,再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统,所有 UI 设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动。
想要了解更多关于设计工具的相关信息推荐选择Pixso协同设计。Pixso是一款专业的在线UI/UX设计工具,内置众多大厂的优秀设计规范,提供海量设计模板和素材,集成众多大厂优秀的设计系统,所有 UI 设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动,本地化字体资源,及专属私有化部署。
以上就是关于Axure制作一个简单的后台管理网页全部的内容,如果了解更多相关内容,可以关注,你们的支持是我们更新的动力!
版权声明:我们致力于保护作者版权,注重分享,被刊用文章【axure教务管理系统】因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!;
工作时间:8:00-18:00
客服电话
电子邮件
beimuxi@protonmail.com
扫码二维码
获取最新动态
