制作后台管理系统首页

制作后台管理系统首页
(作者:李文成,撰写时间:2019年5月14日)
先看下成品
制作后台管理系统首页_第1张图片
新建一个画布1366×768像素,然后使用矩形工具(U)颜色为:#2f323b;将顶部栏部分框选出来然后将一些后台网页中基本的设置放入顶部栏(也可以放到其他地方),字号的话是:30px;左上方是一个LOGO跟这个管理系统的名称,右上方的话是一个登录人员的头像和名称。
然后再做导航栏,左边导航栏部分也是使用矩形工具(U)将它的背景颜色给框选出来颜色为:#3b3f4a;然后将数据名称打上去间距的话是1.41厘米,也可以自己调整,字号是:24px;后面的三角形的是自己的也可以去自定义工具里面找,第一个三角形颜色为:#ff0000;然后复制出来排好,间距是1.66厘米。

制作后台管理系统首页_第2张图片
再做内容部分,先做一个搜索栏。使用矩形工具(U)做一个背景,颜色为:#d9e0f4;然后将搜索栏的内容使用横排文字工具(T)打上去,字体颜色为:#666666;搜索后面的背景一个圆角矩形,颜色为:#aa5aed;字体颜色为:#ffffff;标题栏的话背景颜色为:#bb3b3b;字体颜色为:#d1bdce;
制作后台管理系统首页_第3张图片
再做图表部分,图表字体颜色和左边跟下边那两条线颜色为:#666666;图表中间那些线颜色为:#63acf7;再把所需的数据以线的方式放入图表,使用的工具为:钢笔工具,这些内容颜色为:#070dfe;#07fe70;#fe0707;分别对应的是:下载人数、在线人数、不在线人数。然后摆放好,这张图就完成了,做出来的成品跟第一张差不多。

你可能感兴趣的:(制作后台管理系统首页)