最近做了一套关于后台管理的设计，说实话对于很久没做后台的人来说，有点无从下手，既然做完了，那就记录一下作为一个总结，也正好可以分享出来，希望可以帮助到正在做这个事情的你。
设计之前，我们要先想一下什么是后台管理？我们做的后台管理的目的是什么？
1. 什么是后台管理：产品后台大致上分为两类，【产品后台管理系统】和【商业系统（BI）】。无论我们是在做产品后台管理系统还是商业系统，从前端角度来看，就是在视觉层通过页面的交互过程和使用者所提出的需求，使逻辑层接口的程序负责实现处理。当脱离具体业务，进入数据层后，我们会发现其实所有的操作都是对数据的增删改查，归类到行为就是两个：一是从数据库读取数据然后展现在页面上；二是在展现页面进行操作改变数据后，把变化后的数据写进库里。
2. 后台管理的目的：从某种意义上，必然是为了满足某类需求，更加方便、快捷的可以让使用者去操作控制。
一、设计原则
1.一致性 Consistency
与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；
在界面中一致：所有的元素构要保持一致，设计样式、图标、文本和元素的位置。
（如：icon大小保持一致、基础圆角度、线条粗细、按钮大小等）
2.反馈 Feedback
控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；
页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。
（如：选框、按钮、文字、icon等一般都会有三种状态正常、鼠标滑过、鼠标点击时）
3.效率 Efficiency
简化流程：设计简洁直观的操作流程；
清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；
帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。
（如：在展示数据过多时候要做到一目了然，利用现有的各种统计图来充分展示，帮助用户快速识别，基于数据找到合适的表达方式）
4.可控 Controllability
用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；
结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。
（如：删除是不可逆的操作，对用户有影响，我们要去做确认后在操作）
二、后台设计的规范
1.关于颜色：有些Windows电脑分辨率会比较低，在使用辅助色时要注意电脑分辨率问题，处理阴影时两个板块之间的阴影不要有交叉，前端会很难实现。
2.关于字号：最大字体20px，最小字体10px，导航栏12-14px 推荐14px，菜单栏14-16px 推荐14px ，正文推荐14px。
3.关于选框和按钮：选框和按钮的高度、圆角弧度要保持一致，选框之间的间距要紧凑一点。
4.关于表格：在做表格排版时最重要的就是清晰，字体的对齐方式要统一。
5.关于列表：列表一定要把间距控制好，太大会觉得节目排版零散，太小会觉得页面紧凑。
6.关于文字排版和行间距：文字、段落、特殊字段特殊处理，分清主次功能和层级关系。（分层级时可以使用1>2>3的间距去处理）
三、总结
我们在做后台后台设计时，要想理解我们做的是属于产品后台管理系统还是商业化产品，基于产品属性再展开具体的设计。设计时要有逻辑，制定大的规范去限制页面布局，做到饱满、精致、清晰，设计不单纯是是一个美感，更是一个语言表达。
