第一张封面

开场问题

桌上有两份素材：一张晨露香草盒的白底照片 P01，和一张旧版活动海报 P04。P01 里的盆栽拍得干净，却显得偏小，右侧也没有足够空间安放长标题；P04 则把标题和日期做得一样醒目，二维码贴在边缘，还漏掉了活动对象。它们都不是“差一套模板”那么简单。若直接往上加花朵、贴纸和阴影，信息只会更乱。

图解：P01 的主体与留白问题、P04 的层级与边缘问题放在同一桌面中对照。

即使暂时没有打开原图，也应能用下面的文字材料卡复现本章的问题：

P01：待排版原图

• 内容：暖白背景中的晨露香草盒
• 主体：陶色花盆内的一份香草（罗勒或薄荷二选一）
• 问题：
  1. 画面主体偏小
  2. 右侧没有足够平静的标题留白
  3. 图中不含店名、日期、价格、规格或包装文字

P04：问题海报

• 主标题：“春日窗台计划”
• 日期行：“2027 年 4 月 18 日（周日）14:00—16:00”
• 问题：
  1. 主标题和日期行做成同样醒目的文字块
  2. 地点、费用和名额零散分布
  3. 右下角紧贴边缘放一个抽象方格框
  4. “10 岁以上亲子家庭与社区居民”被遗漏
  5. 材料卡中的方格框只代表【预约二维码示意：不可扫码】

图解：放大观察 P01：主体虽然清楚，但尺寸偏小，右侧并不是平静的标题空间。

图解：P04 的视线在同权信息、零散区块和贴边占位之间来回跳动。

现在请你先做一个小判断：这张图是给已经知道活动的人留作纪念，还是给第一次刷到它的人快速理解并决定是否进一步了解？如果是后者，读者在手机上通常只给你很短的注意时间。他们首先要辨认活动是什么，其次才是活动何时何地、自己是否适合参加，最后才会寻找行动入口。封面不是资料表的缩略图，而是一张为下一步阅读打开入口的图。

本章以案例〈栖光花房的春日窗台计划〉为线索，完成两版手机端封面。一版让“春日窗台计划”成为最先被读到的主题；另一版让香草盆栽主体成为第一层，主题作为第二层，预约动作固定作为第三层。两张图都使用同一批已确认资料，却服务不同的阅读顺序。完成它们之前，先把“做一张春日封面”翻译成别人也能执行、日后还能复查的任务书。

图解：同一盆罗勒可分别服务“主题优先”和“主体优先”的两种阅读顺序。

任务书

栖光花房要在春季周末为附近居民和十岁以上亲子家庭介绍“春日窗台计划”。活动在 2027 年 4 月 18 日（周日）14:00—16:00，于晴川里社区共享花园 A 区举行；限 18 组，每组 68 元，含一盆香草苗与基础材料。参与者通过栖光花房预约页登记。以上均为本书的教学事实，正式版中的日期、费用、地点、店名和预约信息必须由可编辑文字承担；二维码只能写作【预约二维码示意：不可扫码】，不能把生成画面中的文字或方格当成资料。

先把需求写成一张不依赖某个软件的任务书。它不必华丽，但必须能让你在制作中作出取舍。

任务书还应补上一句“本次不做什么”。本章不承担完整海报的信息量，不要急着把费用、名额、地点、所有说明和二维码塞进封面。它可以放一条轻量补充信息，例如“春季周末·社区香草盆栽活动”，让读者知道主题所属；完整参与信息留给后续海报或说明页。减少不是删掉事实，而是安排事实出现的时机。

图解：已核验资料先筛选：封面只接收第一眼需要的信息，其余进入详情页。

判断起点

封面先解决阅读顺序，再讨论好不好看。阅读顺序指读者的视线在画面中自然经过的先后：通常从最大、对比最明显或位置最突出的元素开始，再走向次级信息，最后抵达行动提示。它不是强迫所有人按同一条线看，而是让重要信息不必靠猜。

用下面四个问题检查 P01 与版面，而不是凭“画面有点空”就开始加东西。

图解：从主体完整、标题层级、主动留白和安全边缘四个方面检查封面。

这四项里有一项失败，不要用装饰掩盖。主体不清楚，先换裁切或换素材；标题太长，先重组语句或改变断行；画面拥挤，先删除次要信息；边缘危险，先建立安全空间。安全空间就是重要内容与画布边缘之间主动留下的距离，它能抵抗不同设备的裁切和预览框的遮挡。

