Skip to content

文本与排版

通过快速添加卡片、样式库或文本工具添加文本,然后使用可搜索的字体库和属性面板中的全套排版控件进行格式设置。

快速概览

  1. 点击左侧面板中的 添加文本框,或快速添加卡片(标题、副标题或正文行)。
  2. 或者按下 T(文本工具),然后在画布上任意位置点击以放置新的文本框,或点击现有文本进行编辑。
  3. 双击任何文本对象可内联编辑其内容;按 Esc 完成编辑。
  4. 使用属性面板设置字体、字重、字号、样式、对齐方式、字间距、行高、内边距、填充和透明度。
  5. 通过文本面板中的文本样式预设或字体搭配快速启动外观。

详细参考

添加文本

入口点字体字号备注
添加文本框DM Sans20 px普通段落,可直接输入覆盖
添加标题Unbounded28 px,粗体仅用于标题的展示字体
添加副标题DM Sans20 px,半粗体
添加少量正文DM Sans14 px
文本工具 (T)DM Sans24 px点击空白画布创建新框,点击现有文本进入编辑

每个快速添加框在插入时会根据占位文本自动调整大小,因此初始为紧凑状态而非固定宽度块,并且可以通过角手柄手动调整大小。添加文本框 会直接进入内联编辑模式,占位文本处于选中状态,您可以立即输入覆盖。

文本样式库

包含20种设计预设的样式库,每个预设由一小堆样式化的文本行(例如,标签加标题)组成,分为四个类别:

类别风格
粗体用于陈述和标题的厚重展示字体
优雅衬线体和斜体的搭配,营造精致语气
手写体手写和展示手写风格的点缀
简约轻字重和宽松字间距

可按关键词搜索,或按类别筛选。样式库每次显示8个预设;点击 加载更多 显示其余预设。点击预设会插入一组文本行;双击该组可取消编组,并分别编辑每一行。

字体搭配

八种精心策划的标题与正文组合,每个以可编辑的标题搭配正文行的形式插入:

搭配标题字体正文字体
编辑风格Playfair DisplayDM Sans
现代风格Anton(大写)Outfit
优雅风格Cormorant Garamond(斜体)DM Sans
粗体冲击Bebas NeueDM Sans
俏皮风格PacificoOutfit
清爽风格OutfitOutfit(细体)
经典风格LoraDM Sans
声明风格Oswald(大写)DM Sans

动态字段

两种智能字段可插入反映当前设计的实时文本,而非手动输入内容:

字段插入内容
日期今天的完整书写日期
页码当前页的位置,从 1 开始

两者都以普通文本对象的形式呈现,您可以自由重新设置样式。值在插入字段时被截取,因此如果日期或页面发生变化,请重新插入。它们与 批量生成器 配合使用时效果很好,可以一次性生成大量个性化页面。

格式控件

在属性面板中,只要选中文本对象即可使用:

属性范围 / 选项备注
字体系列可搜索列表搜索内置字体和您已上传的任何字体
字重100-900仅显示所选系列实际支持的重量
字号6-120 px
样式粗体、斜体独立切换
对齐方式左对齐、居中对齐、右对齐对齐框内文本行
字间距-5 到 30
行高0.5 到 3字号的倍数;默认 1.16
内边距0-200 px文本在其边界框内保留的空间
填充无、纯色、渐变、图片
透明度0-100%

更改文本框的 字号 会使其宽度根据新内容重新调整,因此边框不会保持比文本更宽。

效果

描边、投影和字母大小写变换位于单独的区域。参见 文本效果

分步指南

构建标题和正文块

  1. 打开 文本 面板 (Alt+2)。
  2. 点击 添加标题。一个使用 Unbounded 字体的“标题”框(28 px,粗体)会落在画布中央。
  3. 点击 添加少量正文。添加一个使用 DM Sans 字体的“正文”框(14 px)。
  4. 双击每个框替换占位文本,然后按 Esc
  5. 将正文框拖到标题正下方,使它们堆叠起来。
  6. 在属性面板中微调标题:增大 字号,选择更重的 字重,并收紧 字母(字间距)以获得展示效果。使用 样式 部分的对齐按钮将框内文本左对齐、居中对齐或右对齐。

应用字体搭配,然后微调

  1. 在文本面板中,打开 字体搭配 并选择一种组合,例如 编辑风格(Playfair Display 在上,DM Sans 在下)。
  2. 搭配以分组的标题和正文行形式插入。双击组以取消编组。
  3. 选中标题行。在属性面板中设置 字重 为700,并将 字母 降低到接近 -1,以获得更紧密的标题。
  4. 选中正文行,将 (行高)提高到大约 1.4,使多行文本更透气。
  5. 使用您自己的文字替换两个占位文本。

插入动态日期或页码

  1. 打开文本面板,点击 动态字段
  2. 点击 日期 可插入今天的完整书写日期,或点击 页码 可插入当前页的位置。
  3. 字段以普通文本框的形式出现,因此您可以像处理其他文本一样更改其字体、大小和颜色。

为海报标题调整行高和字间距

  1. 添加一个标题,并输入两到三行短文本。
  2. 选中它,打开属性面板中的 间距 部分。
  3. (行高)设置得较低,大约 0.9 到 1.0,使堆叠的行像海报一样紧凑。
  4. 字母 设置为略微负值,以拉近字符间距。
  5. 字号 提高到接近 120 px 上限以获得最大冲击力;如果需要更大,请拖拽角手柄以放大框,超过数字限制。

常见任务

目标操作方法
快速段落添加文本框,然后覆盖“您的文本在此处”
展示标题添加标题(Unbounded),然后增大字号和字重
匹配精心设计的外观选择一个 文本样式 预设或 字体搭配,然后取消编组进行编辑
重用样式化的文本使用 Ctrl+D 复制并重新输入;副本保留样式
在框内居中对齐文本选中它,使用样式部分的对齐按钮
松散密集的文本提高 高,并增加一点 字母 间距

故障排除

一个重量看起来与另一个重量相同

重量菜单列出 100 到 900,但字体只渲染它实际包含的重量。如果黑色 (900) 看起来像粗体 (700),则该字体家族没有黑色字重,浏览器会回退到最接近的重量。切换到有更多字重的字体家族,或使用更重的展示字体。

字号停在 120

字号字段上限为 120 px。如果需要更大的标题,请设置为 120,然后拖拽角手柄将框放大到数字限制以上。

编辑会更改整个组

文本样式预设和字体搭配以组的形式插入。排版编辑会立即应用于所有行,除非您双击取消编组并选择单行。

第一个标题可能延迟

“添加标题”使用 Unbounded,这是一种在其他地方未使用的展示字体。在冷加载时,字体会在框创建之前下载,因此第一个标题可能需要片刻才能以正确的度量显示。

键盘快捷键

快捷键操作
T激活文本工具
双击内联编辑文本对象
Esc完成编辑
Alt+2打开文本面板

提示

用搜索代替滚动

直接在字体搜索框中输入,而不是滚动列表。它不仅匹配内置字体库,也匹配您自己上传的字体。

预设是起点,不是最终答案

每个文本样式和字体搭配都插入完全可编辑的对象。一旦确定了方向,双击取消编组并调整单个行。

相关