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