PaintCode 用戶操作指南(符號篇),完結
8.1 使用符號(Using Symbols)
使用符號,設計師能夠輕松的在 PaintCode 文檔中重復使用組建,這十分有用。
例如,設計師能夠在一個畫布上設計按鈕,然后將其重復利用在其他的畫布中。設計師隨時調整源頭畫布中的符號,其他畫布中的元素將會自動同步調整。
使用符號(Using Symbols)
使用符號非常容易。首先,在畫布中繪制一些東西,例如圖標、用戶界面控制組件,或者其他設計師在文檔中想重復使用的東西。
然后,選擇另外一個畫布,并在頂部的工具欄中點擊 符號(Symbol) 工具。然后一個帶著 可選的符號/畫布 的上下文菜單就會出現。
選擇設計師想使用的符號。然后,在畫布中任意位置點擊放置符號。
符號行為與其他圖形類似,比如矩形和橢圓形。設計師能夠移動、調整大小,變換,等等。
通過使用符號檢查器中的彈出按鈕,設計師能夠調整與畫布鏈接的特定符號。在下面的途中,符號與 Chat Icon 畫布相連:
符號是動態的(Symbols are dynamic)
設計師能夠調整原油畫布,即使設計師創建了一個符號并使用它。在一個畫布中調整符號,其他與該符號相連的符號會自動同步調整。
調整符號參數與大?。?/strong>Parametric & resizable symbols)
PaintCode 對 Mac 設備上的應用設計中的符號有最好的支持。為什么?因為能夠調整 PaintCode中符號的大小和參數。
如果在畫布中使用框架,設計師就能把這個畫布當作符號使用,并且能夠調整符號的大小和指定參數。
此外,在符號畫布中使用的所有變量,都可以在符號檢查器中編輯它們的參數。
設計師可以,例如,創建一個按鈕,它基于一個單獨的 按下(Pressed)變量進行變化。當設計師基于這個畫布創建了符號,一個標記為 按下(Pressed)的復選框將會出現在符號檢查器中。
如果設計師配置顏色,漸變,陰影以及圖片表現為參數,這些也將會變味可編輯參數,在符號檢查器中出現。這是一個非常強大的特點。設計師能夠,例如,創建一個圖標,然后作為符號多次使用,每次為圖標指定不同的顏色。
最后,符號能夠被嵌套,因此設計師能夠在符號中使用符號。
不把畫布視為符號(Disallow using canvas as a symbol)
默認情況下,文檔中所有的畫布都能夠當作符號重復使用,這意味著它們都會出現在符號工具菜單中。
如果設計師不想這么使用,選擇畫布標題選擇畫布,然后在右邊的檢查器中將 允許把畫布作為符號重復使用(Allow canvas to be reused as a Symbol)復選框取消,就可以了。
代碼生成考慮(Code generation considerations)
符號對應的方法在生成代碼中調用。
在嵌套符號中是不能使用文本的,符號使用帶有與 Y 軸不一致翻轉的畫布。
PaintCode 用戶操作指南系列文章
文章已經完結,敬請期待下一部《Sketch 3用戶操作指南及實戰案例全解》
本作品由人人都是產品經理特邀專欄作家@鄭幾塊 翻譯并獨家授權發布,未經許可禁止轉載
- 目前還沒評論,等你發揮!