栖光花房已有的颜色也只分工，不抢戏：深叶绿 #355C57 用于标题或稳定信息，暖米白 #F5F2EA 作为大面积背景，柔陶红 #D87861 只点出行动提示，雾蓝灰 #C9D6D3 可用来划分小块信息。颜色不是装饰清单；同一版本里让一种颜色承担一个明确角色，读者才不会把每一处高亮都当成同等重要。

将下表与两张预览一并作为验收材料。它把“觉得旧海报很乱”改成可复现、可比较的处理依据。

图解：同一问题海报可沿两条清晰路径修为主题优先版或主体优先版。

先搭骨架

图解：背景、照片、标题、说明与行动提示分层后，才能独立修改并重新组合。

要完成的能力：建立可编辑的封面项目。 这一步要解决的不是“把照片放上去”，而是让照片、文字、背景和提示在以后可以分别调整。图层可以把一张图理解为叠放的透明纸：改文字时不伤照片，换照片时不挤乱信息。

通用动作： 新建适合手机预览的竖向画布，先不追求固定的渠道数字；把背景、P01 照片、标题、补充信息、行动提示分别放在独立层。建立一个只用于对齐的参考边线或网格，再把所有正式元素放在参考线内。导入 P01 后先复制保留原样，接着在使用副本上裁切和缩放。若工具支持分组，把“主题文字”“补充信息”“行动提示”分别成组；不支持时，也应在图层名称中写清用途。

中间状态： 此时画面可能只有暖米白底、未完成裁切的盆栽和几个灰色文字框，但你已能单独隐藏每一类内容。隐藏标题后，仍能判断主体是否站得住；隐藏照片后，仍能看出文字层级是否混乱。这比一开始把文字压进照片强得多。

结果检查： 随机移动标题框、替换一张临时照片、关闭一层背景，再撤回。若其他元素没有跟着错位，说明结构可编辑；若每次都得手动挪一大片内容，就回到分层和分组。不要只保存一张成图，它无法承接第二版封面、后续改稿或纠正事实。

接下来，确定两个版本的封面骨架：

版本 A：采用“上方标题区＋下方主体区”的上下分区布局。

• 标题放在画面上方，落于较干净的背景区域。
• P01 的盆栽位于下方或偏下位置。
• 补充信息靠近画面底部，避免抢主题。

版本 B：采用“左侧主体区＋右侧文字区”的左右分区布局。

• P01 经过适度裁切后，让盆栽主体更大、突出，放在左侧。
• 右侧依次安排主题和预约行动提示。
• 预约行动始终位于第三层，不提前进入主题前面。
• 柔陶红仅用于行动区的边框、图标或小面积底色。
• 行动文字保持深叶绿，底色为暖米白或白色。

补充说明： 这里的“预约了解”是行动性质的可编辑提示，不等于替代预约页或二维码。

图解：版本 A 使用上下分区，版本 B 使用左右分区，两者都保留独立边界框。

排出顺序

图解：主题优先与主体优先的阅读顺序双方案

要完成的能力：让主体、标题、补充信息和行动提示各守一个位置。 一张封面不需要所有信息都有同样音量。你要做的是把视线入口交给本次版本的主角。

通用动作： 先放最大的信息。版本 A 先放标题，版本 B 先放盆栽主体。然后放第二层：版本 A 的盆栽或活动性质说明，版本 B 的主题名称。最后才加入补充信息和行动提示。每加一层，就暂时隐藏后加的元素，检查前一层是否已经讲清。通过位置、字号、字重、明暗和留白建立层级，优先少用效果；不要用厚描边、重阴影和多重渐变替代判断。

中文标题的断行尤其值得慢下来。“春日窗台计划”可保持完整一行，也可在词义自然处拆成“春日窗台／计划”；不能拆成“春日窗／台计划”，更不能为了塞进边角把每个字都缩小。若标题变长，先增加标题区高度、调整主体位置或精简次级说明，而不是先缩标题。标题是读者进入任务的门，门变小，其他排得再齐也没有用。

图解：长标题可以整行或按词义分成两组，不能被切成碎片塞进角落。

中间状态： 版本 A 在缩小后，标题应像一个稳定的视觉块，主体提供“香草盆栽”活动的直观线索；版本 B 应先看到盆栽，再在相邻文字区读到主题，最后才抵达预约行动。两个版本都可能使用同一张 P01，但主体在画布中占比、标题位置和行动提示的强弱明显不同。

