看上去復雜的規范,其實都可以抽離出同一套編寫思路,不管你寫的是哪一類規范(比如組件規范、動效規范、Banner 視覺規范等 )都可以嘗試分為以下幾個步驟:
1. 定義通用原則
2. 定義事件特點
3. 定義特殊場景
4. 其它內容補充
一、定義通用原則
通用原則會為你的使用者提供評價內容設計好壞、質量高低的衡量標準,定義整體設計的大方向,也會幫助使用者決策,判斷什么該做、什么不該做。
案例:
以編寫「Banner 的設計風格」規范為例,規范中的某兩條內容如下:
– 契合語義:Banner 中的元素需要與文字語義契合,并對重點內容做強化和引導;
– 樣式簡潔:以不過于吸引視線為標準,形狀不可過于復雜,面積不要過大,符合 XXXX 行業的風格特征。
經驗:
1. 通常總結出關鍵的 2-5 條即可,內容在精不在多;語言精練,易記、易理解很重要。
2. 這些原則是最基礎、通用的判斷標準,在編寫的過程中要結合實際情況,使之具備真實有效的指導性。
3. 形式要從簡。寫規范不是為了彰顯設計價值,而是為了統一和更正他人的設計行為,因此形式要追隨功能,侃侃而談和花里胡哨的排版都要慎用,切忌舍本逐末。
二、定義事件特點
接下來你需要對所要規范的事件本身進行描述,包括事件的特征、狀態、使用方式等細節。這就需要你對于事件本身進行有邏輯的拆解和分類,你可以按照設計流程或者組成事件的框架結構來進行描述。
案例:
以編寫「Banner 的設計風格」規范為例,你可以按照 Banner 的設計產出流程,從 Banner 的構成框架、圖案樣式、文案規范、色彩規范、輸出文件格式等方面,對其進行詳細描述,這些內容就是你對于設計產出的基礎要求和限制。
經驗:
1. 通常來說你不需要從 0-1 來定義這部分內容,而是可以借鑒現有行業中已被廣泛認可的設計原理和法則(比如視覺原則就有:視差規律、情感化設計、費茲定律等等),來為你的規范做理論背書,再結合實際產品 / 行業特點來編寫規范。
2. 規范顆粒度沒有限制,描述越細致,規范就越嚴格。規范定義得太寬松會起不到效果,太嚴格則會產生限制、不宜遵守,因此要適度。
3. 對于一些比較難理解的規范內容,可以給出一些正確 / 錯誤實例,也直接給出一些切實可用的實操模版,輔助使用者進行理解或操作。如下方 Material Design 在描述 icon 設計規范時給出的實例:
三、定義特殊場景
以上的通用規范和定義可以涵蓋 80% 左右的設計情況。但在具體業務中難免會出現特殊或極端情況,預判并定義這些特殊場景的使用方式也很重要。你可以把特殊場景理解為「邊界場景」,相當于找到事件位于臨界點時的處理方法。
案例:
還是以編寫「Banner 的設計風格」規范為例,對于文案規范這部分內容,當業務一定要修改現在的文字排版和布局;或者給出的文字內容很長且無法縮減;再或者要翻譯成多國語言等,對這類情況提前做好預判,給出合理的解決方案。
經驗:
1. 對于特殊場景,你可以給你自己設定一條邏輯線,有順序地思考。
2. 更可行的方法是收集實際工作中其他設計師在設計過程中遇到的各種特殊情況,進行匯總整理。
3. 特殊場景的規范不需要一步到位,隨時發現,隨時補充。
四、其他內容補充
你還可以補充以下內容,讓你的規范更完整:
– 應用此規范的最佳實踐案例;
– 對于其他相關部門的同事,想要獲取相關知識,如何快速閱讀關鍵內容;
– 設立簡易的反饋和答疑方式,收取使用者的反饋,以便優化規范;
– 規范的更新時間和更新內容紀要,保留完整的記錄和歸檔。
規范的編寫過程不會是一帆風順的,不要急于求成,可以步步為營,逐漸優化。
另外,并不是說規范文檔編寫好就萬事俱備了,更重要的是要提供給規范使用者閱讀的便利性,包括:如何更快地閱讀文檔、在更新文檔之后如何同步等等。關于編寫好規范如何落地和推廣應用,你可以查看文章:如何讓「設計規范」被有效執行和落地? 。
原文鏈接:長弓小子(公眾號)
作者:元堯
轉載請注明:學UI網》工作經驗|如何編寫「設計規范」?這套思路一學就會!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司