Invoice Flow app icon Invoice Flow management 获取应用
ZH

用户指南

PDF 模板、配色方案和字体

从十二款发票设计中选一款，用内置或自定义配色方案重新上色，为混合增值税税率切换布局，并设置 PDF 使用的字体。

更新于: 2026-09-09

你在 Invoice Flow 中生成的每一张发票、估价单或送货单，都是用同一套数据、通过十二款内置页面设计之一绘制出来的。设计决定了徽标、标题、地址和合计金额的位置；配色方案决定了页眉条、表头和标签的颜色；一个独立的字体设置则决定标题、表头、正文和备注所用的字体和字重。这三者相互独立，因此你可以保留同一种设计只改变颜色，也可以保留颜色而尝试另一种设计，都不会影响发票本身的内容。

本指南以阿姆斯特丹 Herengracht 运河边一家两人工作室 Vos & Linden Architecten 的 Mara Vos 为例。她的发票 VL-2026-031 向 Brouwer Vastgoed B.V. 收取一处运河房屋改造二期工程的费用，以欧元计价，含 21% 增值税。你会看到同一张发票被渲染了四次，方便对比不同设计与配色方案之间的差异。

屏幕上看到的内容

设计的选择有两处入口。单份文档的选择在发票编辑界面完成：向下滚动到 付款选项 卡片下方，可以看到一张标题为 选择模板（Select Template）的卡片，其副标题显示当前的设计和配色方案，例如 Elegant — sand。点击它会打开 选择模板 界面，包含三个部分：设计（Design）、调色板（Color Palette）和 布局（Layout），右上角有 保存（Save）按钮。它上方是 发票语言（Invoice Language）卡片，用于更改这一份文档打印标签所使用的语言。

Invoice Flow 应用的发票编辑界面滚动到发票语言卡片，显示应用语言，以及显示“Elegant — sand”的选择模板卡片，位于备注和付款条款字段上方
文档的设计在其编辑界面的“选择模板”卡片中选择。

第二处入口是 设置（Settings）。PDF 模板（PDF templates）一行（副标题为“构建并管理你自己的布局”）会打开一个包含三个标签的界面：我的（Mine），用于你自己构建的布局；画廊（Gallery），提供 25 款可用任意配色方案预览、并可在自定义编辑器中打开的入门布局；以及 调色板（Palettes），用于创建你自己的配色集。字体（Fonts）一行（副标题为“界面和文档排版”）会打开一个界面，包含用于应用本身的 界面（Interface）标签和用于 PDF 的 文档（Documents）标签。

在开始之前有一点需要区分。选择模板 界面中的十二种设计是固定的渲染方式；你选一种并为其重新配色。画廊 标签中的 25 张卡片则是自定义模板编辑器的起点，这是另一项功能，另有专门的指南介绍。在画廊中选择配色方案只会重新上色那里的预览，不会改变任何发票的配色方案。

如何为发票选择设计和配色方案

  1. 在编辑界面打开发票，向下滚动到 选择模板（Select Template）卡片，点击它。
  2. 在 设计（Design）下，点击十二张卡片中的一张。被选中的卡片会出现粗边框和对勾，下方的配色方案会跳转到该设计的默认颜色。
  3. 在 调色板（Color Palette）下，点击十个色块中的任意一个来覆盖默认配色。选中的色块内会出现白色对勾。
  4. 在 布局（Layout）下，除非该发票涉及混合增值税税率（见下一节），否则保持 标准（Standard）选中状态。
  5. 点击右上角的 保存（Save）。回到编辑界面后，卡片副标题会更新，例如变为 Elegant — sand。
  6. 用 保存更改（Save Changes）（或 保存草稿（Save Draft））保存发票；该设计会随发票保存，每次预览或分享时都会使用它。
Invoice Flow 应用的选择模板界面，三列的设计网格中有十二张卡片，分别名为 Clean、Professional、Bold、Elegant、Compact、Modern、Classic、Creative、Minimal、Contractor、Striped 和 Installment；Elegant 被选中，Installment 变暗并带有一个小的分期标记
设计网格；Installment 变暗是因为这张发票使用的是单笔付款。
Invoice Flow 应用的选择模板界面滚动到调色板部分，共十个色块，Sand 被选中并带有对勾，布局部分中选择了“多税率明细”色块
十种配色方案和两个布局选项位于网格下方。

网格中的每张卡片都是一个带页眉条的迷你页面，页眉颜色为该设计的默认颜色。当某张卡片以半透明方式绘制并带有一个小小的 split 或 single 标记时，表示该设计是为另一种付款模式而优化的。只有 Installment 带有这种标记；其他每种设计都同时适用于单笔和分期付款。变暗的卡片仍然可以选择。

下方四张 PDF 是同一张发票 VL-2026-031，除了设计和配色方案外没有做任何改动。

