Advertisement
  1. Web Design
  2. Sketch

使用"符号"和"共享样式"更快地进行草图设计

by
Read Time:2 minsLanguages:

Chinese (Simplified) (中文(简体)) translation by Lavzchen (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

在本教程中,将教你如何在在草图设计中使用到这两个重要的设计特性。 我们会将把注意力集中到:"符号"和"共享样式"。

草绘符号

"Symbols"允许你进行复用。 对于"Symbols"的修改需要在所有引用的地方更新。

开始创建一个"Symbol",单击"Create Symbol"按钮:

关于有效使用"Symbol"有两个重要的提示。 首先,请确保您的"Symbol"不能复杂。 首先看一下顶部“Symbol”:

这里你能看到的背景、 状态栏,标题标签和图标,都在顶部栏的“Symbol”的子文件夹中:

进度栏因为在每个屏幕中都会发生变化,不会包含在“Symbol”中。

接下来确认每一个文字层的“Exclude Text Value from Symols”选项是否为选中状态。 这样进行复用时可以分别对文字进行编辑。

Sketch Shared Styles

“Shared Styles”可以看作“Symbls”的延展特性。 它对于统一修改多个元素、symbols 和对象非常有用。 我们再次看一下顶部栏和进度栏。 这里你可以看到我已经修改了进度栏的背景,但是看起来和顶部栏的背景不协调。

为了避免一个个地修改进度栏的背景,你可以设置一个“Shared Style”。 这里我们可以使用我之前准备的“header-bg”样式,当顶部背景选中时点击“Create New Shared Style”创建。

然后对每一个相同的层进行应用。 现在当你编辑的进度栏背景,将修改“shared style”的所有元素的背景:

结论

通过运用这两个特性,在设计你下一个应用时将会节省很多时间。

感谢您的阅读,有疑问可以在下面进行提问。

关注我们的公众号
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.