后台设计规律

作者：李哲定 时间：2019年6月8日
数据展示:
合适的数据展示方式可以帮助用户快速地定位和浏览数据，以及更高效得得协同工作。在设计时有以下几点需要注意:

第一点表格
表格被公认为是展现数据最为清晰、高效的形式之一。它常和排序、搜索、筛选、分页等其他界面元素一起协同，适用于信息的收集和展示、数据的分析和归纳整理、以及操作机构化数据。它机构简单，分隔归纳明确，使信息之间更易于对比，大大提升了用户对信息的接收效率和理解程度。

第二点折叠面板
折叠面板通过对信息的分组和收纳，指引用户递进式的获取信息，便界面保持整洁的同时增加空间的有效利用率。这类组件在导航中大量使用，同时也适合 长的、无规则的内容管理。

第三点卡片
卡片是一种承载信息的容器，对可承载的内容类型无过多限制，它让一类信息集中化，增强区块感的同时更易于操作；卡片通常以网络或矩阵的方式排列，传达相互之间的层级关系。适合较为轻量级和个性化较强的信息区块展示。

第四点走马灯
作为一组平级内容的并列展示模式，常用于图片或卡片轮播，可由用户主动触发或者系统自动轮播。适合用于官网首页、产品介绍页等展示型区块。

第五点树形控件
[树形控件]通过逐级大纲的形式来展现信息的层级关系，高效且具有极佳的视觉可视性，使得整体信息框架一目了然。用户可同时浏览于处理多个树状层级的内容。适用于任何需要通过层级组织的信息场景，如文件夹、组织架构、生物分类、国家地区等等。

第六点时间轴
垂直展示的时间流信息，一般按照时间倒叙记录事件，追踪用户当下以及过去做了什么。每一条信息以时间为主轴，内容可涵盖主题、类型、相关的附加内容等等。适用于包括事件、任务、日历标准以及其他相关的数据展示，接下来我就给大家说一下我制作的后台首页的步骤包括方法。

首先我们可以看见这个后台网站的首页已经做出来了，现在我来讲解一下这个后台网站的步骤，这个后台网站我是从左边的那个logo开始做的，做这个logo花了我很多的时间，因为想不出什么好的logo，所以在logo这里我用了很多的时间。

好了，这个就是我一开始想出来的排版，这个排版比较密集，所以内容要比较多才会好看，刚刚好符合我的想法，所以我就用了这个排版。

然后在排版做好之后，就开始做下面的这个功能栏里面的东西，我们把里面的功能都做出来，分别是平台首页和交易管理，数据统计，用户信息，财务结算，还有系统管理。就是这几个，然后再在他的右边放一个小箭头的标志，这个功能栏就做好了。

现在我开始做这个内容页和这个顶部栏了，我们先从顶部栏做起吧，这个顶部栏是和左边的logo那里先照应一下，这个顶部栏我做了几个icon。做好之后，我就开始做下面的内容页了，这个内容页我们先从这个员工信息表开始做起，这个员工信息表前面我们放了员工icon，放了之后再下面打上那些员工的信息，再在第二个信息那里给他安排一个交互设计，安排好之后我就把下面的这个内容页以一样的步骤，但是不一样的信息给做出来了。

这个内容页的东西就比较多了。我在把他们的icon做出来之后已经用了很长的时间了，然后我把这些的内容打上去，打上去之后再在下面把这个数字的字体给调大一些，这样主要是可以突出这个数字的重要性，不会让人看着都不知道主次，然后下面的内容就比较简单了，我把内容放上去之后，把这个内容页的字的位置和大小调整一下，调整好之后我就开始做最后的内容了。

这个内容页讲的就是交易记录，我在做了一个icon之后再在右边把交易记录打上，打好之后就开始做下面的这个统计图了，这个统计图说的是这一周的交易数据的，这个统计图是我用钢笔工具做出来的，然后就做最后的下单信息汇总和支付信息汇总，转化率汇总，我给他们做了这个表格出来，做出来之后把内容给放进去，放进去之后这个就做好了。