原來我不會建 Guideline - Part1
來說說一個我一直以為我會,但其實不會的東西:建置 Design Guideline
現在反省起來大概是當初太貪心,不理解要真正要去施作的範圍、效果,最後才會不知道怎麼繼續下去最後無疾而終😭
當初所得到建置 Guideline的目標&效益大致上叫做:「我今天要一個dialog,不用進sketch,單用鉛筆畫畫,RD就知道怎麼開發了。 」
這聽起來要定義很多東西:
字級、間距、排法、按鈕、dialog寬高、元件的用法(讓大家都知道怎麼用)
於是有了首圖那樣的東西,或其實我們早有Style Guideline那種東西(讚嘆L大)
詢問了公司 E大和 S大 創建 Icon / guideline 的方法,這次真能創建 guideline了嗎!?
Icon
- 創建 artboard 24x24 px
- 在 24x24 px裡定義圓形、正方形、長方形的範圍
- 定義筆畫 2 px
- 使用 scale 去拉伸 symbo l大小 0.5x、1x、1.5x、1.75,這樣筆畫數字會比較漂亮
Font
- 如果文字會有多行,需定義行高(web是 x 倍、app是固定數值)
- 如果是在按鈕內的文字則文字使用一倍行高
- style 需制定靠左、靠右、置中三種style
留言
張貼留言