作者:李哲定 时间:2019年5月18日
首先我们把这个二级页面的排版做出来,这个排版我是经过了很多的思考才决定用这个排版的,因为一个网页,不管是什么网页,一个排版就决定了成果的一大部分,可以说一个网页可不可以做好就很大取决与排版。
我把我这个标志性的logo给这个左边这里放了上去,然后把我的网站的名字打上去,打上去之后,我就开始做下面的功能栏,功能分别就是平台首页以及交易管理,数据统计,用户管理,财务结算,还有系统管理,我这个二级页面说的是数据统计,所以我在数据统计这里做了一个交互设计,这个交互设计就是把他的底色的颜色调整了一下。
左边的功能栏我已经做好了,现在我来做右边的这个icon和这个查询的框。我把这四个icon做出来之后,我就开始做这个查询了,我先在前面做了一个今日报表:,然后在后面做了一个矩形,把矩形的填充色取消掉,取消掉之后再把他的描边弄成灰色,再在最后面做一个矩形,把他的填充色做成蓝色,色彩如上,然后把接下来的也这样做出来。下面我们做后面的内容页。
现在我可是做这个大型的icon了,这个icon做的时间就比较久了,做了这六个icon之后我在旁边把这个icon所代表的东西给打了上去,打上去之后这个六个icon这里就做好了,然后我们现在开始做右边的这个快速查看的,这个快速查看的功能就是把自己经常用的功能放在这里,然后在这里直接点击就好了,我这里的功能是销售明细,进货明细,商品管理,客户管理,还有供应商管理这几个,然后在这个打出来之后,我就把商品管理做了一个交互设计,就是在字体的颜色上面有改变。
最后一步,我开始做这个统计图了,我先把今日报表做出来的,我把这个圆的统计图做出来之后,我就把这里面的内容打上来,这个今日报表这里就完成了,然后就开始做统计图,这个统计图统计的是最近七天的销售量和利润,还有销售单数,这里就要用到钢笔工具了,我用钢笔工具把图做出来之后,我就把这个统计图的内容做出来,做好之后这个图也就做好了。
相关文章
- 使用ps制作后台网站登录页
- 后台网站二级页面制作步骤
- 制作后台(网页)所需要的步骤
- HTML静态网页成品作业(HTML+CSS)——贵州美食介绍设计制作(1个页面)-四、网站代码
- HTML静态网页成品作业(HTML+CSS)——美食企业介绍设计制作(1个页面)-四、网站代码
- 织梦网站后台主页页面修改
- HTML5期末大作业:个人网站设计——简单的个人图片网站模板html(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成
- 今天网站后台登录页面需要生成一个二维码,然后在手机app上扫描这个二维码,实现网站登录的效果及其解决方案如下 - 蜗牛无敌
- 招聘兼职项目开发,寻找长期合作伙伴 因网站(http://www.yupsky.com/)发展需求,需增加购物频道,具体需求如下: 1)包含常规网店的基本功能,提供商品管理后台;2)采用ASP.NET 3.5(C#)+sql server 2005开发,可基于开源系统二次开发;3)页面要精美时尚,项目完成提供全部源代码;4)价格面议,联系:QQ 42 73 12 09 另寻找长期合作伙伴 职位要求: 1、熟练使用ASP.NET 3.5(C#)开发,熟悉js、css和ajax; 2、熟
- HTML5期末大作业:大学生抗疫感动专题网页——疫情记忆(6个页面)抗击疫情网页制作作业 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品