关于后台网页设计的原则

关于后台网页的设计有很多不可违背的原则，还有排版、页面布局和视觉的影响等等；最后就通过一些制作效果还不错的后台网页，来讲解一些不可缺少的原则。
下面就主要讲解：板块和字体的亲密性、对齐、对比、重复这几个不可缺少的原则，板块的亲密性分为2大部分：横间距之间的关系和纵间距关系。前者为了适用不同尺寸的屏幕，在横向采用栅格布局来排版里面的东西，从而保证布局的灵活性。后者则是通过小号、中号、大号这3种间距来规格来进行划分信息层次。
对齐大概就3种：文案类对齐、表单类对齐、数字类对齐。文案对齐作用在于：页面的字段或段落较短、较分散的时候，就需要一个统一的视觉起点。表单类对齐：让用户的视觉顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。数字类对齐：为了快速对比数值大小、所有数值取相同有效位数，而且都是右对齐。如图所示：（从前者到后者依次放图）

对比主要分为主次关系、总分关系、状态关系3大关系对比，前者为了让用户在操作上快速的做出判断。来突出其中一项相对重要的操作。总分关系：通过调整排版、字体、大小等方式来突出层次感，区分总分关系，使得页面更具张力、节奏感。后者则是通过改变颜色、增加辅助形状等方法来实现状态关系的对比，以便用户更好的区分信息。状态关系常见的类型有：静态和动态对比。

如图所示：（从主次到状态关系排列）

关于重复就很简单了，重复的元素可以是点、线、面等一些设计要素、格式、风格等等。只要是有规则的重复，又符合原则就可以。

说了那么多原则，下面就通过上面的这张图来详细讲解。这张是关于交通的后台网页，先看最左边灰色区域的板块，在看每一条icon和对应的文字，从左到右看都是左右对齐的，除了首页不一样以外。亲密度也布置很得当，从横纵间距看给用户的视觉影响不会觉得太紧密或太松散。字体的大小也很合适，而且1刚刚在每个板块的中间位置。
然后最上方的黑色部分的矩形板块，logo的布局和旁边的名称上下大小距离一样，左右间距也是按照整个页面的布局进行的，这样就不会然人觉得有不规则的感觉。右边的内容形成了一个信息的对比，通过一些红色的形状提示，使用户能够快速的查询信息。因为红色在各种色彩中吸引力是最强烈的。

如上图部分，分成2个部分的板块，一边是字较多的部分和可视化图表的部分，先看左边的部分，都有这对齐、亲密度、重复、对比的原则。从商品移库、停售到损益管理形成了一个流程的一个排版。里面的箭头符合和icon都重复排版布局。字体都以从左到右对齐，里面的内容是如此，整个管理也都是左右对比、对齐排版以突出重要性。
关于右边的可视化图表我就不详细讲解了，因为之前已经讲解过了。只是对这些图表在整个页面讲解较为突出的作用。从整个图表来看，划分为3大部分的图表。虽然上面的曲线图和以矩形里的数字来突出信息的图表，有些视觉上的不一样。但它们都是同一类型有着联系关系的呼应。有着很相近的感觉；所以这样划分。
在这些图表中就只是曲线图、柱形图的表达方式。还有矩形颜色填充突出的一些数据。但对于查询和描绘信息和数据，这些图表的作用，也已经体现在这个后台网页中了，给用户视觉和实用价值上有这很大的效果就已经算是一个很不错的后台网页了。至于内容方面之后还可以修改和完善。
最后总结：后台网页的制作和设计，是离不开这些必要的原则的，要想制作一个接近完美的后台，就必须遵守原则，还有所谓现代化的实用价值。