后台缺陷相较于Ant Design

后台缺陷相较于Ant Design
作者：陈涛 写作时间：2019.5.14
经过对比之后发现，自己做的后台在对齐方面没有很好的做到，就是文案类对齐这一块没有做好，右边导航栏的首页与其他的板块排列不一，而且“首页”的文字比其他的略微大一点点，所以这里是有很严重的失误的。对齐的原则是：“在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅的接收消息。”

用红色框框住是的导航栏的那一部分，是“首页”的排版错误，用黄色框框住的可以分两部分：第一部分是用竖着的部分，可以看到左边排版之间的空隙比右边排版之间的空隙要小一点，虽然有点不明显，但是还是可以看出来的。第二部分就是上面的大板块与下面的板块的间隙太大，导致了该页面的不美观。
所以我们今后在设计的时候要注意板块之间的大小和板块之间的间隙。
然后再来说说这个折线图，折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势在折线图中，数据是递增还是递减、增减的速率、增减的规律（周期性、螺旋性等）、峰值等特征都可以清晰地反映出来。所以，折线图常用来分析数据随时间的变化趋势，也可用来分析多组数据随时间变化的相互作用和相互影响。例如可用来分析某类商品或是某几类相关的商品随时间变化的销售情况，从而进一步预测未来的销售情况。在折线图中，一般水平轴（X轴）用来表示时间的推移，并且间隔相同；而垂直轴（Y轴）代表不同时刻的数据的大小。一个折线图的构成包括：横轴、纵轴、点、线。然而在这个折线图里缺少了一些东西，它们就是横轴与纵轴。所以这里也是一个失误点，以后要注意一下。在上面的图中我也是用蓝色的框框框住了，以便观察。

还有一个统计图是环形统计图它有一个好听的名字叫甜甜圈图，其本质是圆形图将中间区域挖空虽然如此，圆形图还是有它一点微小的优点。圆形图的整体性太强，我们会将注意力集中在比较原型图内各个扇形之间占整体比重的关系。但如果我们将两个圆形图放在一起，圆形图很难同时对比两个图。环图在解决上述问题时，采用了让我们更关注长度而不是面积的做法。这样我们就能相对简单的对比不同的环图。同时环图相对于圆形图空间的利用率更高，比如我们可以使用它的空心区域显示文本信息，比如标题等。

最后就是字体的大小了，字体是体系化界面设计中最基本的构成之一。最上面的图中，我用灰色框框框中了这些字体，是不是感觉有一些别扭，比较小的一点的字是一个板块的标题，而大一点是板块的内容字，其实这两个一个反过来才对。而如果内容的文字比标题的文字更加醒目的话，就会有一种颠倒是非的感觉，在平常生活中我们也是会先看标题然后是内容，所以要注意标题的文字大小是要大于且比内容区的文字大小重要的，一个好的标题也可以吸引人们的眼光。