Skip to content

无限场景与画板

场景是一种无限、可平移的画布,可容纳多个称为画板的面板(帧)。当你希望在一个平面上查看整个活动页面、一组尺寸变体或一个小型设计系统,而不是在多个页面之间切换时,它就是最适合的部分类型。

此处的画板是指画板,而非通过选择工具或钢笔工具获得的裁剪蒙版。这两个功能恰好共享“frame”一词,但并无关联:场景画板用于容纳设计,选区蒙版用于遮罩图像的一部分。

快速概览

  1. 从页面选项卡添加一个无限部分,或通过命令栏将当前部分在单页和无限之间切换。
  2. 使用画板工具绘制一个画板,或从模板或已保存的设计中添加一个。
  3. 平移和缩放以布局画板;多选画板以对齐、分布或分组。
  4. 将共享元素转换为链接组件,使每个画板保持同步。
  5. 将画板下载为 PNG,或选择多个画板分别下载为 PNG。

详细参考

创建场景

场景可以通过两种方式开始:从页面选项卡上的添加部分(“+”)菜单中添加一个无限部分,或将命令栏模板面板中的单页 / 无限开关切换为无限。该开关仅设置模式;实际场景页面是在首次添加画板或在无限模式下放入模板时懒创建的,因此切换开关本身不会生成空白页。新场景以一个占位画板开始,在首次添加真实内容时会被自动替换,因此你的第一个模板会直接落到位,而不是与一个空白画板并排。

画板预设

画板工具和下方的响应式变体生成器都使用相同的五种尺寸:

预设尺寸(像素)
正方形1080 x 1080
纵向1080 x 1350
故事1080 x 1920
横向1920 x 1080
A4595 x 842

添加和编辑画板

操作方法
绘制画板选择画板工具并拖拽;短拖拽会放置一个默认的正方形画板
使用预设尺寸打开画板工具的弹出菜单,选择上述五种尺寸之一
从模板添加放入一个模板设计;它会作为新画板落在其他画板旁边
添加已保存的设计以同样的方式将你已保存的设计之一作为画板放置
调整大小选择画板,输入精确的宽度和高度(20 至 20,000 像素),或选择比例芯片:1:1、16:9、9:16、4:3 或 3:4
复制在原件正右侧放置一个副本,平铺到第一个空列,名称后追加副本后缀
重新着色从色板行选择背景色,选择自定义颜色,或使其透明
重命名点击画板的名称标签并输入新名称
标记从画板的上下文栏打开标记选择器,添加或移除项目标记
删除选择画板并删除,与任何对象一样

调整画板大小会保持其左上角固定,并且不会缩放内部已有的内容。

在画板内编辑

画板通常作为一个对象行为:单击一次选择整个面板,拖拽会将其(及其内部所有内容)作为一个整体移动。要编辑内容,双击画板以进入其内部。其中的对象变为可单独选择,其背景变为锁定背景,其他画板变暗以便你聚焦。按 Esc,或双击背景或空白区域,即可退出;对象重新组合到画板中,场景保存。你添加的新文本、图像和形状会放入当前活动画板中,如下文“工具栏和导航”所述。

同时处理多个画板

使用框选或 Shift 点击选择多个画板;选择会自动仅限定于画板。多选栏提供背景色、精确尺寸、分组/取消分组、对齐以及每个画板的下载。对齐作用于六个边缘(左、中、右、上、中、下),分布可将画板沿一行或一列均匀间隔,同时保持它们之间至少有一个小间距。分组的画板一起移动,选择分组中的任一成员会选择整个分组。

性能与休眠画板

场景默认最多容纳 200 个画板;添加更多时会显示限制提示。为了在平移和缩放高达数百个画板时保持流畅,滚动到可视视口之外较远的画板会压缩为轻量级缓存缩略图(长边最大约 400 像素),并在你再次滚动到附近时立即恢复为完全可编辑的对象。唤醒使用的视口周围有一个小范围光环,因此画板通常在滚动到它之前就已唤醒,并且检查在平移或缩放操作稳定后的几分之一秒内运行,而非每次手势的每一帧。休眠和唤醒不会新增撤销步骤。

