B端表单设计先确定完成业务所必需的信息，再按填写顺序分组，选择合适的输入控件，并给出明确的必填提示与提交反馈。不要为了简洁删除关键字段，也不必把所有内容都挤进一屏。以“创建供应商”为例，用户应能依次完成基础资料、联系人和结算条件；即使提交失败，已填写的信息也应保留。
先把正常、漏填和保存失败三种状态放到同一份设计稿中，更容易检查流程是否连贯。Pixso 的 UI 设计与协作功能可以用来整理表单页面和控件，让产品、设计与开发围绕具体字段讨论。
1. 少即是多：减少不必要的收集，不是删掉说明
大部分 UI 设计都会遵循少即是多的设计理念，通过减少不必要的设计元素，增强界面的可读性。B端表单也不例外，但减少字段与缩短字段文案是两件事：前者要确认业务是否真的需要这项信息，后者不能省略会影响理解的单位、范围或用途。
创建供应商时，名称和联系人可能是建立记录的必要条件；纳税信息可以在申请结算时再补。如果业务允许先建档，就不要让暂时没有银行资料的用户卡在第一步。反过来，付款账号承担真实业务责任，不能只为缩短表单而删除。
把字段清单逐项标记为“现在必需”“满足条件时必需”“可稍后补充”，并写出使用者和用途。没人能说明用途的字段，才是优先讨论是否删除的对象。标签“账号”容易含糊，写成“收款账号”反而更省理解时间。字段用途和条件仍有分歧时，先写进UI设计需求文档的业务规则与待决问题，交由对应负责人确认，再决定页面如何呈现。
下方Arco Design Pro 表单资源将创建过程分成步骤，并把当前阶段需要填写的内容集中展示。可以借鉴这种组织方式，但不能仅凭界面简洁就认定业务字段已经足够。
2. 优先保持清晰的填写顺序，再决定单栏或多栏
单栏表单能够将内容按逻辑顺序串起来，适合连续填写和窄屏阅读。多栏并非一定更差：确实需要并排对照的短字段可以放在同一行，但用户不应猜测填完左侧后是向下还是向右继续。
供应商表单可以分为“基础资料”“联系人”“结算条件”三个区域。公司名称较长，单独占一行；联系人姓名与电话关系紧密，可在宽屏并排、窄屏上下排列。地址不要为了整齐压成很窄的输入框，备注也不必与一行日期字段强行等高。
提交后的列表同样需要与表单对应。下方后台管理设计资源中的客户列表把姓名、邮箱等信息按列组织；设计供应商列表时，也应挑选能帮助辨认记录的字段，而不是将整个表单的所有值平铺出来。
3. 减少重复输入，让预填内容有来源、能纠正
让用户使用起来更简单方便，是表单设计的重要目标。减少输入可以依靠已有资料预填、合理默认值、格式提示和联动选择，而不是一味限制用户能输入的字数。
例如当前员工所在部门可以预填，但要允许有权限的用户更改；根据已选供应商带入联系人时，应能看出这是系统已有资料。结算方式涉及责任，不宜用隐蔽的默认值替用户决定。没有可靠数据时，留空并提示填写比猜一个答案更好。
自动格式化主要改善显示，不应悄悄改变含义。电话号码里的国家代码、账号中的前导零都可能有效；金额需要清楚标出币种，日期需要说明采用什么格式。格式错误要说清如何改，例如“请输入包含区号的联系电话”，而不是只显示“输入不合法”。
Arco Design Pro 的后续步骤包含选择项、开关和多行输入。它提示我们：不同数据不必都用普通文本框，控件应与用户要表达的信息相匹配。
4. 明确必填、可选与条件必填
必填标记必须有明确含义。可以在表单开头说明标记规则，再在对应标签旁展示；不能只靠红色区分。字段有可选与必填两类时，使用一致的标注方式，别让用户靠尝试提交来发现规则。
供应商选择“银行转账”时，开户行和收款账号才成为必填；改选其他结算方式后，页面应同步调整要求。隐藏的字段不应继续阻挡提交。若切换会清除已经填写的资料，需要在操作时说明，而不是让用户返回后才发现内容丢失。
标签要一直可见。输入框中的示例可以帮助理解格式，但输入后就消失的占位文字不能代替字段名称。W3C 的表单标签指南也强调，让控件有清楚的名称，并在实现中将标签与控件关联。
5. 单选按钮与下拉框按选择任务使用
单选按钮适合让用户直接看见并比较一组互斥选项；下拉选择更节省空间，较长的选项列表还可能需要搜索。不能把“单选一定比下拉快”当成所有表单的规则。
- 结算方式：当只有几种需要理解差异的方式时，可直接展开单选项，并在必要处补简短说明。
- 所属地区或负责人：候选项较多时，使用可搜索选择器；搜索无结果时解释如何继续。
- 可提供的服务：允许同时选择多项就使用多选，不要伪装成只能选一项的单选控件。
单选控件负责选择一个值，“保存”“下一步”则是执行操作的按钮，二者不要混淆。用户更改选项后，也不应在没有说明的情况下立即提交整张表单。
6. 从首次填写检查到保存失败后的恢复
在 Pixso 中把同一供应商表单复制为不同状态，用原型说明正常提交、遗漏必填项和网络失败后的路径。设计评审时请同事按“新建供应商并选择银行转账”完成任务，观察是否能理解字段、找到错误并继续操作；这比只看空白表单更容易暴露问题。
- 缺少收款账号：在对应字段旁说明问题，长表单还要能引导用户定位，其他已填内容保持不变。
- 保存过程中：按钮给出明确进行中反馈，避免重复提交；不要先显示成功再等待服务器结果。
- 保存失败：说明本次未完成并提供重试，保留输入；若服务端结果未知，先查记录状态，避免重复创建。
- 保存成功：给出供应商名称和下一步入口，例如查看详情或返回列表，让用户知道创建的是哪条记录。
表单的清晰不仅体现在字段少、界面整齐，更在于用户知道每一步为什么需要填写，以及遇到问题后怎样继续。可从当前最常用的一张业务表单开始，分别检查字段必要性、输入顺序和错误恢复，再用Pixso整理表单状态与共享组件。
