横版、方版与竖版

开场问题

栖光花房已经有一张活动主海报：暖米白底色，左侧是共享花园环境照片，右侧放着“春日窗台计划”、活动时间、地点、费用与预约提示。横向展示时它很清楚。店主接着提出三个需求：社区屏幕要横版，社群动态要方版，手机首屏要竖版；三份文件都要让人先明白活动是什么，再知道怎样参与。

图解：同一活动进入社区横屏、方形信息流和手机首屏时，观看动作与版式路径不同。

最容易出现的做法，是复制横版文件后把画布压窄，再把所有元素等比例缩小。结果往往是照片被挤成长条，标题断得别扭，行动信息贴近边缘，手机上看不出预约入口。多画幅不是“把一张图变成三种比例”，而是在不丢失事实的前提下，为不同阅读动作重建视觉路径。

图解：左侧硬裁造成主体变形和信息贴边，右侧重排保留自然比例与清楚层级。

本章使用原始活动事实：2027 年 4 月 18 日（周日）14:00—16:00，晴川里社区共享花园 A 区，限 18 组、每组 68 元，面向 10 岁以上亲子家庭与社区居民，含一盆香草苗与基础材料。第 12 章才处理改稿后的信息，不能提前混用。

任务书

案例：〈栖光花房的春日窗台计划〉。 本次物料服务于附近居民在不同设备上的首次浏览。横版用于社区电子屏或横向演示页，方版用于信息流预览，竖版用于手机优先的连续浏览。三份内容不是三张装饰图，而是同一次活动的三个入口；读者无论从哪个入口进入，都应获得一致的事实和下一步。

任务书还要写清“不做什么”。本章不借画幅变化改动活动名称，不把罗勒和薄荷写成同时赠送，不把“限 18 组”省略成“名额有限”，也不把教学二维码占位当成可扫入口。若渠道要求的文件限制或图片数量尚未核对，就写入交付卡并停在预览区，不靠记忆写进模板。

交付卡

交付卡把渠道的当期要求翻译成制作约束。它必须记录规则来源和核对人，才不会把旧项目的数值误当成新渠道规则。横、方、竖是三种交付组；每个组可以是一张完整单图，也可以是一组有固定轮播顺序的卡片。

填写时先区分稳定原则和会变化的参数。稳定原则是：核心文字不压边，导出后在目标情境回看，源文件与导出图分开保存。具体像素、文件大小、支持格式、图片数量和轮播规则会变化，只能来自这一轮项目的规则来源。交付卡没有填全，就不具备正式交付资格。

图解：交付卡把渠道要求分别映射到横屏、方形信息流和手机预览。

判断依据

先把信息分成三层：第一次浏览必须得到的主题、时间地点、对象与行动；停留后需要读到的费用、名额和材料范围；以及可在说明卡中展开的补充条件。费用、名额和材料范围不能删除，只能以清楚的顺序呈现。

图解：第一眼主题、停留后事实、继续阅读后的补充条件形成递进阅读路径。

单图能容纳完整事实时，交付组可由一张图完成。空间不足而需要拆分时，交付组必须明确分工：首图保留主题、时间地点、对象、行动，以及“费用名额见说明”；第 2 卡完整写出每组 68 元、限 18 组、含一盆香草苗与基础材料及材料范围。交付卡要记录该组为两张、首图和第 2 卡的顺序。拆分的目标是降低首屏密度，不是把限制藏到读者找不到的地方。

图解：信息可容纳时使用完整单图；拥挤时拆成首图与说明卡，并保持明确顺序。

横版适合并列安排主体区和信息区；方版适合围绕一个稳定焦点组织标题、主体和行动；竖版适合按“主题—主体—参与信息—行动提示”自上而下展开。这是阅读行为差异，不是审美好恶。每次重排都要问：第一眼落在哪里，第二眼能否自然找到事实和行动。

安全区域是画布中不易被裁切、遮挡或贴边挤压的内侧空间。标题最后一个字、主体识别部分、标识和行动入口都应离开危险边缘。本章的二维码只检查“【预约二维码示意：不可扫码】”占位框是否留足边距、是否未被裁切；已获授权的正式二维码只在独立项目中测试，不能拿教学占位代替扫码结果。

图解：内侧安全区保护主体和行动块，右侧失败预览展示二次裁切造成的顶部与底部损失。

遇到以下情况，应停止微调并换策略：横版裁成竖版后主体识别部分消失；长标题只能靠极小字塞下；首图信息没有呼吸空间；主图没有可用裁切区；渠道要求没有来源。前两种应重排或换构图，第三种应拆说明卡，第四种应换素材或扩展背景，第五种只能保留为待核对预览。

重新布局

