用户指南

添加方形徽标和宽幅徽标

上传方形徽标和宽幅品牌标识,在应用内裁剪和旋转,保留多个版本,并了解每个 PDF 模板会打印哪一种。

更新于: 2026-09-09

大多数企业的徽标不止一种形状。既有适合放在圆形或方形里的紧凑标志,也有把公司名称拼写在旁边的较长版本。Invoice Flow 在企业资料中用两个独立的位置分别保存这两种图片,因为它们的用途不同:方形徽标是你在应用内的头像,也是部分自定义 PDF 布局会打印的元素;而宽幅版本则是十二款内置发票模板会放在页眉中的图片。如果你只有一个文件,也可以用它同时填充两个位置:裁剪界面允许从宽幅横幅中截取一个方块,也可以从海报中截取一条宽幅长条。

本指南以缅因州波特兰的一家小型啤酒厂 Tidewater Brewing Company 为例。店主 Nora Quinlan 有一个绿色圆形徽章,上面印着字母 TB,以及一个宽幅的品牌标识。她希望在应用内以及随啤酒桶配送一起寄出的贸易风格发票上使用徽章,而在寄给餐厅的简洁发票上使用品牌标识。

设置资料的其余部分另有专门的指南;本指南只讲解徽标行、其背后的裁剪界面,以及 PDF 模板如何在两张图片之间做出选择。

屏幕上看到的内容

打开 设置,点击顶部的资料图块(或依次点击 企业资料、再选一个资料)。打开的表单标题为 编辑企业资料,第一行就是徽标行。首次启动应用时,同样的一行会出现在引导流程的第二页上。

该行有两个位置:

空图块显示一个带加号的相机图标,下方是 添加 按钮。图片放入该位置后,图块会在带有底色的背景上按真实比例显示图片,按钮变为 更改。在每个下拉菜单中,条目前的实心勾选圆圈表示该版本已有图片;空心圆圈表示尚未上传。

Invoice Flow 应用的编辑企业资料界面,方形徽标位置显示 Tidewater Brewing 的绿色圆形徽章,宽幅 4:1 位置显示 Tidewater Brewing Company 的品牌标识,两者都带有“更改”按钮,位于签名和姓名字段上方
Nora 的资料:方形位置放着徽章,宽幅 4:1 位置放着品牌标识。

如何将徽标上传到某个位置

两个位置的流程相同,只是裁剪形状不同。

  1. 在资料编辑界面,点击空图块或其 添加(Add)按钮。应用会直接打开手机相册(徽标没有拍照选项;如需拍照请先拍好再来上传)。
  2. 选择图片:PNG、JPEG,或信头的截图均可。方形位置最多接受每边 2048 像素,宽幅位置最多接受 4096 像素。
  3. 打开的 裁剪图片(Crop image)界面带有锁定为该位置形状的裁剪框。用一根手指拖动图片移动位置,两指捏合缩放,或使用底部的按钮(见下一节)。
  4. 点击右上角的对勾。应用会把框内内容渲染为 PNG 并返回资料编辑界面,图块此时显示你的裁剪结果,按钮变为 更改(Change)。
  5. 下滑到底部,点击 保存更改(Save Changes)(引导流程中为 继续(Continue))。在此之前,徽标只存在于打开的表单中;离开界面会丢弃它,应用也会在离开前提示未保存的更改。

如果要用同一个文件填充另一个位置,只需在另一个图块上重复上述步骤并重新选择图片。Nora 为方形位置选择了徽章,为宽幅位置选择了一张同时带有徽章和品牌标识的横幅,然后把横幅拖到 4:1 的框内。

如何裁剪、旋转和调整位置

裁剪界面为黑色背景,中间是裁剪框。框内可见的所有内容都会成为最终徽标,包括透明区域后方显示的浅色棋盘格:保存的图片是不透明的 PNG,而非透明图。一条细白色三分线网格可帮助你对齐文字与边缘。

Invoice Flow 应用的裁剪图片界面,4:1 裁剪框内是 Tidewater Brewing 的横幅,略微向左移动,右侧露出一条棋盘格,底部有六个白色控制图标
点击“自动适应”并向左轻微拖动后的 4:1 裁剪框;右侧的棋盘格是原图没有像素覆盖的区域。

底部的六个图标没有文字标签;长按可显示名称。从左到右依次为:

