2024整理后台管理系统 黑白模式详细UI规范制定

如果贵司只有一个设计，还要管多条产品线，后台管理系统也需要设计，不能光套若依框架也要设计好

看，人力不够，页面数太多，那UI规范就在必备的路上了。

在设计前期，UI规范只能先进行雏形的制作，既全局规范和通用规范中文字规范的制定；在设计中期先

挑选出样式复用率较高的页面，在设计中去考虑详细组件的多种状态和可能性，陆续完善通用规范和详

细的组件规范，而不是一上来就能提供完善详细的UI规范。

详细规范总共就分为三大模块：全局规范、通用规范、组件规范

：包含主色、中性色、辅助色等搭配；

包含文字及图形（各种类型图标和缺省图）；

制作规范前应当清晰自己的组件规范的分类框架，可以做个xmind帮自己梳理一下，目前大

厂各类成熟组件分类都大同小异，如Ant design、Tdesign、Element等，可以在此分类基础上对组件

库进行扩充和自定义，我参考了目前成熟大厂组件结构大框架得出以下分类：包含

以下我附上我根据业务场景制定的一整套完整的UI规范的目录列表，大家也可以根据自己不同的业务场

景尝试制定自己整套UI规范体系。

不知不觉已经说了那么多废话🤣，原本只是想上几张图，想想还是写下我制作完整UI规范的过程和方

法分享给大家，上述文本仅代表个人观点，欢迎指正～