数字商品封面怎么做?极简风格也要让人分得清商品 - AIPlan

数字订阅商品封面如何兼顾美观与清晰?以黑白极简商店为例,说明系列规则、信息层级、移动端裁切和不同渠道的区分方式。

数字商品封面怎么做?极简风格也要让人分得清商品 - AIPlan
极简封面失败的方式只有一种:缩到 200 像素之后,所有商品长得一模一样。解决它不是加装饰,而是把差异放进三处固定的位置——档位名称、价格位数、渠道标记。位置固定,风格就不会散;内容不同,买家才分得清。 先定系列规则,再画第一张 一个商店的封面应该像一张表格的 7 个格子:版式完全一样,只有内容不同。所以第一件事是把规则写成参数,之后每次只换参数。 我用的 7 项规则: 项目 固定值 可变项 画布 1:1 无 背景 #F5F5F5 纯色 无 主体区 居中偏左,占宽 55% 商品图形 文字区 右侧 40% 宽度 档位名、价格、周期 色数 最多 3 色 主色 + 黑白灰 字体 无衬线,标题粗体 无 角标 右上角 8% 边长 渠道缩写 规则定死的部分占画面的 70% 以上,剩下 30% 承载信息。这样 7 张图并排放在商品列表里,看一眼就知道是同一家店的,又能立刻分出是哪一档。 信息层级只有三层 封面不是详情页,它只承担一个任务:让买家在 2 秒内判断"这是不是我想要的档位"。 三层就够: • 档位名,字号最大,例如 PLUS、PRO 5x; • 价格或周期,字号次之,例如 30 天; • 渠道标记,最小,例如 PH(菲区)、CL(智利区)、EG(埃及区)。 第三层经常被省掉,但它恰恰是本店最需要的信息。同样是 Pro 5x,菲区 ¥677.30 可覆盖菲区 Plus、可提前续费,智利区 ¥661.50 不可覆盖。两个商品外观一致,买家点错的概率很高。 所以角标不是装饰,是把商品条件提前放到了列表页。 具体数一数本店 7 个商品怎么分 截至 2026 年 10 月 18 日核对,本店在售的 7 个商品,封面至少要能区分出这些差异: • Plus 月卡 ¥115.50,菲区,1 个档位; • Go 月卡 ¥35.00,埃及区,1 个档位; • Pro 5x 智利区 ¥661.50,菲区 ¥677.30,两个价格; • Pro 20x 菲区 ¥1,071.00,1 个价格; • Pro 25x 智利区 ¥3,255.00,菲区 ¥3,360.00,两个价格。 价格从 35 到 3,360,跨度接近 96 倍。位数差异本身就是识别信号:35 元是两位数,3,360 元是四位数。把价格放在固定位置、固定字号,买家扫一眼位数就知道大概在哪个区间。 7 个商品里 4 个带渠道变体,所以角标必须做,而且必须在同一位置、同一字号。不能一张放右上、一张放右下。 生图的提示词怎么写 用六格结构,但第 4 格要写得比其他类型更死: 黑白极简风格的电商商品封面,1:1,浅灰 #F5F5F5 纯色背景,居中偏左放一个抽象几何图形代表订阅档位,右侧留出 40% 宽度的空白用于后期叠字,左上角留 15% 空白,画面只用黑、白、浅灰三色,无渐变、无阴影、无纹理,不要任何文字、字母、数字、logo、水印、二维码、人物。 三个细节值得单独说: 无渐变、无阴影、无纹理 是为了缩略图阶段不糊。浅灰背景加一点渐变,缩到 200 像素就变成脏灰。 不要任何文字 是刻意的。AI 生成中文的出错率不低,商品名和价格交给后期排版,字形才可控。官方也提示过,密集文字或生产级排版需要在设计工具里完成。 左上角留 15% 空白 是给角标预留的位置。不预留,后期压上去会盖住图形。 生成之后必须验的四项 第一项,缩到 200 像素看一遍。这是列表页的真实尺寸。缩完分不清是什么,就重做。 第二项,灰阶对比度。把图转成灰度,主图形和背景的明度差要够。手机上自动亮度一调,浅灰背景会吃掉浅色的图形。 第三项,裁切测试。同一张图分别按 1:1、4:5、16:9 裁一遍。主体在三次裁切里都要完整,这决定了同一张图能不能同时用在列表页、详情头和横幅。 第四项,系列一致性。把 7 张缩略图排成一行,闭眼 3 秒再睁开,能不能立刻分出档位。分不出,说明信息层级没拉开。 移动端占多少,规则就要跟着改 大部分买家在手机上看列表。手机端一屏通常显示 2 列,每列宽度约 160 到 180 像素。这个尺寸下,字号小于画面的 8% 基本不可读。 按这个约束反推:档位名高度不低于画面的 10%,价格不低于 8%,角标不低于 5%。三项加起来占掉画面的 35% 左右,剩下 65% 留给图形和空白。 1:1 的画布里,安全区是中间 80%。四个边各留 10%,避免被圆角裁掉。这条在 iOS 和 Android 的卡片样式里都会遇到。 不同渠道的封面不能共用同一张 列表页、详情页头图、分享卡片三个位置尺寸不同,直接拉伸会变形。 位置 比例 关键约束 商品列表 1:1 缩略图可读,档位名不小于 10% 详情页头图 4:5 下方留出 20% 给标题 分享卡片 1.91:1 主体居中,左右各留 10% 做法是先出 1:1 母版,再按另外两个比例各出一版,而不是裁同一张。官方支持在提示词里指定比例,也提供比例选择器,直接生成对应尺寸比后期裁干净。 版本留档与批量替换 7 个商品 × 3 个尺寸 = 21 张图。文件名按 档位_渠道_尺寸_版本 命名,例如 pro5x_ph_1x1_v2.png。 改价格的时候,只换文字层,不重出图形。这样系列风格完全不变,只有价格数字变了。重出图形会让 7 张图的风格集体漂移。 多轮修改保持一致的方法在先写出不可变项里写得更细;提示词六格结构的完整说明看先说明图片用在哪里;封面定稿后要写商品描述,把条件写进标题和正文是下一步。 最后补一句边界:封面能传达的信息只有档位、价格、周期、渠道四项。账号条件(能不能覆盖、能不能提前续费、质保范围)写不进一张 1:1 的图里,必须落在商品描述和详情页。指望封面承担这些,只会让它变得谁也不像。 截至 2026 年 10 月 18 日核对,商品价格与渠道条件以本店商品页为准,生图的比例、文字与编辑能力以 OpenAI 官方《Image generation》与《Images in ChatGPT》文档为准;价格与库存会变动,以商品页当前显示为准。 参考资料资料核对日期:2026-10-17 • Image generation • AIPlan 当前公开商品说明 延伸阅读• 生图提示词怎么写?先说明图片要放在哪里 • AI 图片越改越不一样?先写出不可变项 • 用 AI 写商品说明:先做事实表,再谈卖点