Invoice Flow 应用中发票 VL-2026-031 的 PDF，采用 Clean 设计和 Ocean 配色方案：左侧是徽标和公司信息区块，右侧是大号蓝色 INVOICE 标题，浅蓝色的 Bill To 方框和蓝色表头
Clean 搭配 Ocean，是新建发票的默认组合。
Invoice Flow 应用中同一张发票，采用 Professional 设计和 Charcoal 配色方案：整宽的深色页眉条中带有徽标和公司名称，FROM 和 Bill To 两栏并排显示，灰色条带显示开票日期、到期日和状态
Professional 搭配 Charcoal。
Invoice Flow 应用中同一张发票，采用 Elegant 设计和 Sand 配色方案：居中的棕色 INVOICE 标题，下方是编号，细灰色分隔线，左侧为寄件方、右侧为客户信息，表头为棕色
Elegant 搭配 Sand，是这家工作室自己的选择。
Invoice Flow 应用中同一张发票，采用 Modern 设计和 Plum 配色方案：右侧是大号紫色 INVOICE 标题，Bill To 区块旁有一条紫色竖条，合计金额外有一个浅紫色圆角方框
Modern 搭配 Plum。

下表描述了每种设计在其默认配色方案下的实际呈现效果。

设计默认配色方案页面上的实际效果
CleanOcean左上角为徽标和公司信息，右上角为带编号和日期的大号彩色 INVOICE 标题，带底色的 Bill To 方框，彩色表头。
ProfessionalCharcoal整宽的深色页眉条中带有徽标、公司名称和发票编号；FROM 和 Bill To 并排显示；灰色条带显示开票日期、到期日和状态。
BoldPlum大而醒目的圆角页眉方块，公司信息以白字打印在其中；Bill To 位于彩色分隔线下方；合计金额下方有粗色分隔线。
ElegantForest居中的 INVOICE 标题，下方是编号和一条分隔线；寄件方在左、客户信息右对齐；细分隔线之间是一行日期；备注和条款分两栏排列。
CompactCharcoal只含邮箱和电话的两行页眉；较小的 FROM 和 Bill To 栏；整体字号较小，便于长发票占用更少页数。
ModernOcean右侧大号彩色 INVOICE 标题，Bill To 区块左边缘有一条彩色竖条，合计金额位于圆角带底色方框中。
ClassicOcean居中标题上方有双线，下方是一行日期，FROM 和 Bill To 均带方框，备注和条款放在灰色方框中。
CreativeSunset左侧页边有彩色竖条，INVOICE 以徽章形式打印，开票日期和到期日堆叠显示在右侧，合计金额有方框，备注旁有彩色条。
MinimalCharcoal超大公司名称，小号灰色联系信息，细灰色分隔线，除表头外几乎没有颜色。
ContractorForest标题为 CONTRACTOR INVOICE；带底色的条带中包含发票编号、开票日期、到期日和付款条款；Bill To 带彩色左侧竖条。
StripedOcean圆角彩色页眉方块，下方有一条细装饰线；小号带底色的 FROM 和 Bill To 标签；表格下方有装饰线；备注放在带底色的方框中。
InstallmentForest与 Clean 形状相同，页眉较紧凑；专为分期付款设计，付款计划及其标记会打印在备注之前。

如何使用多税率布局

每种设计都有两种布局选项。标准（Standard）在合计金额中打印一行税额。多税率明细（Multi-Tax Breakdown）会为每个不同的税率各打印一行，再加一行 税额合计，这正是当发票混合了例如 21% 服务税和 9% 商品税时会计所期望看到的形式。

  1. 在 选择模板（Select Template）界面滚动到 布局（Layout）部分。
  2. 点击 多税率明细（Multi-Tax Breakdown）；该色块会被填满并显示对勾。
  3. 点击 保存（Save），再保存发票。
  4. 从发票打开 预览 PDF（Preview PDF）检查合计金额部分。

严格来说你不一定需要这个开关：只要明细项中含有一个以上的不同税率，即便选择的是 标准 布局，明细分解表也会自动打印。选择 多税率明细 会强制对只有单一税率的发票也打印明细分解表，有些客户出于一致性考虑更喜欢这样。

如何创建自己的配色方案

十种内置配色方案能满足大多数品牌的需求，但拥有自己配色的工作室可以从六个角色定义一套配色方案：主色（Primary）、辅助色（Secondary）、强调色（Accent）、页眉背景（Header background）、页眉文字（Header text）和 淡背景（Subtle background）。创建配色方案是 Pro 功能；在免费账户上点击加号按钮会打开付费墙。

  1. 打开 设置（Settings），点击 PDF 模板（PDF templates），再点击 调色板（Palettes）标签。
  2. 点击 + 按钮。编辑调色板 面板会打开，预填 Ocean 的颜色和名称 My palette。
  3. 在 调色板名称 中替换为你自己的名称。
  4. 点击某个角色旁边的方形色块，例如 主色（Primary），在 选择颜色 对话框中挑选颜色。标签下方的十六进制值会随之更新。
  5. 对其他想更改的角色重复上述步骤，然后点击 保存（Save）。
  6. 之后如需修改，点击该配色方案所在的行；如需删除，点击该行的垃圾桶图标。
