复杂表单设计

设计思路：降低用户负荷

1. 视觉负荷：
   在屏幕上识别和寻找信息；信息获取越轻松负荷越低。
2. 认知负荷：
   减少用户思考，甚至不用让用户思考，成为大脑潜意识认知的决策。
3. 动作负荷：
   减少交互可以降低动作负荷。
4. 心理负荷：
   有隐私、健康、财务、安全等。

能更好的的阅读和理解比少一步简单操作更重要。

设计技巧：

1. 降低视觉、认知负荷
   a. 信息录入先简单后复杂，先熟悉后陌生
   b. 先放必填基础信息，后放选填自定义信息
   c. 有前后逻辑关系视情况分布展示
   d. 信息能单列展示就不用多列(多列适用于字段之间关联性高的场景)

2. 降低动作负荷
   a. 能给默认值就不让用户选
   b. 能让用户选就不让用户输
   c. 平铺单选优于下拉单选
   d. 输入时能智能联想就联想
   e. 能即时校验的就早校验纠错

3. 技巧总结：
   a. 占位提示避免代替表单标签（可参考以下处理方式）
   

   b. 校验反馈及时并准确(错误输入域红边提醒)
   c. 限制与格式提醒(使用占位提示提醒格式)
   d. 校验时机(失焦校验好过于实时校验)
   e. 字段长度与输入预期应成正比(整齐划一不如错落有致)

表单结构：

1. 常规结构
2. 显隐结构
3. 树状结构
4. 分步表单
5. 分组表单（Tab展示）

元素布局：

1. 根据古腾堡法则，界面中的关键元素放在主视区，终点区可以放按钮、强提示，盲点区可以用来放一些相对次要的内容，如辅助图形、文字信息。
   同理，表单中会出现组合按钮，如取消和确认，诉求重要的按钮应放置在右边，颜色加深。
   
2. 设置字段宽度梯度
   参考antd 4.0： XS（80~160px）、S （160~280）、M（280~360px）、L （360px~480px）、XL （480~560px）