二、 表单设计的基本要素：从基础到深厚入

1. 标签：标签是表单中不可或缺的元素，它说明白了个个输入项的含义。简洁明了的标签，能够帮用户飞迅速搞懂表单内容。

2. 输入框：输入框是用户填写信息的场所， 设计时需考虑输入框的巨大细小、形状、边框等，以搞优良用户体验。

3. 按钮：按钮是用户提交表单的关键， 设计时需注意按钮的形状、颜色、巨大细小等，使其容易于识别和操作。

4. 提示：提示信息能够引导用户正确填写表单，如输入类型、格式要求等。

三、 表单布局：单列与许多列的较量

1. 单列布局：适用于内容较少许的表单，用户填写路径清晰，效率高大。

2. 许多列布局：适用于内容较许多的表单，能够节省垂直地方，但兴许弄得用户视觉路径变长远。

四、 表单对齐方式：左对齐、右对齐、顶对齐

1. 左对齐：容易于浏览标签，占用纵向地方较少许。

2. 右对齐：省地方，能够放置更许多的控件。

3. 顶对齐：眼动测试中移动速度最迅速，最有利于搞优良用户填写表单的效率。

五、 表单校验：实时与后端校验的较量

1. 实时校验：在用户输入过程中进行校验，能够及时反馈错误信息，搞优良用户体验。

2. 后端校验：在用户提交表单后进行校验，能够确保数据的平安性。

六、 表单页面框架：整页式、弹窗式、侧边栏式

1. 整页式：适用于绝巨大有些的表单，能支持构建麻烦的表单。

2. 弹窗式：适用于需要飞迅速编辑的场景，如设置密码、修改个人信息等。

3. 侧边栏式：适用于承载比弹窗更麻烦一些的表单内容，如添加优良友、设置支付方式等。

七、 表单设计案例琢磨：以网容易邮箱注册为例

网容易邮箱注册表单采用了单列布局、顶对齐标签、实时校验等设计，使得用户能够飞迅速、准确地填写表单。

八、 ：让表单设计成为用户的助手

表单设计是一项麻烦的任务，需要我们从用户需求出发，综合考虑各种因素。通过本文的讲解，相信巨大家对Web表单设计有了更深厚入的了解。让我们共同努力，打造出更加人性化的表单设计，让用户在填写表单的过程中感受到便捷与舒适。

欢迎关注兆日UCD团队微信公众号：兆日UCD