Bee Express 表单方案（上）

前言

不管是APP还是Web端界面设计，我们最常见的元素应该是表单，表单几乎是每个数字产品不可缺少的组成部分，也是设计师必须经历的设计组件之一，其作用是不可替代的。

本期分享

1、什么是表单？

二、Bee express项目表中存在的问题.

三、表单的组成结构和类型.

下期分享

四、信息输入方式.

五、信息保存方式.

六、视觉反馈.

七、操作按钮.

八、总结.

1、什么是表单？

在我们的现实生活中，我们从小就处理表格，从我们学习使用的作业本、学校篮球场的线条、班级中每个小组区域的划分；然后到地板和墙壁的屏障，超市里的货架，路上的斑马线...等。虽然这些潜在的表单没有明确的标记，但它们已经对我们形成了条件反射和深刻的记忆，告诉我们我们可以在哪个区域做什么？需要注意什么？以及行动后的结果反馈。

表单主要负责产品中的数据采集功能，用于收集和呈现一些数据、信息和特定字段。大多数涉及数据采集功能的模块都可以称为表单。范围非常广泛，应用涉及各个方面，可灵活应用于各种功能模块。

表单不是表格，而是最常见的页面模块， 如登录网站填写信息、购物填写地址、填写问卷、修改个人中心信息等……它们都在与表单互动。表单由多种元素组成，最常用的元素只有少数。在设计过程中，设计师需要合理组织这些元素，帮助用户轻松愉快地完成表单。

二、Bee express项目表中存在的问题.

Bee Express主要经营快递、快递柜业务，前期主要经营泰国市场，全部APP/网页的视觉语言分为中文、英文和泰文。然后我们设计的界面需要考虑中文、英文和泰文在表达相同信息时不同长度的比例，并为所有翻译保留足够的位置。

同时，我们也遇到了很多问题。在设计之前，我们主要是中文。组织视觉语言后，我们不能随时提供英文和泰文。即使我们提供它们，我们也会遇到一些尴尬的问题。现在我将重点关注表格，列出存在的问题。

△ 从上面的例子可以看出，在中文正常的情况下，在翻译英文/泰文时，会出现很多问题:

◆