手把手教你使用axure9画出图书出借的功能界面(原型模型)从0实现图书借阅界面

news2024/11/18 3:47:59

问题

设计图书出借的功能界面,并使用axure画出界面原型(pc端或移动端都可以)。就你的设计,你觉得有哪些方面需要跟用户沟通确认?

一、登录界面

1.先将图片背景改成灰色

1a9378a47ff644bca6181d006779ac6e.png

3733605b40bb47a39e073dc1aa167554.png

 

2.插入文本框

b08fbfa15aa44d3d9741a3ef15032f86.png

 

3.插入文字,输入图书管理系统,加粗,并且把字放大,放到你觉得合适的大小 

 3286682f1c324e8ea7f2248037f86d81.png

 6017220e885a4f05947f8b530818fb08.png

 4.对文本进行修改

67603219cb7940389390c40e97dc5652.png

 9e88997835224b2aae0620bb2aa188d4.png

52163fff82484d67a4f84e40a778428d.png

4.修改提示文字的颜色为蓝色

 a82b542ce2fe4e51ac837176d60bcc0b.png

 e6b84a021c5543839dfa946fb3f68938.png

a03fe071f32c4ef5b190bd42cbfb9587.png 85a586b9415f4a79b1469207ac5b9138.png

5.拉入复选框,文字颜色是蓝色

 df278855723b47c29b2071fad925186f.png

6.拉入主要按钮,修改样式 

b42ac7d61f444a41a9f04b1b12469be9.png

7.插入注册,忘记密码文字 ,修改样式

84e6b0a3e6594987bb095b2afef41fbe.png

 

 二、我的藏书

1.先填充样式颜色

75f6488d72184801baa3e7c9072ecad3.png

2.选择矩阵填充蓝色并且加入小图标等 

095c0a45b9874d2b8e8d7479132c47a1.png

 3.插入白色矩形再插入一个灰色的矩形,并且将灰色矩形设置为较园

 

a92e774d36cb49d58795ce7d2083edde.png

 4.点击白色矩形,右击组合,然后在概要里面,将灰色矩形移动在同一个组合里面

b3e3fd09793a47cba60272059e4fff68.png 

5.插入n个矩形颜色是灰色,然后插入一个蓝色矩形放入最下面

 752be9161ad146e6bf58c03563d2ad3c.png

 ps:这里都是组合

 三、书籍页面状态

1.先复制我的藏书(ctrl+a   然后 ctrl +c)

2.删除不必要的东西,然后插入图片文字

abe330e85d384a0b951b285db6c309c5.png 3.插入一个白色矩形,和俩个灰色矩形,添加文字 

cd46877f87f94e7ba5ff049df4d7a3c6.png 

 4.其他都是照葫芦画瓢

d804f011867f4acfa880b88d4548fd38.png

 创作不易,请多多关注

成品展示

 6b470998241c4d4c9d264ee912274125.png

32381be8dda349a88b3972491e72225f.png 629265bc89ee4193852b6da33e299128.png

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1298770.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

物联网第十四周总结

本周任务 消息转换器 PostgreSQL学习,JetLinks配置PostgreSQL 问题与总结 JetLinks配置PostgreSQL的时候,启动报错 2023-12-08 09:34:30.478 ERROR 19028 --- [actor-tcp-nio-1] o.h.e.r.e.r.r.R2dbcReactiveSqlExecutor : > Error: c…

Elasticsearch 8.9 refresh刷Es缓冲区的数据到Lucene,更新segemnt,使数据可见

一、相关API的handler1、接受HTTP请求的hander(RestRefreshAction)2、往数据节点发送刷新请求的action(TransportRefreshAction)3、数据节点接收主节点refresh传输的action(TransportShardRefreshAction) 二、在IndexShard执行refresh操作1、根据入参决定是使用lucene提供的阻塞…

Http请求(bug)——路径变量传参遇到特殊符号的问题 URL中的#,?,符号作用

前言 本篇博客分析路径变量传参遇到特殊符号的问题,阐述了URL中的#,?,&符号作用。 目录 前言引出路径变量传参遇到特殊符号的问题问题描述问题分析 URL中的 #,?,&符号的作用URL中# 的作…

【探索Linux】—— 强大的命令行工具 P.21(多线程 | 线程同步 | 条件变量 | 线程安全)

阅读导航 引言一、线程同步1. 竞态条件的概念2. 线程同步的概念 二、条件变量1. 条件变量函数⭕使用前提(1)初始化条件变量(2)等待条件满足(3)唤醒等待pthread_cond_broadcast()pthread_cond_signal() &…

Qexo博客后台管理部署

Qexo博客后台管理部署 个人主页 个人博客 参考文档 https://www.oplog.cn/qexo/本地部署 采用本地Docker部署管理本地Hexo 下载代码包 若无法下载使用科学工具下载到本地在上传到服务器 wget https://github.com/Qexo/Qexo/archive/refs/tags/3.0.1.zip# 解压 unzip Qexo…