按标记筛选画板

一旦项目有标记,一个筛选栏会允许你切换标记芯片,以缩小高亮显示的画板范围,切换匹配所有标记或任一标记,反转匹配,并通过一次点击清除筛选。一个集群操作可将匹配的画板分组为整齐的块,你也可以将筛选结果保存为命名视图,以便稍后返回。

链接组件

将选中的元素转换为链接组件后,它会被克隆到其他每个画板的相同相对位置。编辑一个实例的填充、描边、大小、文本、字体或阴影时,会立即更新所有其他实例,而每个实例保留其自身位置,因此共享的标题栏或按钮可以保持视觉一致,但仍能正确位于不同形状的画板中。添加新画板后再次链接,也会将同步扩展到这些画板。

响应式变体

从一个画板一步生成一组平台尺寸的副本,使用上述相同的五种尺寸。每个变体放置在源画板下方,其内容按比例克隆并缩放,准备进行平台特定的微调,这样单个布局就变成了一组正确尺寸的匹配画板。

应用品牌

使用有效的品牌套件,将品牌颜色和字体一次性应用于单个画板或场景中的所有画板,包括当前休眠的画板。画板背景会采用品牌的正文颜色,文本会切换为品牌的字体和文本颜色,其他形状会采用品牌的主色。参见品牌概述

导出画板

画板栏上的下载操作会将选中的画板(背景加内容)渲染为 PNG 并下载。选中多个画板时,它会为每个画板下载一个 PNG,而非单个压缩包。若要将多个画板打包成一个 ZIP,请在 Works 浏览器中选择它们,并使用其感知部分的批量导出功能。常规导出选项参见导出页面

工具栏和导航

浮动工具栏包含选择/移动、手型工具(用于平移)、画板、图像、文本、钢笔工具、形状,以及一个“更多”菜单,内含便签、添加模板、网格切换和智能吸附切换。悬停在选择、画板或钢笔按钮上会打开一个包含变体和尺寸的小弹出菜单;形状和“更多”点击即可打开。滚动可向指针位置缩放(5% 到 800%),按住空格键或拖拽鼠标中键可平移,按 Esc 可退出当前工具、关闭弹出菜单或清除选择。绘制画板后会自动回到选择工具;完成拖拽时按住 Alt 可保持画板工具激活,以连续绘制多个。

新对象(形状、图像、文本、图标、二维码等)会自动加入活动画板并居中对齐。活动画板是你选中的画板、你当前正在内部编辑的画板,或者当未选中任何内容时,离视图中心最近的画板。来自“更多”菜单的便签是例外:它们始终在场景层级自由浮动,永远不会被吸收到画板中。

分步操作

像情绪板或多屏幕流程一样布局场景

  1. 从页面选项卡的“+”菜单中添加一个无限部分,或通过命令栏将单页/无限开关切换为无限。
  2. F 使用画板工具。拖拽出每个画板,或悬停在画板按钮上并选择预设尺寸(正方形、纵向、故事、横向或 A4)。快速点击而不拖拽会放置一个默认 1080x1080 的画板。
  3. 填充每个画板:选中画板后(或双击进入后),使用 T 添加文本,I 添加图像,R 添加形状。每个新对象都会在活动画板中居中。
  4. V 返回选择工具,框选多个画板,使用多画板栏将它们对齐成整齐的行或列,并均匀分布间距。

绘制新画板并为它命名

  1. F,然后在空白画布上拖拽,以想要的尺寸框出画板;一个虚线预览会跟随光标。
  2. 释放以创建画板。工具会自动回到选择工具,以便你立即重新定位(如果要在释放时保持继续绘制多个画板,请按住 Alt)。
  3. 每个画板上方带有一个名称标签。点击画板上下文栏中的标签,输入新名称,然后按 Enter。画布上的标签会随之更新。