图解：同一内容在多画幅中的重排路径

下面的过程以“能力—通用动作—中间状态—结果检查”推进，不依赖某个软件的固定按钮。

能力：建立三个可独立修改的画布版本。

通用动作是复制原始项目作为母版，再分别建立横版、方版和竖版文件或画板。把照片、背景、标题、事实信息、行动信息和装饰保留在独立图层或组件中；命名写出项目、用途、画幅和版本，例如“春日窗台计划_横版_原始事实_v01”。不要在唯一一张成图上直接改尺寸。

中间状态应是：三个画布共用已核实文字和基础色，但没有任何一个版本被强行拉伸。结果检查不是看文件数量，而是确认母版仍在、每个版本可单独编辑，并且 P04 的活动对象遗漏、贴边问题没有被复制进新图。

图解：保留母版并分支出三个可单独编辑的画布，照片、标题、事实和行动模块仍彼此独立。

能力：为横版安排并列阅读。

通用动作是先定主体和标题两块大区域，再放时间地点和行动区。若 P01 的主体一侧留白较少，就顺着照片方向安排文字，避免压住花盆。横版可将“春日窗台计划”和“香草盆栽体验”分成两层，再把日期、地点、对象、18 组和 68 元整理成一组可扫读信息。

中间状态应从远处看出主体区与信息区，并在缩小后仍区分标题和补充信息。结果检查是主体不与文字抢位、对象没有遗漏、占位框不贴边；若标题不断挤压主体，就减少无关装饰或拆出第 2 卡，不缩小到难读。

图解：横版让主体区与信息区并列，远看即可分辨两块大区域。

能力：为方版建立集中焦点。

通用动作是先画主体主导、标题主导、信息主导三种草图，再选一种。对栖光花房，可让 P01 居中偏下、标题放在上方留白，时间地点与预约提示在底部成组；也可让暖米白信息区占三分之一，照片作为有边界的内容块。

中间状态是缩略图只有一个明确焦点，放大后才读到费用和名额。结果检查要看近似信息流的窄宽预览：标题像说明文字、预约提示像装饰，都说明层级需要重建；P01 裁切后无法辨认香草盆栽套装时，应换素材而不是硬保留。

图解：三种方版草图先比较主导焦点，再选择主体居中偏下的集中构图。

能力：为竖版重建自上而下的节奏。

通用动作是按“主题—主体—参与信息—行动提示”排成连续模块。先用标题建立进入点，再用主体照片提供情境，之后分组写日期、时间、地点和对象，最后安排费用名额、材料范围与预约提示。若改为两卡交付组，竖版首图按前述规则保留“费用名额见说明”，第 2 卡再承接完整条件。

中间状态不是被拉长的横版，而是上下关系清楚、连续浏览时每段仍有意义的版式。结果检查时，在手机实际宽度下看标题是否费力、时间地点是否分散、底部行动区是否被遮挡；信息太多时优先合并重复描述或拆说明卡，不删对象、费用或名额。

图解：竖版按主题、主体、参与信息、行动提示自上而下组织，并在连续浏览中保持节奏。

导出回看

导出不是最后一个按钮，而是再次验证的开始。屏幕图、打印图、透明背景素材、预览图和可编辑源文件职责不同：屏幕图服务设备查看，打印图服务实体输出，透明背景素材方便后续合成，预览图便于沟通，源文件保证后续能改。不要用同一个临时文件名覆盖它们。

建议在“03_导出预览”中先放待检查文件，在“04_正式交付”中只放通过检查的交付组。文件名可采用“项目_用途_画幅_日期或版本”结构，例如“春日窗台计划_社群方版_原始事实_v02”。若一个交付组含两卡，文件名还要加入序号，例如“_01_首图”“_02_说明卡”。

图解：屏幕图、打印图、透明素材、预览图和源文件职责不同，待检查与正式交付必须分区。

每个交付组至少做三次回看：实际尺寸看清晰度，目标预览看裁切与颜色，理解测试看读者能否取得正确事实。理解测试记录不评价“好不好看”，只记录读者能否说出主题、时间地点、对象和下一步。

再做一次反向验收：不要从源文件向外看，而是从每张导出图倒推它属于哪个交付组、用了哪一版事实、还需要哪一张说明卡。把横、方、竖版缩成同一观察高度，遮住文件名后请测试者分别回答三件事：五秒内这是什么活动；十秒内到哪里、谁能参加；继续阅读或滑到第 2 卡后费用、名额和预约动作是什么。若横版能读、方版读不出对象，问题不叫“方版不好看”，而是该画幅的事实层级失效；若只能通过口头解释才明白第 2 卡，说明首图的指向提示不够明确。

