先看结果:这次不是把同一盏台灯反复换背景,而是让每个画面承担不同任务。从设计、结构、场景到细节、尺寸、使用与配色,每一屏都给出新的判断依据。
我只给 Codex 产品名称、三张参考图,以及“黄款为主,同时兼顾其他颜色”的方向。Codex 电商技能包继续完成问题拆解、分屏策划、统一风格与逐图检查。
今天就用这款北欧插电式创意笔筒台灯做一个完整案例。产品是载体,真正要验证的是:Codex + Skill 能否从有限资料出发,把一件商品组织成有顺序、有证据的成套视觉。
先看结果
整套视觉以柠檬黄为主角。暖灰墙面、木质桌面与奶油白信息区托住黄色主体,薄荷绿、樱花粉、皓月白只在配色确认和结尾出现,不抢主视觉。
八屏依次切换沉浸场景、结构标注、桌面深景、局部微距、尺寸卡、连续动作、四色陈列和总结构图。买家每往下看一屏,都会得到一个新的判断依据。
输入与方法
本次输入是产品名和三张参考图。可确认的信息包括圆形底座、弧形灯杆、圆润灯罩、一体圆筒笔筒、金色连接件、铁艺烤漆标注,以及柠檬黄、薄荷绿、樱花粉、皓月白四色。参数图还能读到整体高48cm、底座直径15cm。
Codex 没有从“做一张好看的图”开始,而是先问买家依次关心什么,再让每屏只回答一个问题。没有证据的功率、亮度、调光、灯泡配置、开关方式和附加功能全部排除,只让可见结构、已给参数与真实场景进入文案。
第1屏|点亮桌面,也收好灵感
第一屏解决“它为什么值得多看一眼”。黄款整机进入暖灰与木色组成的北欧桌面,圆润灯罩、弧形灯杆和一体笔筒在同一视线里被看清。
短卖点只有“台灯 × 笔筒一体设计”。灯下光斑只呈现参考图可见的点亮状态,不延伸为亮度、色温或护眼承诺,画面靠造型和色彩建立第一印象。
第2屏|台灯与笔筒,同在一座
第二屏回答“两个用途怎样存在于同一结构”。画面拉近黄款,用简洁标注指向灯罩、灯杆、笔筒和圆底座,让部件的真实位置关系成为证据。
这里不使用夸张爆炸图,也不添加参考资料中不存在的接口或控制件。买家看到的是产品本身的结构逻辑,而不是想象出来的功能。
第3屏|一抹黄,给桌面加点灵感
第三屏把产品放回日常空间。书本、纸张与文具形成前景,黄款台灯位于工作区中景,背景保留书架和墙面层次,重点仍是桌面搭配关系。
参数图列出了宿舍、书房、办公室等场景,因此这一屏只表达“适合放进这些桌面环境”的搭配方向,不把场景包装成学习或工作效率结论。
第4屏|圆润灯罩,金色点睛
第四屏不再重复整机,而让局部细节承担主角。灯罩表面、金色顶部与连接位置、笔筒筒口和底座边缘被分成三个近景,形成观察节奏。
“铁艺烤漆”来自用户提供的参数图,可以进入画面;耐磨、防锈、耐高温等性能没有证据,不写。这样既保留质感,也守住商品事实边界。
第5屏|桌面尺寸,先看清
第五屏处理下单前的实际问题:它大概占多大位置。画面切换为奶油白信息卡,用完整侧面轮廓配合尺寸线,突出整体高48cm与底座直径15cm。
尺寸页不替买家做“适合所有桌面”的判断,而是给出参考图中可读的数据,让读者结合自己的空间确认。信息越克制,越容易读懂。
第6屏|常用的笔,随手有位置
第六屏用连续动作说明笔筒怎样进入日常:把常用文具放入圆筒笔筒,从中取出一支笔,再回到桌面书写。产品、手部和文具的接触保持自然。
这一屏只证明可见的收纳结构,不演示开关、调光、调角度或手机放置。动作越单一,买家越能明白这只笔筒在桌面上的角色。
第7屏|四色可选,桌面各有性格
第七屏才让其他颜色正式出现。柠檬黄保持最大面积和主位置,薄荷绿、樱花粉、皓月白进入三张较小场景卡,同一结构用不同颜色建立搭配差异。
配色页不是把四款平均摆开,而是回应“我可以怎么选”。黄色负责整套案例的识别度,另外三色提供更轻柔、清新或简洁的桌面选择。
第8屏|把光、收纳与色彩放在一起
最后一屏回到完整产品。黄款在前景保持主角位置,另外三色作为后排轮廓出现,下方只总结笔筒一体、四色可选和参数图标注尺寸,不引入新卖点。
好的收尾不是再堆一轮信息,而是让读者记住前面已经看见和确认的理由。八屏从吸引注意走到辅助判断,形成完整阅读路径。
一套图为什么能保持统一
本案先锁定事实,再排列买家问题,让每屏只承担一个任务。视觉可以变化,但灯罩、灯杆、笔筒、底座、金色连接件和四色关系不能漂移;文案可以有节奏,但不能越过事实边界。
这也是 Codex 电商技能包值得复用的部分:不只负责生图,也先把每张图为什么存在想清楚。
已核验产品事实 → 买家问题排序 → 一屏一个任务 → 场景或结构证据 → 统一色彩与字体 → 产品一致性检查
可直接复用的提示词
1. 读取我提供的产品名、商品图和参数图,只整理能够明确看见或读到的事实;无法确认的性能、配置、认证与效果不要写入卖点。
2. 从买家购买前最关心的问题出发,规划八个详情页任务;每屏只解决一个问题,分别给出标题、短卖点、画面证据和风险边界。
3. 统一产品轮廓、颜色、部件位置与物理关系,同时让八屏包含场景、结构、细节、动作、参数、配色和总结;相邻页面不要重复同一背景、角度与尺度。
4. 按计划生成成套视觉,逐图检查产品是否漂移、文字是否正确、尺寸是否有来源、动作与阴影是否真实;发现未经证实的功能或参数时,删除并交给人工复核。
如果你也想用 Codex + Skill 做商品主图、详情图或成套视觉,回复「生图」。

