上次在「玩轉 Sketch 系列文章一:進入一個全新的時代」已經(jīng)向大家介紹了 Sketch 這款設計師的新寵,接下來的系列專題將帶大家繼續(xù)探索 Sketch 的入門、技巧到精通。
這一期為大家介紹的是 Sketch 中的符號和共享式樣。設計師童鞋們都知道,在每一次設計工作中,會有大量重復出現(xiàn)的基本元素,可能是一個固定的按鈕樣式,可能是特定的字體顏色和大小。如果這樣固定的標準能成為一種通用的符號,每次需要使用時都可以重復引用,并且可能一次修改、全部應用,會大大提高設計效率和設計的規(guī)范程度。Sketch 就為大家?guī)砹诉@樣的特性,你可以將某些特定的樣式和文字保存為一種「符號 Symbol」或「共享式樣 Shared Style」,方便重復利用。
Sketch里的「符號 Symbol」是什么?
在 Sketch 中,你可以為每個單獨的文件創(chuàng)建許多「符號」。需要注意的是,在不同文件之間,符號并不是共享的,這意味著,你可以在每份設計文件中,創(chuàng)建一個單獨的頁面用來存放需要的符號。如下圖所示,符號最基本的單位其實是一個「組 Group」,區(qū)別在于,它是用紫色文件夾標記的。
你可以復制任意多份符號,用于一份設計文件中的不同地方。并且,針對任何一處的修改,會同步到所有該符號出現(xiàn)的地方。
如何創(chuàng)建并使用「符號」?
創(chuàng)建符號非常簡單,但必須在一個「組 Group」的基礎上,你才能創(chuàng)建符號,這意味著,如果你要創(chuàng)建的符號元素還沒有組,你需要先選中后使用「Command + G」將其轉換為一個組,然后就可以右鍵這個組,或在菜單欄中選擇 Layer,從而「Create Symbol」。如前文所述,一個組一旦被創(chuàng)建成為一個符號,就會由藍色文件夾變?yōu)樽仙募A標記。
使用已經(jīng)創(chuàng)建好的符號時,只需要點擊「插入 – 符號」,這里會顯示所有符號的縮略圖。
另外,由于不同設計文件間的符號并不是共享的,在創(chuàng)建完一份完整的符號文檔后,你可以點擊「File – Save as Template」將其存儲為「符號模板」,方便以后在不同設計文件中的調(diào)用。
將文字排除在符號之外
設計中,我們還會經(jīng)常遇到的一個問題:按鈕的樣式我們希望處處一樣,但按鈕上的文字,在不同場景和頁面時卻不盡相同。而之前我們說了,符號的任何改動,都會立即同步到所有該符號出現(xiàn)的地方,那有沒有辦法,可以讓每處符號中的文字不一樣呢?顯然,Sketch 考慮到了這樣的常用情況,你可以使用「將文本排除在符號之外」的選項來實現(xiàn)這一目標。
具體來說,你可以選中符號中的文本,在右側的屬性欄中,可以看到有一個選項叫「Exclude Text Value from Symbol」,你只需要打上勾,這樣同一個符號就可以擁有不同的文字了。當然,符號之間文字的內(nèi)容不同,但文字的字體、大小、顏色等屬性值還是會保持同步。
文本共享式樣和圖層共享式樣
除了符號之外,Sketch 還有文本共享式樣和圖層共享式樣。實際使用中,這兩者和符號是非常接近的,區(qū)別在于,符號是基于組的,而文本共享式樣和圖層共享式樣,顧名思議,是在某個文字或圖形的基礎上創(chuàng)建的。它們的創(chuàng)建、使用、同步邏輯基本是一致的,但在實際使用中,像文本共享式樣,一份設計稿中可能會有不同的文字規(guī)范,將其單獨區(qū)分開來,也有助于提升工作效率。
下一篇文章將為大家?guī)?Sketch 中各類圖形形狀的使用技巧和實用竅門,敬請期待!
啟程
下一篇,為啥我在你的主頁找不到。
2017-03-23 17:52
阿Nel
下一篇(敲碗)
2015-04-17 12:26
文祥
下一篇呢?
2014-12-23 18:14