图标名称(长按提示)作用
框内十字准星居中(Center)将图片沿两个方向移回裁剪框正中,保留缩放和旋转。
箭头之间的竖条水平居中(Center horizontally)只在左右方向居中;垂直位置保持不变。
箭头之间的横条垂直居中(Center vertically)只在上下方向居中。
带方块的弯曲箭头旋转(Rotate)每次点击将图片顺时针旋转 90 度,点击四次可转回原位。
带箭头的方框自动适应(Auto-fit)缩放图片使其铺满整个裁剪框而不留空白边(较短的一边贴合裁剪框,较长的一边可能被裁掉),并居中显示。旋转角度保持不变。
圆形箭头重置(Reset)将图片恢复到初始状态:居中、适应框内、无旋转。
  1. 如果图片周围有空白,先点击 自动适应(Auto-fit)。界面刚打开时该按钮会短暂禁用,因为应用正在读取图片尺寸。
  2. 拖动图片,使你想要的部分位于框内。捏合可放大聚焦某个小标志,或缩小以纳入更多内容。
  3. 如果原图是横拍的,点击一到两次 旋转(Rotate)。双指扭转手势也可以按任意角度自由旋转,用来校正略有倾斜的扫描件。
  4. 对缩放满意后点击 居中(Center)将图片对回正中,或者只有某一方向偏移时使用对应的单方向按钮。
  5. 点击 重置(Reset)重新开始,或点击左上角的 X 保持该位置不变。
  6. 点击对勾保留此次裁剪。
Invoice Flow 应用的裁剪图片界面,方形 1:1 裁剪框内 Tidewater Brewing 的横幅已被旋转 90 度并用自动适应放大,使徽章填满框的上部
同一张横幅在 1:1 框内旋转一次并点击一次“自动适应”后的效果;网格线标示出徽章将出现的位置。

要重新裁剪某个位置中已有的徽标,点击 更改(Change),再选择 裁剪图片(Crop image)。裁剪界面会打开已保存的图片,也就是上一次的裁剪结果,而非原图:如果第一次裁掉太多,请使用 替换图片(Replace image)重新选择原图。

如何替换、重新裁剪或删除徽标

一旦某个位置已有图片,更改(Change)按钮不再直接跳转到相册,而是打开一个包含三个选项的短底部菜单。

Invoice Flow 应用的资料编辑界面在底部菜单后方变暗,菜单中有三行:带上传图标的“替换图片”、带裁剪图标的“裁剪图片”,以及带垃圾桶图标的红色“删除”
“更改”背后的菜单:从相册替换、重新裁剪已保存的图片,或删除当前版本。
  1. 点击你想编辑的位置下方的 更改(Change)。
  2. 选择 替换图片(Replace image)以从相册选择新文件并裁剪,选择 裁剪图片(Crop image)以重新打开对当前图片的裁剪界面,或选择 删除(Delete)以清空该位置。
  3. 如选 删除(Delete),在标题为 移除此项? 的对话框中点击红色的 删除(Delete)确认,或点击 取消(Cancel)退出。
  4. 点击表单底部的 保存更改(Save Changes)。正如对话框文字所说,删除操作只有在保存表单后才会生效。
Invoice Flow 应用的警告对话框,标题为“移除此项?”,正文为“它将从列表中移除。点击底部的‘保存更改’以生效”,并有“取消”和“删除”按钮
删除只会清空该位置下拉菜单当前选中的那个版本,其余版本不受影响。

删除只影响一个版本,即该位置下拉菜单中当前选中的版本。如果宽幅位置显示的是 4:1,删除操作不会动到你之前上传的 16:9 版本。

如何保留一个徽标的多个版本

每个位置都可以存储多张互相独立的图片。方形位置有三个编号版本(v.1、v.2、v.3),均为 1:1;宽幅位置则每种宽高比各有一张图片。图块上方的下拉菜单同时完成两件事:切换图块显示和编辑的图片,并将该图片标记为当前生效版本,也就是应用其余部分所使用的版本。

Invoice Flow 应用的资料编辑界面,方形徽标下拉菜单展开,显示 v.1 · 1:1 和 v.2 · 1:1 带实心勾选圆圈,v.3 · 1:1 为空心圆圈
三个方形版本;v.1 和 v.2 已有图片,v.3 空闲。
Invoice Flow 应用的资料编辑界面,宽幅徽标下拉菜单展开,列出 4:1 · 1200×300 px 和 16:9 · 1920×1080 px 带实心勾选圆圈,3:1 · 1500×500 px 和 2:1 · 1200×600 px 为空心圆圈
各宽高比的宽幅版本;4:1 和 16:9 已上传,3:1 和 2:1 为空。
  1. 打开该位置上方的下拉菜单,选择一个空条目(空心圆圈),例如 v.2 · 1:1 或 16:9 · 1920×1080 px。
  2. 图块变空,按钮显示为 添加(Add)。点击它,选择图片,在对应形状的裁剪框内裁剪并确认。
  3. 再次打开下拉菜单,选择你想作为日常默认版本的条目。该条目即成为当前生效版本。
  4. 点击 保存更改(Save Changes)。

