这篇写给正在做首饰视觉、商品详情页和 AI 电商图的卖家、运营与设计师。
水晶手串的详情页很容易做得“用力过猛”。
深紫、浅紫、粉色、金色发丝,圆珠、切面珠、随形珠……每一种材质都想被看见,每一个细节都值得放大。可当它们同时出现在一张图里,最先消失的往往不是卖点,而是主次。
信息很多,却没有主角;颜色很贵,却看起来很乱。
这次我没有按 01 到 08 逐页讲解,而是把整套详情页重新分成整体印象、细节证据和佩戴决策三组。先看最后的 8 张成品。
每颗珠子都想当主角
这串手链的难点,不是元素不够,而是元素太多。
画面资料里同时出现深浅紫色、粉色、透明晶体、金色丝状纹理,以及圆形、切面和随形结构。如果把每颗珠子都放大、都加标签、都配一句解释,最后得到的只会是一份材料清单。
所以我先让 Codex 做减法:找出视觉主角、辅助色和过渡关系,再决定哪些信息应该远看,哪些必须近看。
复杂商品不是平均用力,而是先建立观看顺序。
第一层:先让买家记住“一串”
先记住整体气质
首屏没有急着把所有晶体名称排出来,而是用深紫背景、人物佩戴和完整圆环建立第一印象。深紫负责压住画面,金色只做少量提亮,浅紫和粉色完成过渡。
买家第一眼应该记住的是这串手链的整体气质,而不是努力分辨十几颗珠子。
用总结页重新收束
最后一张图再次展示完整圆环,并把多宝层次、天然纹理、原创珠序和两种手围集中到一起。它与首屏形成前后呼应:开头负责心动,结尾负责记忆。
第二层:复杂材质要分层证明
材质不是一排名称
第二组图把信息拆成三个观察距离。整体图先说明不同颜色和形态如何组成一串;局部图再分别展示画面资料中标注的紫水晶、紫龙晶、紫超七、黑金超七、紫锂辉与随形切面。
这里的重点不是让买家背下所有名称,而是让她理解:这些珠子为什么看起来不一样,又为什么可以放在一起。
让光线成为细节证据
晶体的通透、色带、丝状纹理和多面折光,不能只靠形容词。第三张图把镜头推近,让光真正穿过珠体。文字退到辅助位置,材质本身成为证明。
珠序本身就是设计
当材质被看清以后,下一步才解释为什么这样排列。随形主珠负责建立中心,金色发丝完成过渡,明暗圆珠维持节奏,切面珠负责提亮。
高级感并不来自每颗珠子都足够抢眼,而是每颗珠子都知道自己应该出现在哪里。
第三层:珠宝最终要回到人身上
上手以后,气质才成立
产品静物只能证明材质,人物佩戴才能回答上手效果。新中式、日常通勤和轻礼服三个场景,让同一串手链从紫色静物变成可以代入的穿搭选择。
手围是最实际的成交信息
画面再漂亮,尺寸选错也无法成交。这一页用约 15cm 与约 17–18cm 两种手围说明佩戴差异,并把测量方法压缩成贴合手腕、记录周长、按结果选择三个动作。
礼赠让情绪价值落地
最后再把产品放进自用、生日和送给重要之人的场景。这里不需要继续增加材质知识,而是回答买家最后一个问题:除了自己佩戴,它还能代表什么心意。
Codex 在这里更像一名编辑
它真正有价值的地方,不是凭空补写水晶功效,也不是把画面做得更满,而是帮助我重新安排信息:先找主角,再划分层级,最后检查每一张图是否仍属于同一串手链。
我给它的关键任务可以浓缩成这段话:
请不要逐颗平铺介绍这串手链。先确定主珠、辅助色和视觉节奏,再把页面分成三组:整体印象、细节证据、佩戴决策。每张图只保留一个视觉主角,并检查珠序和颜色是否与参考图一致。
复杂产品最怕平均用力。
真正的高级感,是让每一个元素都有位置,但不是每一个元素都抢着说话。
想把这套详情页设计方法,部署到自己的商品上?
评论区回复 「部署」,我把 Codex 安装和详情图 Skill 的部署流程发你。

