文本与排版
通过快速添加卡片、样式库或文本工具添加文本,然后使用可搜索的字体库和属性面板中的全套排版控件进行格式设置。
快速概览
- 点击左侧面板中的 添加文本框,或快速添加卡片(标题、副标题或正文行)。
- 或者按下
T(文本工具),然后在画布上任意位置点击以放置新的文本框,或点击现有文本进行编辑。 - 双击任何文本对象可内联编辑其内容;按
Esc完成编辑。 - 使用属性面板设置字体、字重、字号、样式、对齐方式、字间距、行高、内边距、填充和透明度。
- 通过文本面板中的文本样式预设或字体搭配快速启动外观。
详细参考
添加文本
| 入口点 | 字体 | 字号 | 备注 |
|---|---|---|---|
| 添加文本框 | DM Sans | 20 px | 普通段落,可直接输入覆盖 |
| 添加标题 | Unbounded | 28 px,粗体 | 仅用于标题的展示字体 |
| 添加副标题 | DM Sans | 20 px,半粗体 | |
| 添加少量正文 | DM Sans | 14 px | |
文本工具 (T) | DM Sans | 24 px | 点击空白画布创建新框,点击现有文本进入编辑 |
每个快速添加框在插入时会根据占位文本自动调整大小,因此初始为紧凑状态而非固定宽度块,并且可以通过角手柄手动调整大小。添加文本框 会直接进入内联编辑模式,占位文本处于选中状态,您可以立即输入覆盖。
文本样式库
包含20种设计预设的样式库,每个预设由一小堆样式化的文本行(例如,标签加标题)组成,分为四个类别:
| 类别 | 风格 |
|---|---|
| 粗体 | 用于陈述和标题的厚重展示字体 |
| 优雅 | 衬线体和斜体的搭配,营造精致语气 |
| 手写体 | 手写和展示手写风格的点缀 |
| 简约 | 轻字重和宽松字间距 |
可按关键词搜索,或按类别筛选。样式库每次显示8个预设;点击 加载更多 显示其余预设。点击预设会插入一组文本行;双击该组可取消编组,并分别编辑每一行。
字体搭配
八种精心策划的标题与正文组合,每个以可编辑的标题搭配正文行的形式插入:
| 搭配 | 标题字体 | 正文字体 |
|---|---|---|
| 编辑风格 | Playfair Display | DM Sans |
| 现代风格 | Anton(大写) | Outfit |
| 优雅风格 | Cormorant Garamond(斜体) | DM Sans |
| 粗体冲击 | Bebas Neue | DM Sans |
| 俏皮风格 | Pacifico | Outfit |
| 清爽风格 | Outfit | Outfit(细体) |
| 经典风格 | Lora | DM Sans |
| 声明风格 | Oswald(大写) | DM Sans |
动态字段
两种智能字段可插入反映当前设计的实时文本,而非手动输入内容:
| 字段 | 插入内容 |
|---|---|
| 日期 | 今天的完整书写日期 |
| 页码 | 当前页的位置,从 1 开始 |
两者都以普通文本对象的形式呈现,您可以自由重新设置样式。值在插入字段时被截取,因此如果日期或页面发生变化,请重新插入。它们与 批量生成器 配合使用时效果很好,可以一次性生成大量个性化页面。
格式控件
在属性面板中,只要选中文本对象即可使用:
| 属性 | 范围 / 选项 | 备注 |
|---|---|---|
| 字体系列 | 可搜索列表 | 搜索内置字体和您已上传的任何字体 |
| 字重 | 100-900 | 仅显示所选系列实际支持的重量 |
| 字号 | 6-120 px | |
| 样式 | 粗体、斜体 | 独立切换 |
| 对齐方式 | 左对齐、居中对齐、右对齐 | 对齐框内文本行 |
| 字间距 | -5 到 30 | |
| 行高 | 0.5 到 3 | 字号的倍数;默认 1.16 |
| 内边距 | 0-200 px | 文本在其边界框内保留的空间 |
| 填充 | 无、纯色、渐变、图片 | |
| 透明度 | 0-100% |
更改文本框的 字号 会使其宽度根据新内容重新调整,因此边框不会保持比文本更宽。
效果
描边、投影和字母大小写变换位于单独的区域。参见 文本效果。
分步指南
构建标题和正文块
- 打开 文本 面板 (
Alt+2)。 - 点击 添加标题。一个使用 Unbounded 字体的“标题”框(28 px,粗体)会落在画布中央。
- 点击 添加少量正文。添加一个使用 DM Sans 字体的“正文”框(14 px)。
- 双击每个框替换占位文本,然后按
Esc。 - 将正文框拖到标题正下方,使它们堆叠起来。
- 在属性面板中微调标题:增大 字号,选择更重的 字重,并收紧 字母(字间距)以获得展示效果。使用 样式 部分的对齐按钮将框内文本左对齐、居中对齐或右对齐。
应用字体搭配,然后微调
- 在文本面板中,打开 字体搭配 并选择一种组合,例如 编辑风格(Playfair Display 在上,DM Sans 在下)。
- 搭配以分组的标题和正文行形式插入。双击组以取消编组。
- 选中标题行。在属性面板中设置 字重 为700,并将 字母 降低到接近 -1,以获得更紧密的标题。
- 选中正文行,将 行(行高)提高到大约 1.4,使多行文本更透气。
- 使用您自己的文字替换两个占位文本。
插入动态日期或页码
- 打开文本面板,点击 动态字段。
- 点击 日期 可插入今天的完整书写日期,或点击 页码 可插入当前页的位置。
- 字段以普通文本框的形式出现,因此您可以像处理其他文本一样更改其字体、大小和颜色。
为海报标题调整行高和字间距
- 添加一个标题,并输入两到三行短文本。
- 选中它,打开属性面板中的 间距 部分。
- 将 行(行高)设置得较低,大约 0.9 到 1.0,使堆叠的行像海报一样紧凑。
- 将 字母 设置为略微负值,以拉近字符间距。
- 将 字号 提高到接近 120 px 上限以获得最大冲击力;如果需要更大,请拖拽角手柄以放大框,超过数字限制。
常见任务
| 目标 | 操作方法 |
|---|---|
| 快速段落 | 添加文本框,然后覆盖“您的文本在此处” |
| 展示标题 | 添加标题(Unbounded),然后增大字号和字重 |
| 匹配精心设计的外观 | 选择一个 文本样式 预设或 字体搭配,然后取消编组进行编辑 |
| 重用样式化的文本 | 使用 Ctrl+D 复制并重新输入;副本保留样式 |
| 在框内居中对齐文本 | 选中它,使用样式部分的对齐按钮 |
| 松散密集的文本 | 提高 行 高,并增加一点 字母 间距 |
故障排除
一个重量看起来与另一个重量相同
重量菜单列出 100 到 900,但字体只渲染它实际包含的重量。如果黑色 (900) 看起来像粗体 (700),则该字体家族没有黑色字重,浏览器会回退到最接近的重量。切换到有更多字重的字体家族,或使用更重的展示字体。
字号停在 120
字号字段上限为 120 px。如果需要更大的标题,请设置为 120,然后拖拽角手柄将框放大到数字限制以上。
编辑会更改整个组
文本样式预设和字体搭配以组的形式插入。排版编辑会立即应用于所有行,除非您双击取消编组并选择单行。
第一个标题可能延迟
“添加标题”使用 Unbounded,这是一种在其他地方未使用的展示字体。在冷加载时,字体会在框创建之前下载,因此第一个标题可能需要片刻才能以正确的度量显示。
键盘快捷键
| 快捷键 | 操作 |
|---|---|
T | 激活文本工具 |
| 双击 | 内联编辑文本对象 |
Esc | 完成编辑 |
Alt+2 | 打开文本面板 |
提示
用搜索代替滚动
直接在字体搜索框中输入,而不是滚动列表。它不仅匹配内置字体库,也匹配您自己上传的字体。
预设是起点,不是最终答案
每个文本样式和字体搭配都插入完全可编辑的对象。一旦确定了方向,双击取消编组并调整单个行。