【经验】B端后台产品UI设计——表单
希望在日后的工作和学习中，通过实践来不断完善自己对B端后台产品的理解。
Forms（表单）：
1、 表单多由一条或多条列表项组成，单一列表项的类型有字段输入框、条件选择器。
2、 字段输入框的标题和输入框分布方式包括左右、上下、无标题。左右分布是常见的对齐方式，比较适合PC端的使用；上下分布增加了表单的整体高度，视情况选择使用；无标题经常应用在登录注册，虽然减少了面积，但是增加了理解难度。
3、 输入框的交互状态包括默认、输入结果、提示错误、禁用、获取焦点。
4、 输入框的尺寸可按照8的倍数进行设定，比如24px、32px，也可根据系统实际情况进行设定，我常用的输入框高度为30px，宽度视情况而定，无圆角。上下布局的多个输入框上下间距为20px，有错误提示时候竖向增加10px或横向显示在输入框右侧（预留出位置）。
5、 表单中标题文字左对齐，输入框左对齐，标题文字距离输入框20px（多个长度不同的输入框算最长的）；标题文字右对齐，输入框左对齐，也是常用的方式。输入框内正文字体14px，文字和左右两边边框的边距10px。
6、选择器包括单选、多选、时间选择、开关切换、下拉选择、滑块选择、旋钮等。单选框多为圆形，复选框多为方形。
7、搜索框和选择框的高度为30px或按照8的倍数自行设定，通常和输入框保持一致。搜索框距离右侧按钮4px，内部文字14px。
8、单选多选框尺寸16*16px，多个选项横向排列间距16px，纵向排列间距8px。
9、开关按钮外框40*20px，内部圆形16*16px。
总结
每一个设计规范都是有灵魂的，规范是为了更好的做设计，而不是限制设计师双手的枷锁。
设计规范也不是一成不变的，他在落地使用的时候多少都会有问题，需要慢慢的去反复检验规范的合理性，发现不合理的及时更正。
