(个人)AR电子书系统创新实训第四周(1)

上周对UI界面的功能进行了介绍,这星期我设计了UI界面及按钮,下面我详细说明后台界面制作的过程。

1、后台管理界面设计过程
后台界面是管理人员自己进行操作的地方,所以界面不宜太复杂,应以实用为主。
我们这个app后台界面需要实现的功能是使扫描的图片与对应的视频进行关联,之后再打包上传到服务器中。功能如下图:

这里写图片描述

主要的设计过程:

  1. 首先考虑主色调,鉴于我们的app是一个与科技有关的主题,所以我选择蓝白色为主色调
  2. 在功能的基础上,我先对界面进行了排版,将上图的UnNamed图标放在左边,图片拖拽界面放在右边,我觉得这样更符合我们平时的习惯。
  3. 原图的删除映射是直接在UnNamed的右上角,这样的一个小图标不太好点,很容易点击到其他地方,所以我将删除映射与添加映射并排放到了图片拖拽页面的下方
  4. 打包上传的按钮之前是在右下角,为了充分利用空间,我将这个按钮放置在右上角
  5. 在脑海中有了个大致的布局之后,我先在ps的上方填充了一个蓝条作为导航条,但我总觉得很单调,所以在左边添加了阴影的效果,右边添加了蓝粉渐变,看起来不会太单调
  6. 为了与右边界面进行区别,在两个交界
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值