淘宝 / 天猫

淘宝 / 天猫 · 3:4 搜索首图

先在搜索里被看见

搜索首图只有一个任务:图片缩小后,用户仍能立刻认出商品。先保住轮廓,再安排短标题和背景。

同一商品 · 三档缩略检查
完整展示 PlainForm 米白帆布托特包、品牌型号与短标题的淘宝天猫 3:4 搜索首图搜索首图
  1. 100%
  2. 50%
  3. 25%
PlainForm 重磅帆布托特包

01 / 缩略检查

缩小后,仍然清楚

不要只在设计画布上判断首图。按搜索列表中的实际观看尺寸缩小,检查商品轮廓、标题和背景有没有互相抢夺注意力。

完整展示 PlainForm 米白帆布托特包、品牌型号与短标题的淘宝天猫 3:4 搜索首图3:4
设计画布预览
  1. 100%

    先看商品轮廓

    包身、提手和开口关系完整,不靠文字也能认出品类。

  2. 50%

    再看信息层级

    商品先被看见,短标题只负责补充,不压住主体。

  3. 25%

    最后看第一眼

    最小预览仍能辨认颜色、品类和主要结构,才算通过。

02 / 构图结构

一张图,三层信息

主体、文字和背景不是平均分配。先把商品放进最稳定的识别区,再为标题留出安静空间,最后才补氛围。

  1. 01

    商品识别区

    主体占据主要画面,关键结构不贴边、不被装饰遮挡。

  2. 02

    标题安全区

    只保留一个短标题,和商品轮廓之间有清晰间隔。

  3. 03

    背景氛围层

    用明暗和材质托住商品,不增加第二个视觉中心。

03 / 生成顺序

先锁定,再生成

真实参考图负责锁定商品身份,3:4 构图负责建立搜索入口,卖点素材留给点击后的详情浏览。

  1. PlainForm 米白帆布托特包的正面、侧面、背面与底部展示
    01

    上传多角度参考

    用正面、侧面和底部图确认包身比例、提手长度与结构。

  2. 完整展示 PlainForm 米白帆布托特包、品牌型号与短标题的淘宝天猫 3:4 搜索首图
    02

    建立 3:4 首图

    先放大商品轮廓,再为一个短标题保留安全区。

  3. 100%
    50%
    25%
    03

    缩小检查后交付

    以搜索列表尺寸复核,不把材质细节和多项卖点塞回首图。

常见问题

3:4 搜索首图问答

淘宝 / 天猫

先让商品被认出来

用同一组真实参考图,生成搜索首图和后续商品套图。