后台网页的总结

下面是我做的一个后台网页。关于蚂蚁设计的规则就在上面讲解。看看有什么不足。

先从原则说起，1.从原则中的亲密性概况:如果信息之间的关联性越高，它们之间距离就应该越近，也越像一个视觉单元；反之，则它们距离就应该越远，也越像多个视觉单元，亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。
从板块与板块，字与字来看，距离越近，则关联性就越高。
2.相同的板块和板块里的字体，理当都是左对齐的。也有右对齐的；只要从整体看对齐就可以了。
3.对比从上面的板块来看，对比最鲜明的就是4个矩形图和下面的2个图表。数据之间的一个对比。
4.重复的话，由于把内容不一样，重复只有小部分的重复。
5.左边的蓝色板块我觉得下面缺了点什么，但我又想不出来，多放些什么内容。
在这个后台的视觉色彩方面，整体没什么颜色的大变化， 但是白色的部分还是较多了一些，特别是最上方白色区域。还有日历仔细看较大了一些。
从布局来看，画板是1366*768的尺寸，网格单位和栅格系统什么的都没有准确的运用，只是用参考线进行了一个间距之间的布局和排布。应该也达到了对齐和对比的一

些作业。就是没都准确的按照画板的尺寸，去进行一个板块间距和字体间距的一个准确调整。

这个位置应该修改一部分，觉得太单调了。视觉单独看这部分的话，觉得右边有些空缺，加点什么进去，比较好。而且从蚂蚁设计的视觉色彩来看，颜色有些欠缺。

从上面的这个部分看，这是一个导航板块，一个后台的内容的导航选择的地方，基本上里面的内容都是点击这些进去查看的，还有对应的icon给用户更好的一个视觉影响。从而，可以快速的选择进入想要的内容。
右边的加号符号这视觉上的一个对齐，也可以点击，变成减号。但没有给它设定什么作用什么的。按道理是应该点击弹出多选款什么的，但是为了简洁方便就没想那么多了。下面空缺的部分，一时不知道该改些什么。

这个部分是整个页面颜色面积分部最丰富的地方，看起来视觉搭配还可以，就是觉得最右边的日历面积大了些，5个矩形里面的内容也不是差距很大。但在蚂蚁设计的标准看来，还是差了很多。

上面是2个图表，不算很复杂，是一个简单的排行数据图表。表格里也是按文字在矩形的中间排布的，这样就看起来整个页面很协调，很区中。
这是根据蚂蚁设计的排版布局来排的。就像下面的蚂蚁设计的设计的价值观。

蚂蚁的企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂而且变动和并发频繁，常常需要设计和开发能够快速的作出响应。同时这类产品中存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。
随着商业化的趋势，越来越多的企业级产品对用户的更好的体验有了进一步的要求，带着这样的一个终极目标，蚂蚁金服体验技术部经过大量的实践和总结，逐步打磨出一个服务于企业级的设计体系Ant Design。基于确定和自然的设计价值观，通过模块化的解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。
关于蚂蚁设计有4大部分的体系：原则、视觉、模式、可视化，而原则也有很多：亲密性、对齐、对比、重复、直截了当、足不出户、简化交互、提供邀请、巧用过渡、即时反应。视觉有色彩、布局、字体、图标。模式：概览、文案、导航、数据录用和展示及反馈。可视化就只有动效和其他。

根据这些来做的后台网页。虽然不是最好，但是可以做的更好