SQL命令---修改字段的排列位置

介绍 使用sql语句表字段的排列顺序。 命令 alter table 表名 modify 字段名1 数据类型 first|after 字段名2;例子 将a表中的age字段改为表的第一个字段。 alter table a modify age int(12) first;下面是执行命令后的表结构: 将a表中的age字段放到name字段之…

【linux】查看CPU和内存信息

之前咱们一起学习了查看内存的和CPU的命令。 ​mpstat : 【linux】 mpstat 使用 uptime:【Linux】 uptime命令使用 CPU的使用率:【linux】查看CPU的使用率 nmon :【linux】nmon 工具使用 htop :【linux】htop 命令…

学习Linux(2)-学习Linux命令

Linux目录结构 Linux目录结构-菜鸟教程 /bin:bin 是 Binaries (二进制文件) 的缩写, 这个目录存放着最经常使用的命令。 /boot:这里存放的是启动 Linux 时使用的一些核心文件,包括一些连接文件以及镜像文件。 /dev :dev 是 De…

Cocos Creator:创建棋盘

Cocos Creator:创建棋盘 创建地图三部曲:1. 创建layout组件2. 创建预制体Prefab,做好精灵贴图:3. 创建脚本LayoutSprite.ts收尾工作: 创建地图三部曲: 1. 创建layout组件 使用layout进行布局,…

数据表记录的操作

一、数据添加 1、打开SSMS,附加数据库(数据库文件在自己的文件夹下面),并进行下面的设置: (1)设置“部门信息”表中的“编号”为主键(SSMS) 首先建立好所需的数据库库…

HNU计算机视觉作业三

前言 选修的是蔡mj老师的计算机视觉,上课还是不错的,但是OpenCV可能需要自己学才能完整把作业写出来。由于没有认真学,这门课最后混了80多分,所以下面作业解题过程均为自己写的,并不是标准答案,仅供参考 …

单臂路由与三层交换机

单臂路由 划分VLAN后同一VLAN的计算机属于同一个广播域,同一VLAN的计算机之间的通信是不成问题的。然而,处于不同VLAN的计算机即使是在同一交换机上,它们之间的通信也必须使用路由器。 图(a)是一种实现VLAN间路由的方…

ubuntu上搭建bazel编译环境,构建Android APP

背景是github上下载的工程,说明仅支持bazel编译,折腾了一天Android studio,失败。 不得不尝试单价bazel编译环境,并不复杂,过程记录如下 说明:ubuntu环境是20.04,pve虚拟机安装 1.安装jdk sudo…

docker-compose安装教程

1.确认docker-compose是否安装 docker-compose -v如上图所示表示未安装,需要安装。 如上图所示表示已经安装,不需要再安装,如果觉得版本低想升级,也可以继续安装。 2.离线安装 下载docker-compose安装包,上传到服务…

如何将html网页免费转为excel?

一、直接复制。 直接复制是最简单有效、快捷的解决方案,操作方法如下: 1、用鼠标像平常复制文本一样,将整个网页表格选中。 2、点击右键,点击“复制”。 3、打开excel软件,鼠标点击任意单元格。 4、点击右键&#…

leetcode7 移除列表中特定元素

给你一个数组 nums 和一个值 val,你需要 原地 移除所有数值等于 val 的元素,并返回移除后数组的新长度。 不要使用额外的数组空间,你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面…

【Cisco Packet Tracer】路由器 NAT实验

NAT的实现方式有三种,即静态转换Static Nat、动态转换Dynamic Nat和端口多路复用OverLoad。 静态转换是指内部本地地址一对一转换成内部全局地址,相当内部本地的每一台PC都绑定了一个全局地址。一般用于在内网中对外提供服务的服务器。 [3] 动态转换是指…

springboot+java医保付费绩效管理平台ssm

随着社会的飞速发展,特别是信息技术的迅猛发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势。当然,也不能排除医保付费及绩效管理行业。随着网络技术的不断成熟,医保付费及绩效管理的发展得到了促…

Wireshark添加自定义协议解析

最终效果如下: 参考文档:https://mika-s.github.io/topics/ 此参考文档中7个例子教我们如何编写lua脚本去识别我们自定义的协议 安装Wireshark https://www.wireshark.org/上下载安装包安装即可。我的安装路径是D:\Install\Wireshark,在W…

nodejs+vue+微信小程序+python+PHP北京地铁票务APP-计算机毕业设计推荐 -安卓

根据现实中在北京地铁票务方面的需求,并对该系统进行了仔细的研究,将系统权限按照管理者和用户这两种类型进行了区分。 (1)用户功能需求   用户进入APP可以进行系统首页、地铁线路、我的等操作,在我的页面可以对我的…