回頭望向窗外，夜深如夢腐缤，對面樓棟的燈光星星點點捌归；而今已是秋天，在這夜里岭粤，蟲聲歸于寂寥惜索，落葉與風(fēng)聲驟起。（模仿 C7210 的抒情開頭）
悄悄聲明下剃浇，以下主要從概念和認(rèn)知架構(gòu)維度對 Design Systems 進行陳述巾兆，實操部分請關(guān)注【Beforweb】公眾號///?
一、Design Systems?概念上不難理解虎囚，其主要應(yīng)用于數(shù)字化產(chǎn)品設(shè)計中一系列具有內(nèi)在關(guān)聯(lián)角塑、組織有序的設(shè)計模式與實踐方法。（這里參考 C譯版的描述）
所以Design Systems?主要由?「設(shè)計模式」和「實踐方法」兩部分組成淘讥。本書也是圍繞設(shè)計模式展開圃伶，詳細(xì)描述如何「體系化」構(gòu)建不同的設(shè)計模式，并圍繞設(shè)計模式提出構(gòu)建模式庫的實際方法與案例。
Design Systems圍繞核心目標(biāo)展開窒朋，主要通過特定的設(shè)計模式提供狀態(tài)反饋搀罢，向用戶呈現(xiàn)任務(wù)步驟，操作選項侥猩，以及用戶與產(chǎn)品榔至，用戶與用戶之間的彼此互動。這里有一個關(guān)鍵的字眼——「目標(biāo)」（我理解為產(chǎn)品早期制定的欺劳，清晰并有實操性的目標(biāo)愿景）
此處參考TED的設(shè)計目標(biāo)：「追求持久適用唧取，而非盲從前沿」——（我理解為一款產(chǎn)品的設(shè)計不在于設(shè)計是否一定符合當(dāng)下趨勢，功能是否強大冗雜杰标，而在于是否從整體到細(xì)節(jié)都是圍繞產(chǎn)品目標(biāo)展開兵怯，如：TED 的標(biāo)題圖設(shè)計模式可以容納較長的標(biāo)題，這里提現(xiàn)了“信息清晰性優(yōu)先”的設(shè)計原則腔剂。
還有個問題寫在前面媒区，DS最主要的意義在于：制定設(shè)計原則，統(tǒng)一設(shè)計語言掸犬。
里面有個細(xì)節(jié)很有啟發(fā)：
Design Systems不僅僅為設(shè)計團隊所獨有袜漩，更需要與工程師，產(chǎn)品湾碎，內(nèi)容宙攻，運營市場，管理甚至用戶統(tǒng)一設(shè)計語言介褥，很有啟發(fā)的一點是「跟用戶統(tǒng)一設(shè)計語言」座掘，（我理解為系統(tǒng)模型若有悖于用戶的心智模型，那用戶將對其產(chǎn)生困擾）柔滔。如果設(shè)計語言從用戶角度出發(fā)溢陪，比如，banner 對于設(shè)計從業(yè)者都不陌生睛廊，可是用戶眼中只不過是頁面頭部宣傳推廣的內(nèi)容卡片形真，那我們站在用戶的角度，在控件的命名上改為“內(nèi)容推廣模板”超全，反而更擴展了控件的外延咆霜，同時也有利于設(shè)計師站在用戶角度考慮設(shè)計。當(dāng)然好的命名方式意味著高度聚焦嘶朱，易于記憶蛾坯，并能體現(xiàn)設(shè)計模式的目標(biāo)用途，必須令設(shè)計師明白其所指疏遏，進而意圖明確地進行使用偿衰。
另外還有個擴展思考：蘋果有一個專門的布道團隊挂疆，主要在各個角色之間搭建橋梁，統(tǒng)一設(shè)計目標(biāo)下翎，原則和語言，跨團隊视事，跨平臺協(xié)作胆萧，“像傳教士一樣，讓大家都相信上帝”俐东。國內(nèi)似乎還沒有見過這種組織形式跌穗。
關(guān)于Design Systems?的功能性與感知性設(shè)計模式，我覺得可以從三個方面去理解：
1.?「功能性設(shè)計模式主要是指產(chǎn)品界面的實體化組成要素」虏辫，目的在于幫助用戶完成特定的操作行為蚌吸；「感知性設(shè)計模式主要植根于產(chǎn)品核心品牌層面，大致包括話術(shù)氣質(zhì)砌庄、字體羹唠、配色、圖片與圖形風(fēng)格娄昆、空間與布局佩微、特定的形狀、交互感知萌焰、動效哺眯、音效，以及所有對這些要素進行組合運用的特定方法」扒俯；（我理解為功能性與感知性設(shè)計模式相輔相成奶卓，但是目標(biāo)仍然是高度統(tǒng)一的，這樣對于用戶來講撼玄，產(chǎn)品的人格就不會割裂夺姑，用戶就不會困惑。）
2. 功能性設(shè)計模式是界面行為邏輯的具象化提現(xiàn)互纯。其所承載的產(chǎn)品目標(biāo)及關(guān)鍵行為要相對穩(wěn)定瑟幕，并確保設(shè)計模式在邏輯層面符合產(chǎn)品目標(biāo)磕蒲。感知性模式有助于品牌特質(zhì)的體現(xiàn)：通過意圖明確的反復(fù)使用留潦，這些元素逐漸構(gòu)成了界面感知性設(shè)計模式，從而使用戶將這些元素與特定品牌關(guān)聯(lián)起來辣往。（我理解從“行為”角度理解設(shè)計模式——“用來做什么”兔院，而不是“是什么”，這樣有助于拓展該設(shè)計模式的用途站削，另一方面更精準(zhǔn)的進行定義和分類坊萝。）
3. 需要關(guān)注關(guān)鍵行為或氛圍的營造。（如對遍歷產(chǎn)品所有頁面，尋求若干個關(guān)鍵動作或場景十偶，對這些關(guān)鍵點進行分析菩鲜，功能上是否符合行為和用戶情境，感知上是否突出品牌形象）
這里涉及到具體實操性的指導(dǎo)惦积，如果感興趣可以翻閱（第七-第十章）
關(guān)于?Design Systems?的特質(zhì)參量即“適口性”接校。
特質(zhì)參量可以理解為，不同的設(shè)計團隊適合什么樣的設(shè)計體系——參考下圖
（同一個設(shè)計團隊的不同階段狮崩，可能特質(zhì)參量也有所變化）蛛勉，這個取決于團隊文化，產(chǎn)品目標(biāo)甚至是領(lǐng)導(dǎo)性格（有的設(shè)計總監(jiān)無論巨細(xì)一手抓睦柴，有能力诽凌，但一定很累。坦敌。）
實踐規(guī)則（嚴(yán)格侣诵、松散）
構(gòu)造方式（模塊化、整合化）
管理機制（集中式恬试、分布式）
總體來說窝趣，設(shè)計體系能夠幫助我們從宏觀角度出發(fā)，深入到具體實踐训柴；但基于數(shù)字化產(chǎn)品的設(shè)計體系仍然算比較新的門類哑舒，可以在書中發(fā)現(xiàn)，作者是基于建筑設(shè)計學(xué)科提出的設(shè)計模式概念幻馁，推延至數(shù)字化產(chǎn)品洗鸵。
設(shè)計體系的構(gòu)建，也主要是為了更加體系化仗嗦，高效化完成設(shè)計目標(biāo)膘滨，但仍然有其不足和巨大的發(fā)展空間，我認(rèn)為設(shè)計體系幫助數(shù)字化產(chǎn)品更好的服務(wù)用戶稀拐，但并沒有涉及到線上線下體驗的閉環(huán)火邓，即衍生而來的服務(wù)設(shè)計體系，這也一定是未來設(shè)計體系發(fā)展的必然方向德撬。
我們對自己負(fù)有責(zé)任铲咨，對所有使用我們產(chǎn)品的用戶負(fù)有責(zé)任，我們需要對設(shè)計模式的價值與作用保持長久的思考與驗證蜓洪，同時也要對我們自己的設(shè)計目標(biāo)與意圖保持清醒纤勒。
