最近我们在设计后台网站,先是找60张后台网站,毕竟我们是第一次制作后台,每个人基本要做4张页面,形成一个后台网站。后台网站也是属于比较严谨的,不需要花里胡哨的,排版,字体,大小,这几点要求不是很高,现在,我来分析一下我制作后台网站的首页。首先,是一个整体页面,图:
整个主题我选用的颜色是蓝色,看起来比较舒服,也能体现出它的沉稳。我们做首页的时候先做边栏比较好,要想清楚自己做的是什么网站,我的是食品网站。知道自己的主题信息了之后,写左边框的标题,每个标题就是一个页面,比如我们上面选中了数据,那就要比其他的标题突出一点,让我们选中的标题颜色与其他不同,在加一个蓝色背景,更突出这个标题。标题可以添加一些icon,这样会比较好看。边框我添加了投影,这样可以更生动点。
总分关系对比通过调整排版,字体,大小等方式来突出层次感,区分总分关系,使得页面更具张力和节奏感。内容排版有五个部分,字体统一微软雅黑,字体大小比较多,基本是10px,12px,14px,16px。每个字体摆放要统一,一般情况下标题和正文左对齐,这是一个视觉起点。每个板块的内容风格一点要差不多的,五个板块都有一个小标题,之前我的标题是没有icon的,在老师的指导下,问题加了icon,和大标题相互对应。我添加的icon和小标题的颜色不同的,我个人觉的要是一样的话,未必有点单调了。
先是第一个板块,图:
小标题icon是蓝色(#368EF6),圆的颜色分别是灰色,蓝色(#A4A4A5)(#368EF6)数字是绿色(# 01C2AA),五个圆分别写不同的内容,绿色的数字会比较突出,蓝色半圆为了突出它们的进度。
第二个板块 ,图:
样子和小学的统计图差不多,都是差不多的邻近色蓝色,为了能够分辨,又不太显眼,我就选用邻近色,颜色我也来说下,分别是(# 54B3FF、# 65A9FF、# 3F87FF、# 247FBC、# 0567D3)这个板块比较宽,空白地方较多,本来是3月和4月的,太空了,我就添加了5月和6月。每个颜色都代表一个内容,一定要明确清楚。
第三个板块,图:
这个和统计图是差不多的,这个是4月份每一天,月销做的记录,我这个是最简略的方法了,用线条来表示,达到最高的销售,会给一个很明显的提示。线条每个段会分一个小圆,线条颜色的(# 188FFF),提示矩形颜色是(# 4488FF)
第四个板块,图:
这个板块内容,都是销售卖出去的东西,做的记录,字体比较小,有点看不清了,分为了3个阶段,今日,本周,本月,内容一定要明确,本来我是让它们的进度颜色不同的,可是隔的有点近,颜色基本一样的。第五个板块,图:
这个是每个用户消费的记录,本月消费最多的是杨小光,为了突出第一名,字体颜色和其他的有区别的,第一名的颜色的蓝色(# 4488FF),之后的颜色是灰色(#333333)。