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

问题

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

一、登录界面

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

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

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

2.插入文本框

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

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

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

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

 4.对文本进行修改

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

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

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

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

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

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

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

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

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

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

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

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

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

 二、我的藏书

1.先填充样式颜色

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

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

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

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

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

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

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

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

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

 ps:这里都是组合

 三、书籍页面状态

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

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

手把手教你使用axure9画出图书出借的功能界面(原型模型)从0实现图书借阅界面_第21张图片 3.插入一个白色矩形,和俩个灰色矩形,添加文字 

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

 4.其他都是照葫芦画瓢

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

 创作不易,请多多关注

成品展示

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

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

你可能感兴趣的:(Axure,axure,前端,职场和发展)