B端UI设计规范搭建，从认识到完成全流程分享【酸梅干超人原子核系列】

第一课-B端设计规范基础认识和流程解析

1、当前成熟的开源框架规范

开源框架无法满足真实项目的需求，任何项目都要搭建属于自己的规范

2、规范的内容（熟读第三方开源框架Ant、arco和tdesign）

全局规范、视觉规范、组件规范

1. 全局规范：设计原则、全局框架、页面布局、Z轴高度
2. 视觉规范：色彩、字体、图标、动效、样式
3. 组件规范：

• 基础控件（单一的交互元素）
• 基础组件（常用复合操作）
• 复杂组件（项目独有、逻辑更复杂的交互模块）

3、B设计规范搭建流程：

1. 风格定稿：在确定风格的基础上建立
2. 前期准备：分析应用场景，确定规范范围
3. 内容整理：整理并完成放置和说明
4. 内容评审
5. 更新维护：有效方式，可长期维护

------------------------------------------------------

第二课-设计规范前期分析

背景分析和结构制定

1、背景分析：

时间节点？是否用第三方框架？应用场景？输出形式？ 应用已完成项目中的规范

2、结构制定

设计规范框架制定（思维导图）

3、项目中的设计原则