图解：从清晰度、目标设备与理解路径三次回看，再由导出结果反推源文件和配套卡片。

这张表与交付卡一起保存。它让“重新布局”留下可复查证据：你可以知道问题是出在照片裁切、信息拆分、行动区位置，还是渠道规则没有核对，而不是在不同画幅里反复凭感觉挪动元素。

案例分析

案例分析：案例〈栖光花房的多画幅公告卡〉。

原始情境 → 团队把横向公告硬裁成竖图，标题只剩半行，行动信息落在底边。

发现的问题 → 团队把文件尺寸变化当成唯一问题，没有重新安排阅读顺序，也没有测试手机预览。

判断依据 → 竖版必须完成由主题到事实再到行动的路径；关键内容不能依赖边缘，也不能只靠缩小容纳。

修改方案 → 保留横版母版，另建竖版画布；首图保留主题、时间地点、对象和行动，费用名额改为“费用名额见说明”，第 2 卡补全费用、名额与材料范围，并在交付卡记录两卡顺序。

验收结果 → 测试者能在一次连续浏览中说出主题与下一步；三种画幅都有独立源文件、预览图、用途标记和交付资格结论。

图解：硬裁竖版经母版分支与模块重排，最终成为首图和说明卡配合的手机交付组。

错误与修复

错误案例：案例〈栖光花房的过期交付卡〉。 团队沿用半年前的尺寸记录，编辑器里画面完整，上传时却发现主图被二次裁切。随后他们只在竖版补了一块照片，忘了更新方版预览和文件名，导致三个版本像不同活动。

定位时先找交付卡的规则来源、核对日期与核对人：没有当期核对，不能宣称符合渠道。再逐个比对横、方、竖交付组的事实与版本号；出现旧日期、旧名额、不同标题层级或不一致主图，就列为返工项。最后以导出文件而非编辑画布测试裁切，因为压缩、预览容器和二次裁切常在导出后才暴露。

修复不是再压缩错误文件，而是回到母版和交付卡：核对当期规则，重建安全区，更新每个受影响画幅，重新导出并按用途查看。若只缺一项渠道参数，文件留在预览区，不能混进正式交付。

图解：过期规则会同时造成横、方、竖版本的裁切和层级问题，修复应回到规则源与母版统一更新。

练习与验收

用栖光花房的原始活动事实，完成横版、方版、竖版三个交付组。

1. 填写渠道交付卡，至少写明用途、画幅、格式、图片数量和轮播顺序、文字与活动信息限制、规则来源、核对日期／人、预览方法和正式交付资格。不能核对的参数写“待核对”，不得填“通过”。
2. 每个交付组可做成一张完整单图，或按“首图＋第 2 说明卡”拆分。拆分时首图必须有主题、时间地点、对象、行动和“费用名额见说明”；第 2 卡必须完整写费用、名额与一盆香草苗和基础材料的范围。
3. 导出预览并按项目、用途、画幅、版本和卡片顺序命名。未通过的文件留在预览区，不放进正式交付区。
4. 对每个交付组进行理解测试，并逐组记录三项：5 秒时能否说出主题；10 秒时能否说出时间、地点与对象；是否会继续阅读或打开第 2 卡，并找到费用、名额与预约动作。这里检查的是整组交付的阅读链，不要求每一张都塞进全部信息。
5. 二维码只检查不可扫码占位框的边距、完整性和行动提示位置；不要对教学占位做扫码测试。

验收时逐项勾选：

• 三种画幅都没有拉伸主体；
• 没有用极小文字解决拥挤；
• 原始日期、地点、对象、18 组、68 元和材料范围保持一致；
• 每个交付组都能从首图通向完整条件；
• 关键内容不贴边，源文件仍可继续编辑。

任一项不通过时，记录它影响的画幅和卡片，再回归检查。

图解：完成练习后，横、方、竖交付组、设备预览、空白检查单、源文件与正式交付夹形成完整证据链。

换条件任务

独立任务：为案例〈栖原社区行动的栏目预告〉制作一组横、方、竖预览图。该案例不沿用栖光花房的商品或活动事实：它只有一个待确认的栏目标题、一张竖向人物照片和一段较长的简介。任务是隔离未确认项，制作只表达栏目主题与“详情待发布”的三种预览图。

验收要求：三种预览均无人物变形，不含自行补入的日期、联系方式、二维码或身份；待确认字段与正式预览清楚隔离。

图解：竖向人物照片在三种画幅中保持自然比例，未确认信息独立留在候审区，不被编进正式预览。

交互练习

记录选择与待确认项

• 说明哪一版必须重排，哪一版可保留主体裁切。
• 写明哪些字段必须等事实确认后才可进入正式成图。