PaintCode 用户操作指南(符号篇),完结

0 评论 11292 浏览 4 收藏 6 分钟

8.1 使用符号(Using Symbols

使用符号,设计师能够轻松的在 PaintCode 文档中重复使用组建,这十分有用。

例如,设计师能够在一个画布上设计按钮,然后将其重复利用在其他的画布中。设计师随时调整源头画布中的符号,其他画布中的元素将会自动同步调整。

使用符号(Using Symbols

使用符号非常容易。首先,在画布中绘制一些东西,例如图标、用户界面控制组件,或者其他设计师在文档中想重复使用的东西。

然后,选择另外一个画布,并在顶部的工具栏中点击 符号(Symbol) 工具。然后一个带着 可选的符号/画布 的上下文菜单就会出现。

paint02

paint03

 

选择设计师想使用的符号。然后,在画布中任意位置点击放置符号。

paint04

符号行为与其他图形类似,比如矩形和椭圆形。设计师能够移动、调整大小,变换,等等。

通过使用符号检查器中的弹出按钮,设计师能够调整与画布链接的特定符号。在下面的途中,符号与 Chat Icon 画布相连:

paint05

符号是动态的(Symbols are dynamic

设计师能够调整原油画布,即使设计师创建了一个符号并使用它。在一个画布中调整符号,其他与该符号相连的符号会自动同步调整。

调整符号参数与大小(Parametric & resizable symbols

PaintCode 对 Mac 设备上的应用设计中的符号有最好的支持。为什么?因为能够调整 PaintCode中符号的大小和参数。

如果在画布中使用框架,设计师就能把这个画布当作符号使用,并且能够调整符号的大小和指定参数。

此外,在符号画布中使用的所有变量,都可以在符号检查器中编辑它们的参数。

设计师可以,例如,创建一个按钮,它基于一个单独的 按下(Pressed)变量进行变化。当设计师基于这个画布创建了符号,一个标记为 按下(Pressed)的复选框将会出现在符号检查器中。

paint06

如果设计师配置颜色,渐变,阴影以及图片表现为参数,这些也将会变味可编辑参数,在符号检查器中出现。这是一个非常强大的特点。设计师能够,例如,创建一个图标,然后作为符号多次使用,每次为图标指定不同的颜色。

paint07

最后,符号能够被嵌套,因此设计师能够在符号中使用符号。

不把画布视为符号(Disallow using canvas as a symbol

默认情况下,文档中所有的画布都能够当作符号重复使用,这意味着它们都会出现在符号工具菜单中。

paint08

如果设计师不想这么使用,选择画布标题选择画布,然后在右边的检查器中将 允许把画布作为符号重复使用(Allow canvas to be reused as a Symbol)复选框取消,就可以了。

paint09

代码生成考虑(Code generation considerations

符号对应的方法在生成代码中调用。

在嵌套符号中是不能使用文本的,符号使用带有与 Y 轴不一致翻转的画布。

PaintCode 用户操作指南系列文章

PaintCode 用户操作指南(概述篇)

PaintCode 用户操作指南(库篇)

PaintCode 用户操作指南(绘制篇)

PaintCode 用户操作指南(画布和选项卡)

PaintCode 用户操作指南(样式表和代码生成)

PaintCode 用户操作指南(变量篇)

PaintCode 用户操作指南(动态图形篇)

PaintCode 用户操作指南(符号篇)

文章已经完结,敬请期待下一部《Sketch 3用户操作指南及实战案例全解》

 

本作品由人人都是产品经理特邀专栏作家@郑几块 翻译并独家授权发布,未经许可禁止转载

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 目前还没评论,等你发挥!