1.目的

整理产品设计通用规范。在产品设计的过程中不断补充完善，实现平台的统一性，提升团队工作效率。

2.通用规范

2.1规范内容

默认值、值、控件、提示信息、排序、数据操作、加载/失败/空页面（待补充）

2.2设计规则

2.2.1默认值

在产品设计过程中，默认值设计的好，不仅可以引导用户更好地完成任务；也可以节省时间、提高效率，用户获得更好地体验。

1. 同意××协议

在用户注册时，通常下方都会有“同意XX协议”的选项，设置为默认选中。

如果用户没有选中这个选项，就不能完成注册的任务。既然用户使用产品并注册，就代表同意该协议，那默认选中，减少了操作，用户获得更好地体验。

2. 默认选项

对于有多种选择的情况，默认选中用户经常使用的内容，例如全选、当前日期等，同样减少用户操作。

2.2.2值

这里的值涉及到字符的长度和数值的大小。像输入框之类的文本需要关注字符的长度；像年龄等之类的数值需要关注数值的大小；还有空值的情况。

1. 字符长度

像手机号、身份证号这些有固定长度的值，在设计中须设定字符长度，手机号为11位，身份证号为18位等。

2. 空值

用户在登录时，如果输入了账号，没输入密码，便出现了空值。出现空值后最好的反馈效果是，“登录”按钮不可点击。

再比如必填项未填，需要系统自动定位到空值，并友好提示“××为必填项”。

2.2.3控件

控件主要包括按钮、文字、图片和链接等，状态主要分为可点击和不可点击。可点击的状态又分为点击前、点击时和点击后3种状态。

1. 按钮

按钮包括按钮的颜色，文字，点击区域。颜色和文字与已有的视觉设计保持一致，点击范围在不影响正常使用的情况下保持最大，包括按钮的文字及周围区域。

2. 链接

文本链接使用蓝色样式，表示链接点击可跳转，点击范围是文字本身。

 2.2.4提示信息

1. 信息说明提示

用户填写提交信息时，每个输入框，选择项均需要给出提示信息。该提示信息可放在输入框内或者尾部，如密码需要多少位，输入框提示用户输入什么内容等。

2. 操作提示（警告）

对话框反馈：是需要用户再次确认操作。比如删除或取消预约等。如果需要强调，可以不使用取消，确认的文字，直接提示动作的名称，如删除，支付等。

3. 错误提示

当用户输入内容不符合规则时，给出提示。如数值不符合规定，必填项未填写等。

4.结果反馈提示

 主要以文字气泡的形式展示，通知用户的操作结果，不需要用户再做其他操作。比如，发送成功，修改成功等。

2.2.5排序

主要用于多条数据内容。

对日期有准确要求的数据，可按照日期排序。

如果数据中某一项指标有特殊意义，可按该项指标把数据分类，每一类数据再依次排序。

2.2.6数据操作

1.显示数据：主要用于表格。

原则上每页显示10-15条数据，实际显示条数按设计排列效果而定。

某列中长度不定的内容，固定显示宽度，超出内容用“…”显示。光标停留时，在浮动层显示详细内容。

2.选中数据

勾选全选则选中当页所有记录。

 去掉当页某个记录的勾选，则全选也去掉勾选。

3.查询数据

除去明确要求不需要外，所有查询须提供模糊查询功能。

4.删除数据

如果当前删除的数据与其他数据有关联，须提示不允许删除或不能删除的原因等信息。

2.2.7加载/失败/空页面

当数据加载较慢，或网络状况不佳时，要有加载提示告诉用户“数据正在加载中……”。

当页面没有数据、加载失败或出错时，要有提示文案图标告诉用户“页面加载失败/暂无数据/页面出错”。