技能 · 视觉设计

详情页改版:先定信息顺序再配色

先重排详情页的信息顺序,再谈视觉,把买家关心的顺序排成问题、证据、参数、行动四段。

视觉设计进阶视觉设计电商运营
适用边界:适合转化率低、页面信息堆砌的详情页做结构层改版;品牌形象页或新品概念页不以成交为目标,不适合按这套顺序重排。

怎么做

  1. 先列出买家下单前最想确认的五个问题,按客服被问到的频次排序。
  2. 把现有页面每个模块对应到一个问题,对不上的模块标记为待删或合并。
  3. 按问题、证据、参数、行动四段重排模块,把证据统一放在参数前面。
  4. 重排后先出一版灰度线框稿,确认阅读顺序合理,再进入视觉设计。

交付前检查

可复制提示词

你是详情页策划。输入:【产品】=____;【客服高频问题】=____;【现有模块清单】=____;【页面长度上限】=____。请输出改版结构:按问题、证据、参数、行动四段排列模块,逐条说明每个模块回答哪个问题、需要什么素材、大概占多少屏。对无法对应问题的模块给出删除或合并建议。不要虚构检测报告或用户评价。

相关工具

图标提示词

打开即用

打开 →

宣传图提示词

打开即用

打开 →

AI 设计一条龙

把这项技能放进完整流程

继续 →

同类技能

电商主图信息层级:3 层排版不改产品

把主图拆成背景、主体、卖点三层,按注视顺序排布,让买家在缩略图尺寸下先看到产品再看卖点。

查看 →

海报配色:从品牌色推出 4 个可落地颜色

从已有品牌色出发,推导出主色、辅助色、背景色和强调色四个角色,避免整张海报用到五六个饱和色。

查看 →

图标提示词:一句话锁定符号与风格

把图标的符号、风格、线条和背景写成一段可复用的提示词,让同一套图标在不同批次里保持统一。

查看 →
更新时间:2026-10-29 · 步骤是通用做法,平台/客户规则以实际页面为准;不承诺排名、过稿或收益。

跨库学习路径

按共同关键词匹配,不是随机推荐;从任务到提示词/教程/项目继续走。

提示词

公众号深度稿:把行业观察写成有证据的长文

把分散的行业观察整理成有论点、有证据链、可直接编辑的深度长文

从技能到提示词的下一步

继续 →
教程

商品图压到 200KB 还不糊:先改尺寸还是先降质量

学会先缩尺寸再降质量的两段式压缩,把商品图稳定压到 200KB 以内且文字边缘仍然可读。

从技能到教程的下一步

继续 →
项目

给连锁口腔诊所写 12 篇种植牙科普推文,用于公众号留资

12 篇 800 字科普文 + 6 组医患问答 + 1 份四周发布排期

从技能到项目的下一步

继续 →