Ant Design设计 提交文案

作者：王旭东 时间2019年5月17日
首先看一下我做的后台网站：

统一画板
为了尽可能减少沟通与理解的成本，有必要在组织内部统一设计板的尺寸。蚂蚁中台设计团队统一的画板尺寸为1440。
适配
在设计过程中，设计师还需要建立适配的概念，根据具体情况判断系统是否需要进行适配，以及那些区块需要考虑动态布局在 1280的显示设备。
一：左右布局的适配方案
常被用于左右布局的设计方案中，常见的做法是将左边的导航栏固定，对右边的工作区域进行动态缩放。
二：上下布局的适配方案
常被用于上下布局的设计方案中，做法是对两边留白区域进行最小值的定义，当留白区域到达限定值之后再对中间的主内容区域进行动态缩放。
网格单位
Ant Desijgn 通过网格体系来实现视觉体系的秩序。网格的基数为8，不仅符合偶数的思路同时能够匹配多数的显示设备。通过建立网格的思考方式，还能帮助设计者快速实现布局空间决策同时也能简化，设计到开发的沟通耗损。
关于栅格
Ant Desijgn采用24栅格体系。以上下布局的结构为例，对内容区域进行24栅格的划分设置，我们为页面中栅格的Gutter设定了定值，即浏览器在一定范围扩大或缩小，栅格的Golumn 宽度会随之扩大或者缩小，但Gutter的宽度值固定不变。
常用模度
蚂蚁中后台涵盖了大量的不同类型和量级的产品，为了帮助不同设计能力的设计能力的设计者们在界局上的一致性和韵律感，统一设计到开发的布局语言，减少还原耗损，Ant Desijgn 提出了UI模度的概念。在大量的实践中，我们提取了一组可以用于UI布局空间决策的数组，他们都保持了8倍数的原则，具备动态的韵律感。经过验证，可以在一定程度上帮助我们更快的实现布局上的设计决策。
这些都是在Ant Design中有提到的，这些我觉得我都有一定的缺项，我觉得我还要多学习一下Ant Design设计中的很多学习观点，
这些都是我在Ant Design设计中所看到的 并且我还把他给抄下来了目的就是为了更好的记住这些东西
下来我要说的是：足不出户，（覆盖层 嵌入层 虚拟页面 流程处理 ）
足不出户
能在这个页面解决的问题，就不要去其他页面解决，因为任何页面刷新和跳转都会引起变化盲视（Change Blindness）。导致用户心流（Flow） 被打断。频繁的页面刷新和跳转，就想在看戏时，演员说完一行台词就安排一次谢幕一样。
变化盲视 （Change Blindness）：指视场景中的某些变化并未被观察这注意到的心理现象。产生这种现象的原因包括场景中的障碍物，眼球运动，地点的变化，或者是缺乏注意力等。-- 摘自 《*》
心流（Flow）：也有别名以化境（Zone）表示，亦有人翻译为神池状态，定义是一个将个人精神力完全**在某种活动上的感觉；心流产生时间时会有高度的兴奋及充实感。–摘自 《*》
覆盖层
二次确认覆盖层；避免滥用Modal进行二次确认，应该勇敢的让用户去尝试，给用户机会【撤销】即可
嵌入层
列表嵌入层；在列表中，显示某条列表项的详情信息，保持上下文不中断。
虚拟页面
在交互过程中，【覆盖层】可以在当前页面上方显示附加内容和交互链接；【嵌入层】可以在页面内部实现同样效果；而【虚拟页面】不局限机械时代的【页面】，可以利用信息时代的特点构建一种新型【页面】。
流程处理
长期以来，Wed实现流程的方式就是把每个步骤放在一个单独的页面上。虽然这种做法是分解问题最简单的方式，但并不是最佳解决方案。对于某些【流程处理】而言，让用户始终待在同一个页面上则更有必要。渐进式展现；基于用户的操作/ 某种特定规则，渐进式展现不同的操作选项。
这些就是在Ant Desijgn设计中挑选出来，（我不懂的），就比如我自己做的作业 ，还有很多需要改进的地方，所有我应该好好去学习一下Ant Desijgn设计方案。我其实有很多作业都有欠缺的地方，我刚开始连颜色都不知道选什么的，到自己给自己找问题，其实这是我们最后的一次作业，我感觉老师已经给了我们很多时间去做这个作业了（改版），我觉得应该好好珍惜这段好时光。