玩轉(zhuǎn) Sketch 系列文章二:符號(hào)和共享式樣

Sketch 3

上次在「玩轉(zhuǎn) Sketch 系列文章一:進(jìn)入一個(gè)全新的時(shí)代」已經(jīng)向大家介紹了 Sketch 這款設(shè)計(jì)師的新寵,接下來(lái)的系列專題將帶大家繼續(xù)探索 Sketch 的入門、技巧到精通。

這一期為大家介紹的是 Sketch 中的符號(hào)和共享式樣。設(shè)計(jì)師童鞋們都知道,在每一次設(shè)計(jì)工作中,會(huì)有大量重復(fù)出現(xiàn)的基本元素,可能是一個(gè)固定的按鈕樣式,可能是特定的字體顏色和大小。如果這樣固定的標(biāo)準(zhǔn)能成為一種通用的符號(hào),每次需要使用時(shí)都可以重復(fù)引用,并且可能一次修改、全部應(yīng)用,會(huì)大大提高設(shè)計(jì)效率和設(shè)計(jì)的規(guī)范程度。Sketch 就為大家?guī)?lái)了這樣的特性,你可以將某些特定的樣式和文字保存為一種「符號(hào) Symbol」或「共享式樣 Shared Style」,方便重復(fù)利用。

Sketch里的「符號(hào) Symbol」是什么?

在 Sketch 中,你可以為每個(gè)單獨(dú)的文件創(chuàng)建許多「符號(hào)」。需要注意的是,在不同文件之間,符號(hào)并不是共享的,這意味著,你可以在每份設(shè)計(jì)文件中,創(chuàng)建一個(gè)單獨(dú)的頁(yè)面用來(lái)存放需要的符號(hào)。如下圖所示,符號(hào)最基本的單位其實(shí)是一個(gè)「組 Group」,區(qū)別在于,它是用紫色文件夾標(biāo)記的。

你可以復(fù)制任意多份符號(hào),用于一份設(shè)計(jì)文件中的不同地方。并且,針對(duì)任何一處的修改,會(huì)同步到所有該符號(hào)出現(xiàn)的地方。

如何創(chuàng)建并使用「符號(hào)」?

創(chuàng)建符號(hào)非常簡(jiǎn)單,但必須在一個(gè)「組 Group」的基礎(chǔ)上,你才能創(chuàng)建符號(hào),這意味著,如果你要?jiǎng)?chuàng)建的符號(hào)元素還沒(méi)有組,你需要先選中后使用「Command + G」將其轉(zhuǎn)換為一個(gè)組,然后就可以右鍵這個(gè)組,或在菜單欄中選擇 Layer,從而「Create Symbol」。如前文所述,一個(gè)組一旦被創(chuàng)建成為一個(gè)符號(hào),就會(huì)由藍(lán)色文件夾變?yōu)樽仙募A標(biāo)記。

使用已經(jīng)創(chuàng)建好的符號(hào)時(shí),只需要點(diǎn)擊「插入 – 符號(hào)」,這里會(huì)顯示所有符號(hào)的縮略圖。

 

另外,由于不同設(shè)計(jì)文件間的符號(hào)并不是共享的,在創(chuàng)建完一份完整的符號(hào)文檔后,你可以點(diǎn)擊「File – Save as Template」將其存儲(chǔ)為「符號(hào)模板」,方便以后在不同設(shè)計(jì)文件中的調(diào)用。

將文字排除在符號(hào)之外

設(shè)計(jì)中,我們還會(huì)經(jīng)常遇到的一個(gè)問(wèn)題:按鈕的樣式我們希望處處一樣,但按鈕上的文字,在不同場(chǎng)景和頁(yè)面時(shí)卻不盡相同。而之前我們說(shuō)了,符號(hào)的任何改動(dòng),都會(huì)立即同步到所有該符號(hào)出現(xiàn)的地方,那有沒(méi)有辦法,可以讓每處符號(hào)中的文字不一樣呢?顯然,Sketch 考慮到了這樣的常用情況,你可以使用「將文本排除在符號(hào)之外」的選項(xiàng)來(lái)實(shí)現(xiàn)這一目標(biāo)。

具體來(lái)說(shuō),你可以選中符號(hào)中的文本,在右側(cè)的屬性欄中,可以看到有一個(gè)選項(xiàng)叫「Exclude Text Value from Symbol」,你只需要打上勾,這樣同一個(gè)符號(hào)就可以擁有不同的文字了。當(dāng)然,符號(hào)之間文字的內(nèi)容不同,但文字的字體、大小、顏色等屬性值還是會(huì)保持同步。

文本共享式樣和圖層共享式樣

除了符號(hào)之外,Sketch 還有文本共享式樣和圖層共享式樣。實(shí)際使用中,這兩者和符號(hào)是非常接近的,區(qū)別在于,符號(hào)是基于組的,而文本共享式樣和圖層共享式樣,顧名思議,是在某個(gè)文字或圖形的基礎(chǔ)上創(chuàng)建的。它們的創(chuàng)建、使用、同步邏輯基本是一致的,但在實(shí)際使用中,像文本共享式樣,一份設(shè)計(jì)稿中可能會(huì)有不同的文字規(guī)范,將其單獨(dú)區(qū)分開(kāi)來(lái),也有助于提升工作效率。

下一篇文章將為大家?guī)?lái) Sketch 中各類圖形形狀的使用技巧和實(shí)用竅門,敬請(qǐng)期待!

Sketch 3
評(píng)論 3 條
  • 啟程

    下一篇,為啥我在你的主頁(yè)找不到。

    2017-03-23 17:52 回復(fù)

  • 阿Nel

    下一篇(敲碗)

    2015-04-17 12:26 回復(fù)

  • 文祥

    下一篇呢?

    2014-12-23 18:14 回復(fù)