Invoice Flow 应用的调色板标签，已保存一个名为“Studio graphite”的配色方案，编辑调色板面板展开，列出主色 #FF455A64、辅助色 #FF616161、强调色 #FFE64A19、页眉背景、页眉文字和淡背景，均带有颜色色块，以及取消和保存按钮
六种颜色角色构成一套自定义配色方案。
Invoice Flow 应用的选择颜色对话框，显示一个六乘四的二十四色色板，从红色、粉色到蓝色、绿色，再到棕色、灰色、黑色和白色，带取消按钮
颜色选择器提供 24 种固定色块。

Mara 的“Studio graphite”配色方案使用蓝灰色主色、中灰色辅助色，以及与工作室徽标相配的赭橙色强调色。保存后，它会出现在 画廊 标签配色条的末尾，与十种内置配色方案之间以一条细分隔线隔开。在那里点击它，每张入门布局都会以你的颜色重新绘制，这是在决定构建自定义布局之前，快速判断某种品牌色在页面上效果如何的最快方式。

Invoice Flow 应用的 PDF 模板界面，画廊标签下选中了 Elegant 分类；配色条显示 Mono、Sand、一条分隔线，以及高亮的自定义 Studio graphite 色块；四个缩略图分别名为 Centered、Boutique、Symmetric 和 Airy，均以蓝灰色绘制
用自定义配色方案重新上色的画廊；每张卡片都会打开自定义模板编辑器。
自定义配色方案只在画廊配色条中提供。选择模板界面中的调色板部分只列出十种内置配色方案，别无其他，因此自定义配色方案只能通过从画廊构建的自定义布局才能应用到某张 PDF 上。

如何更改 PDF 中的字体

字体是全局设置，而非按发票单独设置：你在 文档 下选择的字体，会应用到你此后生成的每一张 PDF 上，无论使用哪种设计和配色方案。

  1. 打开 设置（Settings），点击 字体（Fonts），再点击 文档（Documents）标签。
  2. 在 字体系列（Font Family）下，点击八个选项中的一个：系统默认（System Default）、Noto Sans、Noto Serif、Roboto、Open Sans、Lato、PT Sans 或 Merriweather。每一行都以自身的字体打印，被选中的一项会显示对勾。
  3. 滚动到 发票标题（Invoice Title）卡片，拖动 缩放（Scale）滑块；拖动时右侧的百分比和 INVOICE 预览会同步变化。
  4. 点击 B、I、U 或 S 开关，为该文字角色添加加粗、斜体、下划线或删除线。
  5. 在 表头（Table Headers）、正文（Body Text）和 备注与条款（Notes & Terms）卡片中重复上述操作。更改会随手保存，没有单独的保存按钮。
Invoice Flow 应用的字体界面文档标签，列出系统默认、Noto Sans、Noto Serif（已选中并带对勾）、Roboto、Open Sans、Lato、PT Sans 和 Merriweather，每项都以其自身字体绘制，下方是从 120% 缩放开始的发票标题卡片
每一行字体系列都以自身样式预览；此处选中的是 Noto Serif。
Invoice Flow 应用的字体界面文档标签滚动到发票标题卡片，缩放 120%，B 处于激活状态，衬线体的 INVOICE 预览；表头卡片为 100% 加粗；正文卡片为 100%，带有衬线体示例文字
每个文字角色都有缩放、四种样式开关和实时预览。

四个文字角色都有合理的默认值：标题和表头为 100% 加粗，正文为 100% 常规，备注和条款为 90% 斜体。文档卡片中的缩放滑块范围为 70% 到 150%。界面（Interface）标签是独立的；它的字体系列列表相同，但其 缩放（Scale）和 图标大小（Icon Size）滑块只影响应用界面本身，从不影响 PDF。

规则与细节

小贴士

一次性定好设计，之后让它自然延续：复制发票以及把估价单转换为发票，都会复用源文档的设计和配色方案，因此为一个客户处理第一份文档之后，你很少需要再打开选择模板界面。
在最终确定 Charcoal 或 Mono 之前先打印一张测试页。深色配色方案在屏幕上看起来很鲜明，但在 Professional 或 Bold 这类整宽页眉的设计上会消耗大量墨粉；Clean、Elegant 和 Minimal 只在细窄元素上使用颜色。
如果客户的会计要求按税率分别列出增值税，只需把那一张发票切换为多税率明细，而不必改变你录入明细的方式。该设置是按文档单独生效的，其他发票不受影响。
把文档字体保持在 100%，想要更醒目的页面时改用标题缩放。放大正文字体会让长描述占用更多行，可能把原本一页的发票变成两页。

相关指南