平移和缩放大型场景而不迷失位置

  1. 滚动以向指针缩放(5% 到 800%)。按住空格键并拖拽,切换到手型工具(按 H),或使用鼠标中键拖拽,从任意位置平移。
  2. 画板名称标签会随着你的移动保持在每个画板之上,并在你缩小时根据画板宽度截断,以便你随时知道自己的位置。
  3. 要重新组织散乱的场景,给画板添加标记,打开标记筛选栏,使用其“集群”操作将画板按其第一个标记整理成整齐的块。

单独使用一个画板

  1. 单击画板一次以选择整个画板;不要双击,否则会进入其内部。
  2. 在画板的上下文栏中,选择下载以将该画板渲染为 PNG。
  3. 要在其他位置复用画板的设计,将其中的元素保存到我的形状,或通过响应式变体生成平台尺寸的副本。如需将一批画板打包成单个 ZIP,请在 Works 浏览器中选择它们,并使用其批量导出功能。

常见任务

  • 一个设计,所有平台尺寸: 选择一个完成的画板,生成响应式变体。你将获得其他每个预设尺寸的一个副本,放置在源画板下方,内容按比例缩放,准备进行平台特定的微调。
  • 保持共享标题栏或按钮同步: 选择该元素并将其作为组件链接。一个链接副本会放入其他每个画板的相同相对位置,编辑任意一个实例的填充、文本、字体、大小或阴影会更新所有实例,同时每个实例保持自身位置。
  • 一步应用品牌: 使用有效的品牌套件,一次性重新着色单个画板或整个场景,包括休眠画板。参见品牌概述
  • 将属于一起的画板分组: 多选并选择“分组”。分组后的画板会一起移动,点击其中任何一个会选中整个分组;选择“取消分组”可释放它们。
  • 重新着色画板背景: 打开画板栏上的“背景”色板,选择预设或自定义颜色,或使其透明以显示虚线背景。

故障排除

缩小时画板看起来模糊或分辨率低

滚动到屏幕外较远的画板会被替换为缓存的缩略图(长边约 400 像素),以保持平移速度,该代理可能会显得有点模糊。向画板滚动回来,它会唤醒为完整分辨率、可编辑的版本。导出始终以完整分辨率渲染,无论画板处于何种休眠状态。

新对象落到了错误的画板中。新对象会进入活动画板:选中的画板、你正在内部编辑的画板,或离视图中心最近的画板。先选择目标画板,然后添加对象,或者将一个自由对象拖拽到画板上方并释放,以将其吸收进去。

无法点击画板内部的元素。单击一次会选中整个画板作为整体。双击画板以进入内部,然后点击元素,按 Esc 退出。

调整画板大小没有缩放其内容。这是有意为之:调整大小保持左上角固定,内容位置不变。要将布局缩放到不同形状,请使用响应式变体而非调整大小。

便签无法附加到画板。便签始终在场景层级自由浮动,因此它们不会扭曲画板。使用文本(T 工具)编辑应属于画板的副本。

对齐似乎隐藏了画板。实际上不会:对齐会导致画板重叠的边缘,会将它们重新排列成一行或一列并带有一个小间距,因此每个画板始终可见。

键盘快捷键

快捷键操作
V选择 / 移动
H手型(平移)
F画板
I图像
T文本
P贝塞尔钢笔
Shift + P自由钢笔
L线条工具
R形状
Esc退出当前工具、关闭弹出菜单或清除选择

提示

单击选择,双击编辑

单击画板一次以移动或调整整个画板的大小。双击以进入内部并编辑其内容;其他画板变暗以便你聚焦。按 Esc 退出。

不要混淆两种“frame”

场景的画板是你在其中设计的画板。从选择工具或钢笔工具获得的 frame 是图像一部分周围的裁剪蒙版。参见选择工具

相关