PaintCode 用戶操作指南(符號篇),完結(jié)

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