使用指南

样式

样式的概念

Pixso包含以下样式:

  • 颜色样式:填充颜色、描边颜色
  • 文本样式:字体、大小、行高、间距
  • 效果样式:内阴影、外阴影、高斯模糊、背景模糊
  • 布局网格样式:行、列、网格

每当您更改样式属性时,例如将文本样式的颜色从红色改为蓝色,Pixso 会将这些更改更新到使用该样式的任何对象。

创建样式

创建颜色样式

颜色样式可以应用于填充样式、描边样式和文字,您也可以为图像或渐变创建颜色样式。

创建颜色样式的步骤:

  • 选择需要创建样式的对象。
  • 在右侧属性面板中,单击您要保存的属性的样式图标。
  • 点击颜色样式面板中的「+」图标以创建新样式。
  • 为样式命名,然后单击 「创建样式」。
  • 注意: 为渐变创建样式时,使用的颜色和渐变方向或角度都会保存到样式中。

创建文本样式

设计中,经常会遇到为不同的文本设置不同的属性,使用文本样式将会很大程度提高您的效率。您可以将 文本样式 应用于整个文本图层,或仅将其应用于图层中的部分文本。

创建文本样式的步骤与创建颜色样式相同:

  • 选择已经设置好样式的文本。
  • 在右侧属性面板的文本部分中,单击样式图标
  • 点击文本样式 面板中的「+」图标 以创建新样式。
  • 为样式命名,然后单击 创建样式。

注意:不能通过文本样式设置文本对齐方式,您需要单独设置每个文本块的对齐方式。

创建效果样式

您还可以为效果创建样式,例如阴影和模糊,保存这些设置以供将来快速使用,步骤如下:

  • 选择作用对象。
  • 如果所选对象没有效果样式,您需要为它添加效果样式
  • 在右侧属性面板的效果部分中,单击图标
  • 点击效果样式 面板中的「+」图标 以创建新样式。
  • 为样式命名,然后单击 创建样式。

创建效果样式操作界面

我们为不同的阴影样式设置了不同的图标,您可以快速识别样式的所属类型;

创建布局网格样式

您还可以为布局网格创建样式,步骤如下:

  • 在画布中创建(或选择)一个画板。
  • 在“属性”面板中,将布局网格添加到画板中。
  • 设置您所需要的布局网格的属性。
  • 在“属性”面板的“布局网格”部分中,单击图标。
  • 点击面板中的「+」图标创建新样式。
  • 为样式命名,然后单击 创建样式。

在图层上应用样式

将样式应用于对象

您可以使用本地样式中的任何样式,或使用发布到团队库的共享样式。

  • 选择要应用样式的对象。
  • 在属性面板中,单击您要更新的属性旁边的样式图标。
  • 在样式菜单中,您将看到您的本地样式和通过团队资源库共享的任何样式。

样式面板的排序方式:

  • 按团队名称字母顺序
  • 按文件名字母顺序
  • 单个样式按它们创建的顺序显示
  • 搜索并选择要用于将其应用于所选对象的样式。

在样式之间切换

您可以在右侧边栏中的“属性”面板切换样式。

  • 选择您要更新的对象。
  • 在“属性”面板中,选择其他样式。
  • 使用样式选择器搜索并应用新样式。

分离样式

当您从对象中分离样式时,该对象会保留其现有属性;

分离样式的步骤:

  • 选择想要删除样式的对象。
  • 在“属性”面板中,将鼠标悬停在相关样式上。
  • 点击 脱离样式 图标。
  • 之后您可以修改对象的样式,更改与样式无关。

分离样式操作界面

样式共享到资源库

查看样式

本地样式是存在于当前文件中的样式,当未选择任何画布内容时,您可以在右侧面板中访问本地样式,也可以从样式选择器中访问本地样式;如果要查看其他已发布的样式,您可以打开相对应的样式选择器查看它们。

1、右侧面板

在文件中创建样式后,您可以在右侧面板中查看它们,首先需要确保您在画布中没有选中任何内容,您可以:

  • 单击画布中的空白点
  • 按下Esc以取消选择您当前的选择
  • Pixso 按类型对所有本地样式进行分组:文本、颜色、效果、布局网格

2、样式选择器

点击右侧栏中相关属性旁边的样式图标,Pixso 将打开样式选择器,您可以查看该属性可用的所有样式。样式面板中样式的默认顺序是:

  • 按团队名称字母顺序
  • 按文件名字母顺序
  • 各个样式的顺序与它们在右侧面板中的显示顺序相同

管理样式

如果要更改样式,您需要在其原始文件中编辑样式的数据。

编辑样式

  • 打卡右侧面板和样式选择器
  • 将鼠标悬停在样式上,选中相关样式右键打开编辑面板
  • 删除样式 在样式面板选择样式,点击右键删除。使用该样式的任何对象都将保留当前属性,但会与该样式分离。

分享样式

如果您需要在其他文件中使用您创建过的样式,您需要将它们发布到团队资源库。您可以单独发布样式,也可以与任何组件一起发布样式。

发布样式

1、打开左侧面板中的组件面板,然后单击团队资源库图标,您也可以使用键盘快捷键:

  • Mac:⌥ Option + 3
  • Windows:Alt + 3

2、找到「当前文件」,点击发布按钮。

3、您会看到所有样式和组件的列表以及他们的更新状态,如果有需要您可以添加更改说明。

4、单击发布以共享。 当您发布对库的更改时,Pixso 会提示使用此库的所有人接收更新,以确保使用这些样式的任何图层都更新到最新版本。

使用团队资源库中的样式

当您开启团队资源库时,有权编辑该文件的任何人都可以访问这些样式和组件。

  • 在样式选择器中查看该库中的任何样式。
  • 使用与您共享的任何样式。
  • 从您有权编辑的文件中编辑样式。