用户指南
添加方形徽标和宽幅徽标
上传方形徽标和宽幅品牌标识,在应用内裁剪和旋转,保留多个版本,并了解每个 PDF 模板会打印哪一种。
大多数企业的徽标不止一种形状。既有适合放在圆形或方形里的紧凑标志,也有把公司名称拼写在旁边的较长版本。Invoice Flow 在企业资料中用两个独立的位置分别保存这两种图片,因为它们的用途不同:方形徽标是你在应用内的头像,也是部分自定义 PDF 布局会打印的元素;而宽幅版本则是十二款内置发票模板会放在页眉中的图片。如果你只有一个文件,也可以用它同时填充两个位置:裁剪界面允许从宽幅横幅中截取一个方块,也可以从海报中截取一条宽幅长条。
本指南以缅因州波特兰的一家小型啤酒厂 Tidewater Brewing Company 为例。店主 Nora Quinlan 有一个绿色圆形徽章,上面印着字母 TB,以及一个宽幅的品牌标识。她希望在应用内以及随啤酒桶配送一起寄出的贸易风格发票上使用徽章,而在寄给餐厅的简洁发票上使用品牌标识。
设置资料的其余部分另有专门的指南;本指南只讲解徽标行、其背后的裁剪界面,以及 PDF 模板如何在两张图片之间做出选择。
屏幕上看到的内容
打开 设置,点击顶部的资料图块(或依次点击 企业资料、再选一个资料)。打开的表单标题为 编辑企业资料,第一行就是徽标行。首次启动应用时,同样的一行会出现在引导流程的第二页上。
该行有两个位置:
- 左边是一个方形图块。它上方有一个小下拉菜单,显示 v.1 · 1:1,列出三个方形版本。方形位置始终按 1:1 裁剪,建议尺寸为 1200×1200 像素。
- 右边是一个占据该行其余空间的宽幅图块。它的下拉菜单默认显示 4:1 · 1200×300 px,提供四种形状:4:1 · 1200×300 px、3:1 · 1500×500 px、2:1 · 1200×600 px 和 16:9 · 1920×1080 px。
空图块显示一个带加号的相机图标,下方是 添加 按钮。图片放入该位置后,图块会在带有底色的背景上按真实比例显示图片,按钮变为 更改。在每个下拉菜单中,条目前的实心勾选圆圈表示该版本已有图片;空心圆圈表示尚未上传。
如何将徽标上传到某个位置
两个位置的流程相同,只是裁剪形状不同。
- 在资料编辑界面,点击空图块或其 添加(Add)按钮。应用会直接打开手机相册(徽标没有拍照选项;如需拍照请先拍好再来上传)。
- 选择图片:PNG、JPEG,或信头的截图均可。方形位置最多接受每边 2048 像素,宽幅位置最多接受 4096 像素。
- 打开的 裁剪图片(Crop image)界面带有锁定为该位置形状的裁剪框。用一根手指拖动图片移动位置,两指捏合缩放,或使用底部的按钮(见下一节)。
- 点击右上角的对勾。应用会把框内内容渲染为 PNG 并返回资料编辑界面,图块此时显示你的裁剪结果,按钮变为 更改(Change)。
- 下滑到底部,点击 保存更改(Save Changes)(引导流程中为 继续(Continue))。在此之前,徽标只存在于打开的表单中;离开界面会丢弃它,应用也会在离开前提示未保存的更改。
如果要用同一个文件填充另一个位置,只需在另一个图块上重复上述步骤并重新选择图片。Nora 为方形位置选择了徽章,为宽幅位置选择了一张同时带有徽章和品牌标识的横幅,然后把横幅拖到 4:1 的框内。
如何裁剪、旋转和调整位置
裁剪界面为黑色背景,中间是裁剪框。框内可见的所有内容都会成为最终徽标,包括透明区域后方显示的浅色棋盘格:保存的图片是不透明的 PNG,而非透明图。一条细白色三分线网格可帮助你对齐文字与边缘。
底部的六个图标没有文字标签;长按可显示名称。从左到右依次为:
| 图标 | 名称(长按提示) | 作用 |
|---|---|---|
| 框内十字准星 | 居中(Center) | 将图片沿两个方向移回裁剪框正中,保留缩放和旋转。 |
| 箭头之间的竖条 | 水平居中(Center horizontally) | 只在左右方向居中;垂直位置保持不变。 |
| 箭头之间的横条 | 垂直居中(Center vertically) | 只在上下方向居中。 |
| 带方块的弯曲箭头 | 旋转(Rotate) | 每次点击将图片顺时针旋转 90 度,点击四次可转回原位。 |
| 带箭头的方框 | 自动适应(Auto-fit) | 缩放图片使其铺满整个裁剪框而不留空白边(较短的一边贴合裁剪框,较长的一边可能被裁掉),并居中显示。旋转角度保持不变。 |
| 圆形箭头 | 重置(Reset) | 将图片恢复到初始状态:居中、适应框内、无旋转。 |
- 如果图片周围有空白,先点击 自动适应(Auto-fit)。界面刚打开时该按钮会短暂禁用,因为应用正在读取图片尺寸。
- 拖动图片,使你想要的部分位于框内。捏合可放大聚焦某个小标志,或缩小以纳入更多内容。
- 如果原图是横拍的,点击一到两次 旋转(Rotate)。双指扭转手势也可以按任意角度自由旋转,用来校正略有倾斜的扫描件。
- 对缩放满意后点击 居中(Center)将图片对回正中,或者只有某一方向偏移时使用对应的单方向按钮。
- 点击 重置(Reset)重新开始,或点击左上角的 X 保持该位置不变。
- 点击对勾保留此次裁剪。
要重新裁剪某个位置中已有的徽标,点击 更改(Change),再选择 裁剪图片(Crop image)。裁剪界面会打开已保存的图片,也就是上一次的裁剪结果,而非原图:如果第一次裁掉太多,请使用 替换图片(Replace image)重新选择原图。
如何替换、重新裁剪或删除徽标
一旦某个位置已有图片,更改(Change)按钮不再直接跳转到相册,而是打开一个包含三个选项的短底部菜单。
- 点击你想编辑的位置下方的 更改(Change)。
- 选择 替换图片(Replace image)以从相册选择新文件并裁剪,选择 裁剪图片(Crop image)以重新打开对当前图片的裁剪界面,或选择 删除(Delete)以清空该位置。
- 如选 删除(Delete),在标题为 移除此项? 的对话框中点击红色的 删除(Delete)确认,或点击 取消(Cancel)退出。
- 点击表单底部的 保存更改(Save Changes)。正如对话框文字所说,删除操作只有在保存表单后才会生效。
删除只影响一个版本,即该位置下拉菜单中当前选中的版本。如果宽幅位置显示的是 4:1,删除操作不会动到你之前上传的 16:9 版本。
如何保留一个徽标的多个版本
每个位置都可以存储多张互相独立的图片。方形位置有三个编号版本(v.1、v.2、v.3),均为 1:1;宽幅位置则每种宽高比各有一张图片。图块上方的下拉菜单同时完成两件事:切换图块显示和编辑的图片,并将该图片标记为当前生效版本,也就是应用其余部分所使用的版本。
- 打开该位置上方的下拉菜单,选择一个空条目(空心圆圈),例如 v.2 · 1:1 或 16:9 · 1920×1080 px。
- 图块变空,按钮显示为 添加(Add)。点击它,选择图片,在对应形状的裁剪框内裁剪并确认。
- 再次打开下拉菜单,选择你想作为日常默认版本的条目。该条目即成为当前生效版本。
- 点击 保存更改(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 磅,宽度按比例自适应,这比内置的页眉方框更适合展示品牌标识。
要用方形徽标布局生成发票,打开 设置,然后 自定义模板,在 模板画廊 中选择一个预设(或用 方形徽标 元素构建自己的模板),点击 使用。然后在发票编辑界面中,在 选择模板 下的 自定义模板 卡片里选择该模板。关于模板和自定义模板编辑器的指南会详细介绍这部分内容。
对于宽幅位置,发票编辑界面还有一个额外控件。当你的资料中上传了两个或以上的宽幅版本时,模板选择下方会出现 徽标变体(Logo variant)卡片,为每种宽高比显示一个缩略图,并附有 使用资料默认值 按钮。点击某个缩略图会让该发票打印那个版本,而不是资料中当前生效的版本;该选择会随发票一起保存。方形的三个版本也有对应的 方形徽标变体 卡片。
规则与细节
- 在点击 保存更改 或 继续 之前,徽标的任何改动都不会保存。添加、裁剪、删除和切换生效版本,在此之前都只存在于打开的表单中。
- 每个位置的裁剪都锁定为其形状:方形位置为 1:1,宽幅位置为下拉菜单当前选中的宽高比。
- 裁剪结果按屏幕显示密度的两到四倍渲染。在一般手机上,方形徽标大约能得到 2000 像素,足以清晰印刷。输出是无损 PNG,但捕获时带有裁剪框的浅色背景,因此原图的透明区域会变成浅色棋盘格而非透明,细网格线也可能被一并捕获。
- 生效的方形版本会作为应用头像显示在设置页的资料图块和企业资料列表中。如果完全没有方形徽标,头像会退回使用宽幅徽标,再退而使用你的姓名首字母。
- 从企业资料列表复制资料时,会把每个徽标版本一并复制到新资料中。
- 内置模板只打印宽幅徽标。如果生效的宽幅版本为空,页眉就不会有徽标;方形徽标不会代替出现。
- 在自定义模板中,方形徽标 元素打印的是资料中生效的方形版本。逐张发票的 方形徽标变体 卡片会为该发票设置一个值,但自定义渲染器目前仍读取资料的生效版本,而非该覆盖设置;宽幅徽标的 徽标变体 覆盖设置则两类模板都会遵循。
- 徽标工具本身没有限制,但从设置打开资料编辑界面需要处于有效试用期或 Pro 订阅中,与其他设置界面相同。
- 在旧版本应用中创建、只有单一徽标字段的资料仍可正常使用:该图片会被加载到宽幅位置(对应当前生效的宽高比),直到你替换它为止。方形位置则从空白开始。