使用指南

容器

容器概念介绍

在Pixso中,您可以直接将图层添加到画布中。如果要针对特定设备或屏幕尺寸进行设计,则可能需要为设计创建专用的区域,这就是容器的作用。如果您以前使用过设计工具,那么您将熟悉容器,选择画布的某个区域来进行设计。与传统画板不同,您还可以在其他容器中嵌套容器,以创建更复杂的设计。在容器内,您可以使用其他功能,如布局网格、自动布局、约束和原型设计。

创建容器

  • 可在 Pixso 顶部编辑页面点击添加按钮,选择容器进行添加
  • 可直接点击容器按钮进行添加
  • 使用键盘快捷键A或者F

用户创建容器之后,可在右侧栏“设计”选择容器尺寸与大小。

您可以在容器中创建各种画板大小:

在画布中单击以创建具有 100 x 100 尺寸的默认容器

在画布中单击并拖动以创建具有自定义尺寸的容器

使用右侧边栏中的下拉列表选择容器预设值

现在可支持添加模板尺寸容器,现在包含的模板尺寸有手机尺寸(如 iPhone17 Pro max 尺寸等)、平板尺寸(如 iPad pro 11'' 尺寸等)、电脑尺寸(如 MacBook Pro 14 尺寸等)、网页尺寸(如 Web 1920 尺寸等)、幻灯片尺寸(如 16:9 尺寸等)、智能手表尺寸(如 Apple Watch 45mm 尺寸等)、印刷品尺寸(如A2、A4等)、其他尺寸(如名片、海报等)。

  • 在现有对象周围创建容器,选中单个或多个对象,点击鼠标右键,选中“创建为容器”,或使用键盘快捷键 Ctrl + Alt + G(或 Option + Command + G)

容器属性

容器支持以下属性:

圆角半径

将容器的拐角倒圆角以创建更柔和的边缘。

超出画板不显示

隐藏容器中超出画板边界的任何对象。

布局网格

创建布局网格以帮助设计可视化结构。

约束

定义子对象在调整容器大小时的响应方式,将约束应用于容器中的对象。

自动布局

创建响应其内容的动态容器,进行自动排版填充:将纯色填充、渐变、图像(PNG、JPEG、SVG)应用于容器。

描边

向"容器"添加描边以创建边框或轮廓

效果

向容器添加阴影或模糊

原型设计

创建在画布中的容器之间移动的交互式原型

容器快捷键

选择子对象:Enter 或 Return

选择下一个同级:Tab

选择上一个同级:Shift + Tab

选择父级:Shift + Enter

将容器进行嵌套

您可以在其他容器内创建容器,这将创建新的层次结构或关系:

1. 顶层容器:直接位于画布上的任何容器。要使容器成为顶层容器,不能将其嵌套在另一个容器、组或对象中。

Pixso 会在画布上显示任何顶级画板的名称:

2. 嵌套容器:放置在另一个容器中的任何容器。可以将容器放置在顶层容器中,也可以放置在其他嵌套容器中。嵌套容器既是父容器,也是子容器。

3. 子图层:容器内的任何对象。

调整容器大小

您可以像与画布上的任何其他对象一样与容器进行交互,包括更改容器的大小或比例。有几种方法可以更改容器的大小:

1. 拖动容器调整大小:选中画布中的容器,或左侧边栏中的容器,拖动容器中的一个角或一条边以调整大小。如果要忽略对子对象的任何约束,请按住 Ctrl 键拖动(或 Command 键)。

2. 调整容器属性值:使用右侧边栏中的"容器"面板调整容器的"宽度"和"高度",支持输入“+、-、*、/、%”以进行数学运算,快速调整数值

3. 环抱内容:可以将容器的大小适应到子图层的大小,使用快捷键:

  • Windows: Ctrl + Alt + Shift + R 或;
  • macOS: Option + Command + Shift + R 或 ;
  • 点击按钮。