结果检查： 关掉颜色，只看灰度预览。若仍分得出第一、第二、第三层，层级主要由大小、位置和明暗建立；若一变灰就全部一样，说明你过度依赖颜色。再把画面缩小到手机实际预览感受：主题、盆栽、行动提示是否仍可在很短时间内找到？找不到时，只改一个主问题，例如增大标题区或移动主体，不要同时把颜色、字体、背景和装饰全部推翻。

图解：彩色稿转为灰度后，标题、主体、补充信息和行动提示仍保持清楚的大小层级。

留白与边缘

要完成的能力：用对齐和留白让画面有秩序。 留白不是“还没有填满”的区域，而是主动为阅读留出的空间。它使标题有呼吸，也让行动提示不被照片纹理吞没。

通用动作： 为标题、主体和行动提示各画一个看不见的边界框。让同类文字左边、右边或中心线对齐；让不同组之间的间隔明显大于组内行距。P01 原本主体略小、右侧留白不足时，不要硬把标题塞在右边。可以把主体移到下方，以顶部留白承接标题；也可以把照片置于色块内，留出的色块区域再排字。真实商品照片不需要被拉伸来“填满”画布。

中间状态： 你会看到每个区域都有职责：标题区不被叶片压住，主体区不被文字遮挡，行动区不贴画布边缘。即便删掉花朵、小图标或细线，画面仍然成立。

结果检查： 沿画布边缘做一次“裁切模拟”：假设四周各被遮去一点，主题、主体和行动提示是否还在？再把文字导出为普通预览图后放到手机上查看，避免只在放大的编辑画布里误判。若文字与背景黏成一团，优先调整背景明暗、文字位置或文字块底色；不要仅给每个字加粗重阴影。

图解：内容先放进安全区，再模拟四边裁切，重要元素仍应完整可见。

存好版本

图解：原始素材、可编辑文件、待改预览和通过复测的交付文件形成可追溯链条。

要完成的能力：让项目文件、预览和正式导出各有位置。 文件管理不是额外文书，它决定你能否找到正确的素材并安全改版。

通用动作：

在项目根目录建立以下四个文件夹：

1. 01_原始素材
2. 02_项目文件
3. 03_导出预览
4. 04_正式交付

各类型文件的管理方式如下：

• 原始素材：P01 的原文件只存放在 01_原始素材，不可直接在原文件上覆盖处理。
• 可编辑文件：编辑用封面文件放在 02_项目文件 中。
• 导出预览：供手机检查与初步验收的低风险预览文件，存放在 03_导出预览。
• 正式交付：只有手机测试、修正和复测均通过的最终版本才进入 04_正式交付。

文件命名规则举例：

• 资料核验后的源文件命名为 栖光花房_春日窗台计划_竖版封面_A_v01 和 B_v01
• 手机测试和修正后，命名为 A_v02、B_v02，并导出同名的 preview 文件
• 未通过复测的版本只能留在 03_导出预览，名称后加“待改”，如：A_v01_preview_待改
• 复测通过后，导出 A_v02_final、B_v02_final 至 04_正式交付

渠道尺寸与文件格式需在第 10 章交付卡内进一步核对。

中间状态： 目录里同时存在原始 P01、可编辑 A/B 的 v01 与 v02、对应预览、手机测试记录和一份简短任务书。通过的 v02 才有正式导出文件；未通过版本没有“正式交付”副本。任何人打开文件名，都能分辨它是原图、待改预览、可改源文件还是已验证交付图。

结果检查： 关闭编辑器后，只凭目录能否在一分钟内找到版本 A 的源文件、预览、测试记录和正式交付？能否说出哪个是未改动原图、哪个仍待改？若不能，立即改名和归档；交付前才整理会把错误版本带进正式文件。

案例分析

案例分析：案例〈澄野果集的两张周末封面〉

图解：同一果篮素材从信息同权旧稿，分别改成主题优先版和主体优先版。

原始情境： 澄野果集要为“周末果篮领取”做手机封面，同一张果篮照片被放在中央，标题、领取时间、地点、优惠说明和“立即登记”全以接近的大小围在四周。负责人觉得画面颜色很多，应该“够吸睛”。

发现的问题： 测试者先读到优惠说明，再找果篮，最后才意识到这是领取活动；边缘的地点有被裁切风险。问题不在于照片不好，而在于所有内容同时争夺第一眼。

