UI设计学习—如何提升页面还原度

1.建立一致的设计规范和组件库。

建立B端设计构件库和设计规范，使用范围不应仅限于设计团队，整个团队尤其是前端工程师和设计师的设计规范和构件库应保持一致，实现从设计稿到在线页面输出的统一设计语言，从根本上提高设计质量和减量化。然而，统一前端设计规范和组件库并不容易。需要综合考虑产品开发阶段、前端团队开发团队的工作习惯、设计的历史原因等因素。基于笔者的工作实践，设计师可以从以下几个方面来提高与前端团队的一致性。

(1)设计组件的选择

收到设计需求后，设计师首先需要与前端工程师和产品经理确认和考虑以下问题:

是否有统一的设计组件库，如果没有，是否需要建立这个版本；

当前产品的设计组件库是什么，组件库是否能覆盖当前产品的大部分需求；如果答案是肯定的，建议继续使用目前的设计组件库；

当前版本是否需要替换设计组件库，如果需要，替换哪个组件库。

(2)设计构件库的更新机制。

b端产品业务复杂，大部分第三方设计组件库无法覆盖所有设计需求，设计师仍需创建符合产品需求的设计组件；此外，设计师会根据产品需求对现有的第三方组件库进行微调；设计师对设计组件库的修改和更新也需要团队成员，尤其是设计师和前端工程师的审核和批准，以保持前端工程师和设计师的组件一致。

(3)设计者在使用组件时保持克制。

设计师需要充分考虑产品的可用性和用户的学习成本，在组件的使用上要有所克制。组件的使用需要定义明确的规则和范围。如果只是因为好看而使用不同风格的设计组件，那么开发团队的学习成本会大大增加，导致团队成员在使用组件时的困惑和迷茫。

(4)设计规范

制定设计规范的目的是统一设计内部和与前端工程师的设计规范，提高团队的合作效率。前端工程师根据设计规范建立通用组件库，提高了前端组件的复用率，降低了设计与前端的对接成本，提高了工作效率。测试工程师根据设计规范建立稳定一致的测试用例，以提高测试效率。因此，在设计规范的制定和更新过程中，需要与开发和测试充分沟通和配合，形成团队稳定一致的规范文档，从根本上提高合作效率，高效完成接口开发和验收。