后台网站设计分析

我们首先了解一下后台网站设计的一些常识。1、在中后台视觉体系中自定义布局有统一的画板尺寸、适配方案、网格单位、栅格、常用模度。 2、图标的设计原则源自确定和自然,图标的设计领域是准确、简单、节奏和愉悦,系统图标中常见的元素基本上可以归纳为点、线、圆角和三角。 3、线常用的四种规格分别为56、64、72和82。 4、新版的设计规格在图形外围预留了64px的出血位。 5、图标主要通过四方面去实现“秩序美”,分别是:形式、韵律、平衡和辨识。 6、图标的韵律感通过元素和构图两方面来体现。 7、色彩体系的两个层面:系统级色彩体系和产品级色彩体系。 8、适配的方案是左右布局和上下布局两种。 9、网格的基数为8。 10、字阶和行高决定着一套字体系统的动态与秩序之美。 11、在中后台视觉体系中定义字体系统分别是字体家族、主字体、字节与行高、字重和字体颜色五个方面。 12、新版的图标中最常见的四种尺寸的点分别为80、96、112和128这几个尺寸。
后台网站设计分析

这是我设计的后台网站,主题是蓝色,每个版块间的距离也是一模一样的距离,这个后台主要是简洁大方,可以更快的获取大量的信息。 色彩体系都是一样的蓝色,色值没有变,在两个版块相接的地方加上了投影,使两个相同色值的版块可以区分开来,一样看去都是蓝色,第一眼可以使人的眼前一亮。 用这么亮的颜色是因为可以使人查看内容的时候不会感觉那么乏味和无趣。 尺寸是现在通用的1366*768尺寸。 图标主要设计了关闭按钮和管理员登录之前所代替的一个人物特征头像。 字体所有都没有超过8px最大的就是8px,主要都是6px的字体大小,之所以设计成这么小的字体,是因为分辨率高,可以小一点是整体更加简洁。 可以看见左侧边栏有一个收缩按钮,当收缩之后整体的字体和图标等等都会放大一点,在简洁的前提下放大了整体的大小,对于一些看不清或者不习惯小字体的用户来说,这是一个很好的解决方法,就不需要制作太多了。 整体来说简洁大方,信息量大,获取信息的时候也很快,不会让人无头绪的寻找信息。