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

本文主要是介绍手把手教你使用axure9画出图书出借的功能界面(原型模型)从0实现图书借阅界面,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

问题

设计图书出借的功能界面,并使用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

 

这篇关于手把手教你使用axure9画出图书出借的功能界面(原型模型)从0实现图书借阅界面的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/476243

相关文章

java中BigDecimal里面的subtract函数介绍及实现方法

《java中BigDecimal里面的subtract函数介绍及实现方法》在Java中实现减法操作需要根据数据类型选择不同方法,主要分为数值型减法和字符串减法两种场景,本文给大家介绍java中BigD... 目录Java中BigDecimal里面的subtract函数的意思?一、数值型减法(高精度计算)1.

C/C++ chrono简单使用场景示例详解

《C/C++chrono简单使用场景示例详解》:本文主要介绍C/C++chrono简单使用场景示例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录chrono使用场景举例1 输出格式化字符串chrono使用场景China编程举例1 输出格式化字符串示

Python验证码识别方式(使用pytesseract库)

《Python验证码识别方式(使用pytesseract库)》:本文主要介绍Python验证码识别方式(使用pytesseract库),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全... 目录1、安装Tesseract-OCR2、在python中使用3、本地图片识别4、结合playwrigh

C#代码实现解析WTGPS和BD数据

《C#代码实现解析WTGPS和BD数据》在现代的导航与定位应用中,准确解析GPS和北斗(BD)等卫星定位数据至关重要,本文将使用C#语言实现解析WTGPS和BD数据,需要的可以了解下... 目录一、代码结构概览1. 核心解析方法2. 位置信息解析3. 经纬度转换方法4. 日期和时间戳解析5. 辅助方法二、L

Python使用Code2flow将代码转化为流程图的操作教程

《Python使用Code2flow将代码转化为流程图的操作教程》Code2flow是一款开源工具,能够将代码自动转换为流程图,该工具对于代码审查、调试和理解大型代码库非常有用,在这篇博客中,我们将深... 目录引言1nVflRA、为什么选择 Code2flow?2、安装 Code2flow3、基本功能演示

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

C++类和对象之默认成员函数的使用解读

《C++类和对象之默认成员函数的使用解读》:本文主要介绍C++类和对象之默认成员函数的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、默认成员函数有哪些二、各默认成员函数详解默认构造函数析构函数拷贝构造函数拷贝赋值运算符三、默认成员函数的注意事项总结一

使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)

《使用Python和Matplotlib实现可视化字体轮廓(从路径数据到矢量图形)》字体设计和矢量图形处理是编程中一个有趣且实用的领域,通过Python的matplotlib库,我们可以轻松将字体轮廓... 目录背景知识字体轮廓的表示实现步骤1. 安装依赖库2. 准备数据3. 解析路径指令4. 绘制图形关键

VS配置好Qt环境之后但无法打开ui界面的问题解决

《VS配置好Qt环境之后但无法打开ui界面的问题解决》本文主要介绍了VS配置好Qt环境之后但无法打开ui界面的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目UKeLvb录找到Qt安装目录中designer.UKeLvBexe的路径找到vs中的解决方案资源

详解如何使用Python从零开始构建文本统计模型

《详解如何使用Python从零开始构建文本统计模型》在自然语言处理领域,词汇表构建是文本预处理的关键环节,本文通过Python代码实践,演示如何从原始文本中提取多尺度特征,并通过动态调整机制构建更精确... 目录一、项目背景与核心思想二、核心代码解析1. 数据加载与预处理2. 多尺度字符统计3. 统计结果可