页面设计原则

1. 尼尔森十大可用性原则 10大交互设计原则，大厂都在用！ - 知乎
2. 7+-2法则：几乎所有设计师都在用的7±2法则到底是什么？ - 优设网 - 学设计上优设
3. 交互设计入门指南（一）：尼尔森十大可用性设计原则 - 优设网 - 学设计上优设
4. 用超多案例，帮你掌握尼尔森十大设计原则（下） - 优设网 - 学设计上优设
5. 设计师必读！尼尔森十大设计原则在B端设计中的应用 - 优设网 - 学设计上优设

*原则

• 操作按钮始终在用户视线内，方便用户可以及时操作。
• 尽量简化多余的操作步骤。
• 让用户知道当前任务的进度情况。
• 防止用户犯错，给与提示以及二次确认。
• 让用户的操作可操控，可以撤回且拥有反馈。
• 及时给与用户帮助，使用户可以更加快速的了解系统。

台账筛选

• 保证筛选项在表格中存在对应的表格项进行验证。
• 在关键筛选项中增加收藏按钮，已保存对于关注选项的记忆功能(新功能)。
• 重置功能为重置筛选参数并且刷新列表。

台账表格

• 给表格固定高度，已保证用户可以始终看到表头项。
• 表格的关键信息列左固定，操作列右固定。
• 表格排序方式(金钱，数字右对齐。非固定长度内容左对齐。固定长度内容居中对齐)。
• 表头内容尽量不要换行，超长内容可以两行展示，不要出现三行或者更多。
• 表格内容如果有描述较长字段，做省略号，鼠标浮上去显示全部效果。
• 表格的导出都要支持动态列导出(用户可筛选出想要的列进行导出)。
• 对于相同信息需要进行合并表格。
• 表格的删除功能需要二次确认效果。
• 表格需要loading效果。
• 表格的日期格式为: /

弹框以及抽屉的操作按钮

• 底部固定居右展示。无icon。
• 重要功能提交，增加二次提醒功能。
• 操作按钮请求接口，增加按钮loading效果。
• 操作成功，失败增加提示。

表单

• 表单规则设置，防止用户不清楚规则。
• 表单提交按钮设置防止重复点击问题，增加按钮loading。
• 一些敏感操作设置二级确认弹框。
• 对于一些特定字段做帮助说明。
• 保存草稿功能，方便用户中途离开。

帮助文档

• 弹框形式展示。

• 视频形式展示。

• 文档预览下载模式展示。

• 一些新的模块上线，用户操作较复杂需要提供帮助文档(总流程文档，模块文档)。

• 对于产品的操作性功能或者操作必须注意到的问题，需要进行提示说明。

• 对于一些使用颜色标记或者图标标记的需要增加提示信息。

记忆功能(易取易用)

• 对于用户的一些日常操作，比如搜索记录。增加记忆功能。方便用户进行操作。
• 对于菜单项，增加收藏功能。方便用户打开自己关注的功能菜单。
• 功能模块，针对用户经常操作的供应商进行默认赋值操作。记录用户操作。
• 自动生成模板代码，比如对于供应商申诉理由，可以给一个固定的文字模板。方便用户组织语言，也方便sqe审核。

功能分块以及ui界面统一

• 使用panel-card组件作为详情页的区块分割标记。
• tab下考虑使用标题组件进行区分。

ui美观度

• *：统一
• 间距
• 对齐
• 紧密
• 区块分割