工作室发票使用场景
- 独立工作室在一份面向客户的文档中呈现服务和付款详情
- 品牌顾问串联项目范围、费用、预付款和交付工作
- 应付账款团队查找发票身份信息、采购订单和付款信息
- 编辑式文档设计师研究用于密集型财务沟通的结构化排版
工作室发票设计亮点
- 先说明范围，再呈现费用项目背景出现在详细计费明细之前
- 明确的调整项预付款和税费变化与合计金额并列保持可见
- 双重付款路径电汇、ACH 和在线付款详情共用一个区块
- 考虑打印输出的样式打印规则会移除阴影和边框，并减少页面内边距。
从页眉到付款备注的工作室发票
1 / 1关于工作室发票设计
工作室发票设计是 OpenDesign 为 Sable Studio 客户发票提供的官方示例。其可见版式将工作室身份信息、发票元数据、客户和发件人详情、项目背景、计费工作、结算条款、付款说明及结尾签名整合到一份较长的文档中。
页眉通过标签 “INVOICE”、标识符 “INV-2025-0142” 以及开具日期和到期日期确立文档类型。这种顺序让读者先看到文档参考信息和时间安排，再去理解商业细节。日期和示例身份信息是设计中的示例内容，并不能证明存在应付款交易。
发件人和收件人区块使用平行标签 “FROM” 和 “BILL TO”，因此可以在同一水平带中核对责任方和接收方。绿色电子邮件地址是作者设置的邮件链接，而截图只展示其可见呈现，并未证明邮件流程经过测试。
此发票设计的使用场景
当服务发票不仅要说明应付金额，还必须解释交付内容时，这种设计非常有用。项目条写明 “Northwind brand identity refresh”，包含采购订单 “NW-PO-2025-3387”，并注明 “Net 30 · USD”。这三个字段在读者看到金额之前，将文档与一项合作、一个内部采购参考编号和一种付款约定关联起来。
它最适合同时包含固定范围服务和可变工作的项目型工作室。前 3 行的数量均为 1，而 “Senior design hours · overage” 的数量为 14，单价为 $220.00。不同的数量模式让人能够清楚看出，超额项目是按时间计费的追加项，而不是另一项打包交付物。
客户审核
使用成对的双方区块和项目条，确认发票由谁开具、由谁接收，以及哪一个采购订单对应这项工作。
内部核对
使用明细说明、数量、单价、预付款调整项和税费行，将文档与合作记录进行比对。
付款交接
使用末尾的付款区块，将银行说明、在线付款可用性、外汇备注和收据处理集中在一起。
构成与阅读顺序
页面按照 5 个明确阶段，从高层级识别信息推进到辅助细节。黑色圆形 “S” 标记和 Sable Studio 字标确立发件人；大号发票编号和日期确立文档状态；双栏双方区域标识交易双方；浅绿色项目带提供背景；明细表承载主要财务说明。
明细表为 “DESCRIPTION” 提供最宽的视觉区域，为 “QTY”、“RATE” 和 “AMOUNT” 留出较窄的列。这样的比例能够容纳 “Stakeholder interviews, competitive audit, brand audit, written strategy doc.” 等说明性文字。代价是页面纵向长度增加：说明会跨多行换行，但读者可以先理解服务内容，再查看其数字金额。
付款条款位于合计金额旁边。示例中的 $40,080 小计减去 $4,008 预付款后，税前为 $36,072。按示例中的 9% 税率计算，税额为 $3,246.48，最终应付 $39,318.48。税费行位于 “Net before tax” 上方，因此视觉顺序与计算顺序不同。深色末尾栏突出显示结果，但此前的标签仍然是核对其构成方式所必需的。
| 发票区块 | 可见证据 | 读者任务 |
|---|---|---|
| 页眉 | 发票编号、开具日期、到期日期 | 识别文档及其时间安排 |
| 项目条 | 项目名称、PO 编号、Net 30 · USD | 将费用与合作项目关联起来 |
| 明细项目 | 说明、数量、单价、金额 | 了解每项费用背后的工作 |
| 结算区域 | 付款条款、小计、预付款、税费、应付总额 | 核对金额及其调整项 |
范围与能力边界
这份仅用于展示设计的发票示例使用最大宽度为 820 像素的文档容器。打印样式会移除阴影和边框并减少内边距；能否完整打印在一张纸内尚未经过验证。该作品展示了排版、分组、示例内容和作者设置的 mailto 目标地址，但不能证明存在联网开票、付款处理、自动收据、银行验证或实时税费计算。
下方区块将 “WIRE / ACH (USD)” 和 “ONLINE PAYMENT” 作为文档内容呈现。其中列出了 Mercury Bank、路由号码和账户值、付款链接字符串、 “Stripe / card / ACH”、 “Wise / SEPA / FX” 以及 “Auto-emailed”。应将这些视为为版式提供的示例字段。在真实发票中使用类似内容之前，生产实现需要单独验证数据、付款控制措施和合规决策。
如何在 OpenDesign 中创建工作室发票设计
建立发票结构
创建一份较长的发票文档，包含发件人身份信息和右对齐的发票信息区块。在引入明细表之前，加入发票编号、开具日期、到期日期、发件人和收件人地址、项目名称、采购订单和付款条款。如果打印输出很重要，请单独检查分页，不要假设整个版式能容纳在一张纸上。
建议提示词为一家虚构的设计工作室及其客户创建工作室发票设计。使用较长的文档：左侧放置工作室身份信息，右侧放置发票编号和开具日期，设置成对的 FROM 和 BILL TO 区块、项目和采购订单信息条，以及包含 Description、Qty、Rate 和 Amount 的明细表。加入考虑打印输出的样式，不要假设分页后只占一张纸。仅使用示例数据；不要声称存在实时开票、付款处理、银行验证或有效的税务处理。
梳理服务范围与结算
加入四行特定于案例的项目：三行数量为 1 的固定服务项目，以及一行数量为 14、带有单价的高级设计超额工时项目。随后列出付款条款、小计、已抵扣预付款、销售税、税前净额和应付总额。让服务说明拥有足够的宽度以便换行，同时不要遮挡数字列。
优化付款呈现
在共享的下方区块中放置电汇和在线付款信息，并使用独立标题和对齐标签。保留普通合计与突出显示的应付总额之间的视觉区别，然后检查结尾致谢和签名仍属于文档的一部分，同时不要暗示示例链接、银行数据、收据或计算结果具有实际运营效力。
导出并获取分享链接
导出完成的设计稿，然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接，确认目标版本及其资源均可正常访问后，再将链接发送给他人。
