第一課-B端設(shè)計規(guī)范基礎(chǔ)認(rèn)識和流程解析

1、當(dāng)前成熟的開源框架規(guī)范

開源框架無法滿足真實項目的需求，任何項目都要搭建屬于自己的規(guī)范

2、規(guī)范的內(nèi)容（熟讀第三方開源框架Ant、arco和tdesign）

全局規(guī)范、視覺規(guī)范、組件規(guī)范

1. 全局規(guī)范：設(shè)計原則、全局框架、頁面布局、Z軸高度
2. 視覺規(guī)范：色彩、字體、圖標(biāo)、動效、樣式
3. 組件規(guī)范：

• 基礎(chǔ)控件（單一的交互元素）
• 基礎(chǔ)組件（常用復(fù)合操作）
• 復(fù)雜組件（項目獨有、邏輯更復(fù)雜的交互模塊）

3、B設(shè)計規(guī)范搭建流程：

1. 風(fēng)格定稿：在確定風(fēng)格的基礎(chǔ)上建立
2. 前期準(zhǔn)備：分析應(yīng)用場景，確定規(guī)范范圍
3. 內(nèi)容整理：整理并完成放置和說明
4. 內(nèi)容評審
5. 更新維護：有效方式，可長期維護

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

第二課-設(shè)計規(guī)范前期分析

背景分析和結(jié)構(gòu)制定

1、背景分析：

時間節(jié)點？是否用第三方框架？應(yīng)用場景？輸出形式？ 應(yīng)用已完成項目中的規(guī)范

2、結(jié)構(gòu)制定

設(shè)計規(guī)范框架制定（思維導(dǎo)圖）

3、項目中的設(shè)計原則