Nora 把标准徽章保存在 v.1,冬季版本保存在 v.2;到了十二月,她把下拉菜单切换到 v.2 并保存。在宽幅位置,她有 4:1 的品牌标识和一个纵向排列的 16:9 版本。

切换宽幅下拉菜单不会重新裁剪已有图片;选择 2:1 只是显示该 2:1 版本的图片,无论是否为空。若要为同一张图稿制作另一种形状的版本,需要在该形状下重新上传一次。

模板如何决定打印哪一个徽标

Invoice Flow 中有两类 PDF 布局,它们对待这两个位置的方式不同。

内置模板(Clean、Professional、Modern、Classic 以及发票编辑界面 选择模板 中可选的其余十二款模板)总是打印宽幅徽标。图片会放置在页眉的 60×60 磅方框内并保持比例,因此一个 4:1 的品牌标识会变成宽 60 磅、高 15 磅的一条,根据模板不同显示在公司信息上方或旁边。方形徽标从不被这些模板使用。

自定义模板(来自模板画廊和可视化编辑器)包含名为 方形徽标(Square logo)和 宽幅徽标(Wide logo)的独立元素。某个布局会打印它所包含的元素。以现成预设为例,Trades、Clean(在 Modern 分组内)、Centered 和 Dense 使用方形徽标,而 Business、Services、Accent stripe、Statement 和 Airy 使用宽幅徽标。方形元素以 60×60 磅打印;宽幅元素高 40 磅,宽度按比例自适应,这比内置的页眉方框更适合展示品牌标识。

Invoice Flow 应用的发票 PDF TBC-2042,使用内置 Clean 模板,宽幅的 Tidewater Brewing 品牌标识小尺寸打印在左上角,紧邻公司名称和地址,蓝色的 Bill To 方框和四行啤酒桶明细表
内置 Clean 模板:宽幅品牌标识置于 60 磅的页眉方框中。
Invoice Flow 应用的发票 PDF TBC-2042,使用 Trades 自定义预设渲染,左侧公司名称和电话上方显示绿色圆形 TB 徽章,中间是大号 INVOICE 标题,配绿色表格
Trades 预设:同一张发票,但方形徽章打印在公司名称上方。

要用方形徽标布局生成发票,打开 设置,然后 自定义模板,在 模板画廊 中选择一个预设(或用 方形徽标 元素构建自己的模板),点击 使用。然后在发票编辑界面中,在 选择模板 下的 自定义模板 卡片里选择该模板。关于模板和自定义模板编辑器的指南会详细介绍这部分内容。

对于宽幅位置,发票编辑界面还有一个额外控件。当你的资料中上传了两个或以上的宽幅版本时,模板选择下方会出现 徽标变体(Logo variant)卡片,为每种宽高比显示一个缩略图,并附有 使用资料默认值 按钮。点击某个缩略图会让该发票打印那个版本,而不是资料中当前生效的版本;该选择会随发票一起保存。方形的三个版本也有对应的 方形徽标变体 卡片。

规则与细节

裁剪界面捕获的正是裁剪框内的一切:源文件的背景,以及源图透明或未覆盖到框边缘处的浅色棋盘格。如果你的 PDF 配色是深色的,那块浅色矩形就会打印在徽标周围。使用“自动适应”让图稿铺满整个裁剪框,并优先选用背景与纸张颜色相近(通常是白色)的源图。

小贴士

即使你觉得只需要一种,也建议把两个位置都填满。内置模板需要宽幅版本,应用头像和多个画廊预设需要方形版本,而以后再切换模板要比重新打开资料补上缺失的形状快得多。
方形位置要裁剪得紧一些。徽标打印尺寸只有 60 磅,约 2 厘米,如果徽章周围留白太多,打印出来会非常小。使用“自动适应”,然后捏合放大直到图稿触碰到三分线。
在宽幅徽标的两个宽高比条目中分别保留一个浅色版和一个深色版,例如标准版放在 4:1 下,白字版放在 16:9 下。发票使用深色配色时,直接在“徽标变体”卡片中选择浅色版,无需改动资料本身。

相关指南