手把手教你使用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

  • 13
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值