后台网站二级页面制作步骤

本文详细介绍了后台二级页面的制作过程,重点是数据统计模块的设计,包括排版、功能栏、图标、查询框、统计图表等元素的创建与交互设计,旨在提升用户体验。
摘要由CSDN通过智能技术生成

作者:李哲定 时间:2019年5月18日
在这里插入图片描述
首先我们把这个二级页面的排版做出来,这个排版我是经过了很多的思考才决定用这个排版的,因为一个网页,不管是什么网页,一个排版就决定了成果的一大部分,可以说一个网页可不可以做好就很大取决与排版。
在这里插入图片描述
我把我这个标志性的logo给这个左边这里放了上去,然后把我的网站的名字打上去,打上去之后,我就开始做下面的功能栏,功能分别就是平台首页以及交易管理,数据统计,用户管理,财务结算,还有系统管理,我这个二级页面说的是数据统计,所以我在数据统计这里做了一个交互设计,这个交互设计就是把他的底色的颜色调整了一下。
在这里插入图片描述
左边的功能栏我已经做好了,现在我来做右边的这个icon和这个查询的框。我把这四个icon做出来之后,我就开始做这个查询了,我先在前面做了一个今日报表:,然后在后面做了一个矩形,把矩形的填充色取消掉,取消掉之后再把他的描边弄成灰色,再在最后面做一个矩形,把他的填充色做成蓝色,色彩如上,然后把接下来的也这样做出来。下面我们做后面的内容页。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值