使用指南

工具栏

工具栏包含您在 Pixso 中可能使用的各种工具和功能。

工具栏中间部分显示的内容取决于您在画布上选择的内容。

工具栏操作界面

文件下拉菜单

点击顶部栏左侧【文件】按钮,可以展开主菜单列表,该菜单包含 Pixso 的图层操作功能以及用户偏好设置等,各选项的二级菜单右侧会显示相应的快捷键,您可以使用快捷键触发功能。

  • 新建文件:在新的标签页创建一个空白文件。
  • 深度搜索:输入关键词快速查找所需功能。
  • 编辑:使用撤消/重做、复制/粘贴和高级选择功能。
  • 视图:控制布局网格和标尺的视图设置、使用缩放功能以及画布中对象的定位。
  • 对象:使用图层操作级功能,如组合、画板、、蒙版、创建组件、操作层级等。
  • 文本:使用粗体或斜体格式化文本,并设置文本大小、高度和间距。
  • 排列:使用排列对齐和等间距分布功能整理所选择的图层。
  • 用户偏好设置:调整您的偏好,设置对象选中效果或图层调整时的微移量。
  • 历史版本:打为查看一已保存的历史版本,并为您的文件创建历史版本。
  • 快捷键指南:打开键盘快捷键指南,可快速查看各功能的快捷键。
  • 在客户端打开:如果安装有客户端,则单击后可以快速在客户端内打开并继续编辑。
  • 导入:将Sketch、Adobe XD、或Pixso文件导入为新的文件。
  • 导出:将当前编辑的文件导出为Pixso、Sketch或Adobe XD文件。

绘图工具

移动和缩放工具

当您在编辑器中打开文件时,Pixso 将默认选择移动工具(快捷键:V)。

移动工具允许您在图层面板中选择和重新排序图层,或在画布上移动对象。

点击移动工具右侧的箭头可以切换访问缩放工具(快捷键:K),可以帮助您等比例调整整个对象或图层的大小。

移动和缩放工具操作界面

容器和切片工具

Pixso支持创建容器,允许您选择画布的一个区域来创建和容纳您的设计内容。

与传统画板工具不同的是,Pixso容器的功能更为强大,可以多层嵌套,设置自动布局、或者通过修改属性,把画板变成可自由定义的对象。

您可以使用(快捷键:A或F)选择框架工具,然后在画布中拖拽创建一个任意尺寸的框架,或者您也可以选择【容器】,从 Pixso 右侧面板的预设选项中选择一个已有的框架尺寸。

单击框架工具右侧的箭头以切换访问切片工具(快捷键:S)。切片工具允许您自定义圈定要导出的内容区域。

容器和切片工具操作界面

形状工具

您可以在 Pixso 中使用默认形状。点击形状工具栏的下拉菜单进行选择:

  • 长方形(快捷键:R)
  • 直线(快捷键:L)
  • 箭头(快捷键:Shift + L)
  • 圆形(快捷键:O)
  • 多边形
  • 星形
  • 插入图片(快捷键:Option / Command + K)

形状工具操作界面

钢笔工具

钢笔工具允许您创建自定义形状和图标。使用矢量路径、锚点和贝塞尔曲线构建复杂的矢量网络图层。(快捷键:Option / Shift + P)

钢笔工具操作界面

文字工具

从工具栏中选择文本工具,或按(快捷键:T)将文本图层添加到画布中。

  • 在画布中单击一次可以添加水平自动延展的文本图层
  • 单击画布并拖动可以创建固定尺寸的文本图层,并在内输入文本

文字工具操作界面

平移画布

平移画布工具可以帮助您在画布内四处单击和拖动,不会意外选择或移动对象。

如果您在带有触摸屏的设备上使用 Pixso,手形工具允许您使用手指平移文件。

平移画布操作界面

💡提示:按住空格键(快捷键:Space)可以临时激活手动工具。

评论工具

评论工具可让您快速与协作交流想法和反馈。按下(快捷键:C)可快速进入评论模式。

对文件具有查看或编辑权限的任何人都可以查看评论。

评论工具操作界面

图层操作工具

选择图层或对象后,您将在工具栏的中间可以看到图层操作工具。您能看到的工具取决于您的具体选择的图层类型。

图层操作工具操作界面

编辑对象

点击编辑对象图标进入矢量编辑模式。您可以添加、删除或调整矢量路径中的各个锚点。

此选项仅在您选择单个矢量路径时可用。您也可以单击Enter/Return键进入矢量编辑模式。

编辑对象操作界面

创建组件

组件是您可以在设计中重复使用的元素。它有助于跨项目创建和管理一致的设计系统。点击创建组件图标可根据您选择的图层创建一个组件。

如果您选择多个图层或画板,可以使用图标旁边的箭头选择如何创建组件:

  • 创建组件:根据您的选择创建单个组件。
  • 创建多个组件:为您选择的每个图层或画板批量创建多个组件。

快捷键:

MacOS:Control + Commmand + K

Windows:Ctrl + Alt + K

创建组件操作界面

重置实例

当您的选择包含被覆写的组件实例时,您将看到重置实例的选项。点击重置实例图标以重置任何覆写的内容并恢复为和主组件一致。

使用蒙版

蒙版可让您显示或隐藏图层或对象的特定部分。点击蒙版图标,可针对当前所选创建蒙版。

当您创建蒙版时,Pixso 会将该选区中的每个图层放置在蒙版组中。Pixso 将使用当前所选图层的轮廓来确定您可以看到蒙版组中图层的内容。

使用蒙版操作界面

快捷键:

MacOS:Control + Commmand + M

Windows:Ctrl + Alt + M

布尔运算和路径拼合

使用布尔运算或通过路径拼合可以将图层结合成形状

  • 联集:将重叠的矢量路径组合成一条路径,会得到两个矢量区域的总和。
  • 减去顶层:从所选层中删除任何重叠路径,顶层矢量的区域会从下一层的图形上移去。
  • 交集:从任何重叠路径创建单个路径,会保留原图形重叠的部分。
  • 差集:从不重叠的图层部分创建单个路径,只保留原图形不重叠的部分。
  • 路径拼合:从选区创建单个图层,将布尔图层合并为一个完整的路径图层。

快捷键:

MacOS:Commmand + E

Windows:Ctrl + E

注意:此选项仅在您选择了多个图层时可用

当您没有选择任何图层时,Pixso 将在工具栏中间显示项目和文件名。这使您可以访问以下文件级操作:

  • 发布样式和组件:打开团队资源库面板
  • 重命名:给文件修改一个新的名字
  • 显示版本历史:在右侧面板中打开版本历史
  • 移动文件:更改文件的位置到项目