Blog 199/365：【學新知】Adobe XD 小試身手 II - 製作設計規範
🤔為什麼要寫這篇小記？
前幾週使用Adobe XD製作出第一版的UI設計後，這一週練習製作設計規範。
設計規範是什麼呢？簡單來說就是將一張設計稿的元素(element)獨立成一個個元件(componet)，例如Button(按鈕)、Footer(頁尾)、Card(卡片)，並且記錄在另一份檔案中。除了元件之外，設計規範也包含了色彩(Color)、標題大小(Display title, h1 ~ h4元素)...等。
製作設計規範是一個有點讓人抓狂的過程，因為要把元素拆得愈小愈好、愈詳細愈好。打個比喻，設計規範就像是在定義樂高的小拼塊，整份設計稿就是用這些定義好的拼塊組合而成的一個作品。
🤔延伸想法
在製作設計規範的時候讓我不盡納悶，設計師有設計規範，工程師寫Code也有寫Code的規範，但PM寫規格倒是都沒有一定的規範 (也沒有看到類似的書籍在說這件事情)，真是一件神奇的事情。
於是我問了自己一個問題，製作規範的意義是什麼？答案也很簡單，就是「穩定製作出同質性高，品質穩定的成品」。
想透了這個道理，那麼只要「重複性高」、「需要大規模生產」的事情似乎都有製作規範的價值，例如為自己的筆記設計一套整理規範、Trello管理卡片的規則、PRD的撰寫...等。
要如何開始進行設計呢？
設計管道可以分為兩種，
- 第一種：從大量成品提煉
- 第二種：先定義規範，在製作成品
第二種方式可能需要大量的經驗累積才能夠辦到，對於大多數的人可能不太管用。因此我們能夠先嘗試第一種，將自己過往的成品整理出一些規律，製作成一份規範(例如製作PPT的規範、筆記分類的規範...等)，慢慢的產出同質性高、品質穩定的成品。
