產(chǎn)品經(jīng)理-Sketch進(jìn)階教程的Symbol使用說(shuō)明書(shū)

SketchSymbol明書(shū)〔Macbook〕的交互設(shè)計(jì)師選用，提高自己的審美力量，裝配更有逼格的作品。自從Sketch3SymbolSketchPrincipleSketch的核心功能——Symbol實(shí)根底的Sketch網(wǎng)上關(guān)于Symbol題，列舉如下：所以，想用借此文章整理一下，目標(biāo)是：讓大家嫻熟把握Symbol用法，具體運(yùn)用到工程投資當(dāng)中去，提高交互設(shè)計(jì)效率。SymbolSymbol用，在SymbolAxureAxure的功能類似，但是它上如的應(yīng)用某種程度上為比Axure的母版更便利。Symbol留意上面所說(shuō)的Symbol到全部頁(yè)面。產(chǎn)品中局部元素常常會(huì)重復(fù)消滅在多個(gè)頁(yè)面局部中，例如菜單、搜尋框、登錄頭像等，出我們可以提取出來(lái)將其創(chuàng)立為Symbol，并應(yīng)用到以下兩種常見(jiàn)場(chǎng)景當(dāng)中去。1：交互設(shè)計(jì)需要制作多個(gè)頁(yè)面，每個(gè)網(wǎng)址都也要用到一樣的控件，例如一樣的菜單。傳統(tǒng)處理方式：復(fù)制粘貼，效率低SymbolSymbolSymbol，再在每個(gè)頁(yè)面復(fù)用Symbol。2：頁(yè)面某個(gè)控件樣式有變化，牽涉多個(gè)頁(yè)面的改動(dòng)，例如菜單底色轉(zhuǎn)折。傳統(tǒng)處理方式：每個(gè)網(wǎng)頁(yè)修改一遍，改到吐血?！舱鎸?shí)工程經(jīng)受：由于一個(gè)菜單變化，使用PS100部調(diào)整一遍〕SymbolSymbol下，假設(shè)Axure3：供給一份最的完整的視覺(jué)設(shè)計(jì)標(biāo)準(zhǔn)傳統(tǒng)處理方式：先制作頁(yè)面后，再?gòu)捻?yè)面中提取標(biāo)準(zhǔn)文句，形成標(biāo)準(zhǔn)文檔，假設(shè)頁(yè)面有了的標(biāo)準(zhǔn)，則要過(guò)來(lái)更到設(shè)計(jì)標(biāo)準(zhǔn)中去，最終的結(jié)果往往是更不不斷更準(zhǔn)時(shí)。SymbolSymbolSymbol=維護(hù)標(biāo)準(zhǔn)文檔，還能同步更全部頁(yè)面。以一個(gè)資料卡為例，具體介紹在SketchSymbol，體驗(yàn)Symbol創(chuàng)立一個(gè)Symbol我們首先以最小單位來(lái)創(chuàng)立一個(gè)Symbol，例如頭像，先在畫(huà)布上畫(huà)好頭像，然后右鍵點(diǎn)擊圖案，選擇CreateSymbol，在自動(dòng)播放的框中輸入Symbol需要留意的是：Symbol假設(shè)你在符號(hào)名中參加了斜杠“/”，Sketch志，分組能便利地復(fù)用Symbol〔后面詳述〕，且符號(hào)符號(hào)始終可依據(jù)字母挨次排列，而不是創(chuàng)立時(shí)間，便利維護(hù)Symbol。為了便利講解，第一個(gè)Symbol/Q“頭像”組，其他Symbol根底SymbolSymbol復(fù)用一個(gè)Symbol如下圖，把創(chuàng)立好的SymbolSymbol有讀者看到這里估量已經(jīng)忍不住了：這有個(gè)卵用，跟復(fù)制粘貼還不是一個(gè)鳥(niǎo)樣，別急，見(jiàn)證奇跡的時(shí)刻馬上到了。假設(shè)要將Q卡海外版化成美女版資料卡，還用上面的方式組合一遍？假設(shè)只替換頭像/背景呢？這個(gè)時(shí)候，我們要用到但此所提及的Symbol右鍵選中頭像后，依次選中“ReplaceWith”→“頭像”→“美女“/”標(biāo)準(zhǔn)命名后，Symbol分好組了，更便利進(jìn)展復(fù)用替換操作。維護(hù)Symbol在頁(yè)面雙擊任意Symbol，或者點(diǎn)擊s下方的Symbols，可以進(jìn)入SymbolsSymbol在復(fù)用的頁(yè)面用。隨著Sketch3941Symbol得更加強(qiáng)大了，還是用此類的資料卡例子，來(lái)看看怎么實(shí)現(xiàn)資料卡的整體替換，局部替換。制作嵌套Symbol把制作好的資料卡需要進(jìn)展組合不好選取〔GroupSlection〕，里面包括多個(gè)Symbol，如下圖。組合完成后，針對(duì)資料卡Group，生成一個(gè)Symbol，命名為資料卡/Q復(fù)用嵌套Symbol嵌套SymbolSymbol接替換整塊資料卡即可。其次種方式才是嵌套Symbol套SymbolOverrides，里面包括多個(gè)下拉選項(xiàng)，這些選項(xiàng)實(shí)際上是由某類Symbol其他單個(gè)Symbol。如下圖，在右側(cè)切換頭像后，嵌套Symbo