判断依据： 首次接触者要先知道“这是什么”，再决定是否继续。果篮图片和活动主题应形成入口，领取时间与地点承担第二层，登记动作只需清楚可找。优惠说明虽然有价值，却不应压过主题。

修改方案： 版本一把“周末果篮领取”置于标题区，照片退到下方并留出边缘；版本二放大果篮，把“登记领取”做成小面积行动色块。两版都把时间地点压缩为同一信息组，删去重复装饰，不让颜色承担唯一层级。

验收结果： 测试者在不放大图片的情况下，能先说出活动主题，再指出领取信息与登记提示；关掉颜色后仍能看出标题和主体谁更重要。两版都可用，但分别适合“讲清主题”和“引导行动”的位置。

这个案例提醒我们：同一素材可以有不同的正确排法，前提是每一版先说清自己的任务。没有任务书的“多做几个版本”，通常只是多做几种犹豫。

错误与修复

错误定位：封面只剩一张成图

图解：展平图片无法单独改标题或移动主体，修复要回到独立图层结构。

某内容团队先在照片上画满装饰，再把所有文字合并成一张图片导出。后来标题要从四个字改成九个字，主体又需要右移，团队只能从头做。这个错误可被明确定位：打开文件后找不到文字层、照片层和背景层，原图也没有备份。

修复不是把旧图再加一个文本框，而是回到可编辑结构：重新导入未破坏的照片，拆出背景、主体、标题、说明和行动提示；把长标题按词义断行；导出一张仅用于检查的预览图。若原始照片已丢失，不能假装 AI 生成的相似图仍是原素材，应标为待确认并补拍或重新取得授权素材。

另一个常见错误是“先堆装饰、最后才放标题”。定位方法很简单：临时隐藏所有装饰，若没有标题、主体和行动信息，画面就无法说明任务，则装饰先于结构进入了项目。修复顺序是先恢复阅读层级，再只保留能帮助分区或引导视线的少量元素。

练习与验收

使用 P01、活动事实表和 P04 中暴露的问题完成练习。你不需要生成新图片，也不需要把正式信息交给图像生成工具。

1. 写两份不超过一页的任务书：版本 A 的第一阅读目标是活动主题；版本 B 的第一阅读目标是 P01 主体，主题第二层，行动固定第三层。
2. 以同一张 P01 完成两张竖向封面预览。每张只保留主题、一个轻量补充信息和一个行动提示的位置；活动日期、费用等若需要展示，必须是可编辑文字，不作为生成图中的内容。
3. 将“P04 观察问题→阅读风险→A/B 处理”表随任务书提交，作为两版取舍的验收材料。
4. 先保存资料核验后的 A_v01、B_v01 源文件和 preview 文件；测试不通过时，仅保留“待改”预览，修正后另存 A_v02、B_v02。
5. 让一位不了解项目的人在手机实际预览中各看两张图，完成首测、修正和复测。只有复测通过，才导出与 v02 一一对应的 A_v02_final、B_v02_final。

图解：手机首测先记录错误停顿，只调整一个主问题，再在相同条件下复测。

手机复述/复测记录模板如下。每轮都记录实际观看结果，而不是只写“已测试”。

验收时不问“好不好看”，而看下列可观察结果：

• 两个版本的第一阅读目标不同，且都能在缩小预览中辨认；
• 标题、主体和行动提示没有贴边，文字没有被裁切；
• P01 没有被拉伸、变形或当作包含文字的生成素材；
• 源文件、预览、手机测试记录和正式导出能按 A/B、v01/v02 一一对应；
• 测试者的复述与任务书中的优先级一致；未通过的文件没有误入正式交付。若不一致，先改版式或任务书，再进行复测。

换条件任务

独立任务：为一项的“亲子自然观察征集”制作一张封面。条件变化为：读者主要在横向电脑端看到第一版，标题比“春日窗台计划”更长，且没有可用的主体照片，只有一张干净但信息量很少的自然环境图。

图解：当横向画幅没有强主体时，可分别用标题或行动入口承担第一视觉层级。

请先写任务书，明确主题、对象、行动和不做什么；再做两种阅读顺序：一种主题优先，一种行动优先。环境图只能承担氛围和留白，不能凭空生成课程事实、日期、报名二维码或人物身份。完成后把横向版本缩到常见预览大小，并检查长标题断行是否仍自然。这个变化训练的不是“换个尺寸”，而是在主体变弱、标题变长时仍能靠结构把任务讲清。

交互练习