用Ant Design分析系统后台首页

用Ant Design分析系统后台首页
（作者：李文成，撰写时间：2019年4月6日）

  根据Ant Design知识点来分析自己做的后台网站有哪些错误点。
  先来看我做的后台网站，在做分析。

我感觉顶部栏那一部分没有排好，总感觉空缺了很多内容，顶部栏内容有点少，左边导航栏因为是固定的，应该在把它们之间的间距在调整一下，内容区的话，上方是一个搜索内容的架构，能为用户尽快的查找出他想要的内容，下方的话就一个图表显得有点单调，感觉应该还能再往里面补充点内容，尽量是文字内容，使它不会显得单调，图表的标题背景颜色应该还能再完善一下，因为我对颜色的把控不是特别好，所以有时候色彩都不会过关，总体来说的话总体的颜色搭配不是特别好，需要在完善一下。
整个页面没有一个icon，应该再放一些符合左边导航栏内容的icon，顶部栏的话尽量补充点内容或补充点icon，不要让它显得空荡，或者将留白更加完美的展现出来，字体大小我也稍微的改动了一下下，中间内容区的话把图表重新再做一份，因为这个图表太大占据了内容区太大的空间如果将这个图表缩小的话会看的不是清楚失去了它存在的意义，或者将画板的尺寸在重新的改动一下，使中间内容区有更多的空间来摆放其他内容，还有将一些交互更加完美的体现出来，和Ant Design设计中的布局大小差不多是一致的，适配的布局是左右布局的，左边的导航栏是固定住的，做一个弹窗式的导航栏。栅格布局没有用上去所以会显得间距有点大，中间部分的底色有点太强烈了点击交互的部分也有点多，相同的部分也没有运用栅格部分所以看起来很不搭间隔也有点大，中间的文字部分和左边导航栏的文字字体相差有点大，

然后我决定把中间那部分内容区重新再做一遍，使这个页面更加完善，把顶部栏跟导航栏重新排一遍，作为原型图。