关于设计规范

目的

首先，为更好的保证软件产品界面视觉质量及其一致性，并确保产品在后期的升级、迭代过程中维持统一的视觉标准，提升用户体验。

其次，沉淀设计规范及组件设计资产，避免重复造轮子，保证设计质量的前提下，减少设计成本，提高测试效率。

同时通过明确规范，也可以降低不同设计师、开发工程师、测试工程师之间的沟通成本，提高协同工作效率。

本文档阅读者及阅读建议

通过该规范文档，可以查阅通用组件规格和样式（包含且不限于：色彩、字体、按钮、分割线、通用图标等），正确套用组件规格和样式，可以保证产品最终视觉效果的同时，也可以进一步减轻开发工作负荷。

UI设计师通过优化以往界面、日常设计总结等方式，收集可通用的设计元素，形成设计组件集合，利用该组件集合归纳和编写设计规范，形成设计源文件。源文件将通过转发和在线文件形式，方便其他设计师和开发查阅文件内容。

参考该规范进行UI测试用例设计及用户验收测试。

本规范适用于公司研发体系和产品体系PC端产品的UI设计，自本规范实施之日起，以后新的UI设计或者UI调整均应执行本规范。

本规范主要关注UI元素设计，包括以下几个方面：

信息输入，主要定义了信息输入的各种控件使用场景及规格，包括常规输入框、列表、单复选框等。

信息展示，主要定义了信息展示的各种形式，包括TAB、表格、分页等。

本规范针对各种UI元素的规范分为必须遵守和可自定义两个等级，具体要求如下：

UI设计规范里面标识必须遵守的规范，即对特定的控件及其部分规格进行严格的要求，该规格不可随意修改，测试工程师将按照该控件规范进行UI层面的验收测试。

若实施过程出现和规范不一致且无法按照规范执行的情况，可提交软件部UI设计团队进行评审。

可根据界面整体设计进行自定义。

品牌特征是设计规范诞生的基础。 维宏品牌的产品特征，包含设计逻辑、视觉元素、操作流程等，都是与众不同且宝贵的重要资产。不盲目跟随市场而动，设计规范的总结和发展将始终在维宏产品整体特性下进行。

简洁的设计帮助效率的提升。 少即是多(less is more)，将用尽可能少的样式和元素来实现设计目标，保持克制的设计规范，可以进一步减少设计师的决策时间，提高产出效率。

一致的设计可以避免用户重复学习。 样式规范、操作流程等，呈现高度一致，这样统一的设计标准，能让用户对产品和品牌产生信赖感，同时降低用户反复学习的成本。比如，实现同样目标的控件，在适应不同场景需求的同时要保证一致性；

最大化使用已有的资源，避免重复造轮子。 不同的产品，类似的功能，需优先激活复用思路。当现有设计不能满足时，也立足于现有设计的基础上优化。复用既能节约成本，也是维护“一致”原则的利器。

准确的设计每个操作，提供友好的界面。 持续维护设计规范资源库、通用界面的完整性，从而支撑界面内操作流程的统一、简洁、准确。保证界面对用户始终友好，简单易用。

使用小优化撬动大价值。 设计规范保持基础元素的通用、完整、易用，保证其在各类界面中居均能发挥作用，做到低成本的使用设计基础零件，也能迅速提升产品的界面品质。

不断总结自身，持续参考市场。 自身产品长期延续的经典设计和操作，可以在不断总结与优化过程中持续保留，同时也必须持续关注市场上其他优秀产品的解决方案。在开放的环境下，使设计质量持续螺旋上升。

如果在使用过程中有任何的建议和意见，欢迎积极反馈。也可以直接提交到github资源库。链接：https://github.com/weihong-phoenix/UI_DesignRules/tree/main/doc/UI%E8%AE%BE%E8%AE%A1%E8%A7%84%E8%8C%83