使用指南
样式
样式的概念
Pixso包含以下样式:
- 颜色样式:填充颜色、描边颜色
- 文本样式:字体、大小、行高、间距
- 效果样式:内阴影、外阴影、高斯模糊、背景模糊
- 布局网格样式:行、列、网格
每当您更改样式属性时,例如将文本样式的颜色从红色改为蓝色,Pixso 会将这些更改更新到使用该样式的任何对象。
创建样式
创建颜色样式
颜色样式可以应用于填充样式、描边样式和文字,您也可以为图像或渐变创建颜色样式。
创建颜色样式的步骤:
- 选择需要创建样式的对象。
- 在右侧属性面板中,单击您要保存的属性的样式图标。
- 点击颜色样式面板中的「+」图标以创建新样式。
- 为样式命名,然后单击 「创建样式」。
- 注意: 为渐变创建样式时,使用的颜色和渐变方向或角度都会保存到样式中。
创建文本样式
设计中,经常会遇到为不同的文本设置不同的属性,使用文本样式将会很大程度提高您的效率。您可以将 文本样式 应用于整个文本图层,或仅将其应用于图层中的部分文本。
创建文本样式的步骤与创建颜色样式相同:
- 选择已经设置好样式的文本。
- 在右侧属性面板的文本部分中,单击样式图标
- 点击文本样式 面板中的「+」图标 以创建新样式。
- 为样式命名,然后单击 创建样式。
注意:不能通过文本样式设置文本对齐方式,您需要单独设置每个文本块的对齐方式。
创建效果样式
您还可以为效果创建样式,例如阴影和模糊,保存这些设置以供将来快速使用,步骤如下:
- 选择作用对象。
- 如果所选对象没有效果样式,您需要为它添加效果样式
- 在右侧属性面板的效果部分中,单击图标
- 点击效果样式 面板中的「+」图标 以创建新样式。
- 为样式命名,然后单击 创建样式。
我们为不同的阴影样式设置了不同的图标,您可以快速识别样式的所属类型;
创建布局网格样式
您还可以为布局网格创建样式,步骤如下:
- 在画布中创建(或选择)一个画板。
- 在“属性”面板中,将布局网格添加到画板中。
- 设置您所需要的布局网格的属性。
- 在“属性”面板的“布局网格”部分中,单击图标。
- 点击面板中的「+」图标创建新样式。
- 为样式命名,然后单击 创建样式。
在图层上应用样式
将样式应用于对象
您可以使用本地样式中的任何样式,或使用发布到团队库的共享样式。
- 选择要应用样式的对象。
- 在属性面板中,单击您要更新的属性旁边的样式图标。
- 在样式菜单中,您将看到您的本地样式和通过团队资源库共享的任何样式。
样式面板的排序方式:
- 按团队名称字母顺序
- 按文件名字母顺序
- 单个样式按它们创建的顺序显示
- 搜索并选择要用于将其应用于所选对象的样式。
在样式之间切换
您可以在右侧边栏中的“属性”面板切换样式。
- 选择您要更新的对象。
- 在“属性”面板中,选择其他样式。
- 使用样式选择器搜索并应用新样式。
分离样式
当您从对象中分离样式时,该对象会保留其现有属性;
分离样式的步骤:
- 选择想要删除样式的对象。
- 在“属性”面板中,将鼠标悬停在相关样式上。
- 点击 脱离样式 图标。
- 之后您可以修改对象的样式,更改与样式无关。
样式共享到资源库
查看样式
本地样式是存在于当前文件中的样式,当未选择任何画布内容时,您可以在右侧面板中访问本地样式,也可以从样式选择器中访问本地样式;如果要查看其他已发布的样式,您可以打开相对应的样式选择器查看它们。
1、右侧面板
在文件中创建样式后,您可以在右侧面板中查看它们,首先需要确保您在画布中没有选中任何内容,您可以:
- 单击画布中的空白点
- 按下
Esc以取消选择您当前的选择 - Pixso 按类型对所有本地样式进行分组:文本、颜色、效果、布局网格
2、样式选择器
点击右侧栏中相关属性旁边的样式图标,Pixso 将打开样式选择器,您可以查看该属性可用的所有样式。样式面板中样式的默认顺序是:
- 按团队名称字母顺序
- 按文件名字母顺序
- 各个样式的顺序与它们在右侧面板中的显示顺序相同
管理样式
如果要更改样式,您需要在其原始文件中编辑样式的数据。
编辑样式
- 打卡右侧面板和样式选择器
- 将鼠标悬停在样式上,选中相关样式右键打开编辑面板
- 删除样式 在样式面板选择样式,点击右键删除。使用该样式的任何对象都将保留当前属性,但会与该样式分离。
分享样式
如果您需要在其他文件中使用您创建过的样式,您需要将它们发布到团队资源库。您可以单独发布样式,也可以与任何组件一起发布样式。
发布样式
1、打开左侧面板中的组件面板,然后单击团队资源库图标,您也可以使用键盘快捷键:
- Mac:⌥ Option + 3
- Windows:Alt + 3
2、找到「当前文件」,点击发布按钮。
3、您会看到所有样式和组件的列表以及他们的更新状态,如果有需要您可以添加更改说明。
4、单击发布以共享。 当您发布对库的更改时,Pixso 会提示使用此库的所有人接收更新,以确保使用这些样式的任何图层都更新到最新版本。
使用团队资源库中的样式
当您开启团队资源库时,有权编辑该文件的任何人都可以访问这些样式和组件。
- 在样式选择器中查看该库中的任何样式。
- 使用与您共享的任何样式。
- 从您有权编辑的文件中编辑样式。