使用指南
容器
容器概念介绍
在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 或 ;
- 点击按钮。