玩转 Sketch 系列文章二:符号和共享式样(转载)

上次在「玩转 Sketch 系列文章一:进入一个全新的时代」已经向大家介绍了 Sketch 这款设计师的新宠,接下来的系列专题将带大家继续探索 Sketch 的入门、技巧到精通。

这一期为大家介绍的是 Sketch 中的符号和共享式样。设计师童鞋们都知道,在每一次设计工作中,会有大量重复出现的基本元素,可能是一个固定的按钮样式,可能是特定的字体颜色和大小。如果这样固定的标准能成为一种通用的符号,每次需要使用时都可以重复引用,并且可能一次修改、全部应用,会大大提高设计效率和设计的规范程度。Sketch 就为大家带来了这样的特性,你可以将某些特定的样式和文字保存为一种「符号 Symbol」或「共享式样 Shared Style」,方便重复利用。

Sketch里的「符号 Symbol」是什么?

在 Sketch 中,你可以为每个单独的文件创建许多「符号」。需要注意的是,在不同文件之间,符号并不是共享的,这意味着,你可以在每份设计文件中,创建一个单独的页面用来存放需要的符号。如下图所示,符号最基本的单位其实是一个「组 Group」,区别在于,它是用紫色文件夹标记的。

你可以复制任意多份符号,用于一份设计文件中的不同地方。并且,针对任何一处的修改,会同步到所有该符号出现的地方。

如何创建并使用「符号」?

创建符号非常简单,但必须在一个「组 Group」的基础上,你才能创建符号,这意味着,如果你要创建的符号元素还没有组,你需要先选中后使用「Command + G」将其转换为一个组,然后就可以右键这个组,或在菜单栏中选择 Layer,从而「Create Symbol」。如前文所述,一个组一旦被创建成为一个符号,就会由蓝色文件夹变为紫色文件夹标记。

使用已经创建好的符号时,只需要点击「插入 – 符号」,这里会显示所有符号的缩略图。

另外,由于不同设计文件间的符号并不是共享的,在创建完一份完整的符号文档后,你可以点击「File – Save as Template」将其存储为「符号模板」,方便以后在不同设计文件中的调用。

将文字排除在符号之外

设计中,我们还会经常遇到的一个问题:按钮的样式我们希望处处一样,但按钮上的文字,在不同场景和页面时却不尽相同。而之前我们说了,符号的任何改动,都会立即同步到所有该符号出现的地方,那有没有办法,可以让每处符号中的文字不一样呢?显然,Sketch 考虑到了这样的常用情况,你可以使用「将文本排除在符号之外」的选项来实现这一目标。

具体来说,你可以选中符号中的文本,在右侧的属性栏中,可以看到有一个选项叫「Exclude Text Value from Symbol」,你只需要打上勾,这样同一个符号就可以拥有不同的文字了。当然,符号之间文字的内容不同,但文字的字体、大小、颜色等属性值还是会保持同步。

文本共享式样和图层共享式样

除了符号之外,Sketch 还有文本共享式样和图层共享式样。实际使用中,这两者和符号是非常接近的,区别在于,符号是基于组的,而文本共享式样和图层共享式样,顾名思议,是在某个文字或图形的基础上创建的。它们的创建、使用、同步逻辑基本是一致的,但在实际使用中,像文本共享式样,一份设计稿中可能会有不同的文字规范,将其单独区分开来,也有助于提升工作效率。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352

推荐阅读更多精彩内容

  • 本书讲了什么 Sketch3基本操作介绍。 作者什么来头 郑成云,社会化媒体营销实践者,专注网络社交领域。从业6年...
    少穻阅读 2,404评论 0 1
  • 注:本文全部内容摘录整理自《Sketch 中文手册》,感谢 Sketch 中文网 以及网站作者 匡雪婷。 1. 基...
    陈加新阅读 3,702评论 0 21
  • Sketch作为一个为UI设计而生的工具,全矢量、轻量级、像素级精准,非常适合做移动端应用类的界面设计和简单的扁平...
    Luna不停阅读 15,934评论 13 96
  • 我终于来到了A城。 我提着两个大大的行李箱,额头上被烈日灼烧出厚重的汗水,阳光刺得我的双眼无法睁开,我暂时在树荫下...
    菲儿菲阅读 189评论 0 0
  • 我以为我听到你呼喊我的名字我以为我看到你在外边哭泣我以为我想到你会在想我
    陌小晨阅读 260评论 1 2