# 电商详情页长图怎么写（Product Detail Page Images）

镜语 · 描述方法 / 按用途写

- 别名：详情页、商品详情图、长图、详情页切片、Product Detail Page
- 口语：「详情页每张图风格不一样」「详情页卖点讲不清」「一屏要放什么」
- 一句话：竖向一屏一个卖点：首屏氛围图、卖点特写、使用场景、参数和尺寸
- 是什么：电商详情页是在手机上竖向滑动的一长串图，通常切成若干屏，每屏讲一件事：开头一张氛围图，接着是卖点特写、使用场景、材质细节、参数尺寸和售后。它和主图不同，读者已经点进来，需要被一步步说服
- 缺了就不像：竖向一屏一个任务；全套统一的背景和光；卖点用特写讲
- 加了更像：氛围首屏；使用场景；留白给参数排版
- 拆成看得见的部分：
  - 统一设定：背景色、光线、产品外观写成固定一段（[系列图一致性](https://idea.ameng.dev/terms/series-consistency.md)）
  - 卖点特写：一屏一个细节（[大特写](https://idea.ameng.dev/terms/extreme-close-up.md)、[微距](https://idea.ameng.dev/terms/macro-shot.md)）
  - 使用场景：人在真实环境里使用（[中景](https://idea.ameng.dev/terms/medium-shot.md)）
  - 产品图基础：材质、台面和光（[产品图怎么写](https://idea.ameng.dev/terms/describe-product.md)、[白底棚拍](https://idea.ameng.dev/terms/product-studio.md)）
- 适合用在：淘宝、京东等商品详情页；独立站产品页长图；众筹页的产品介绍
- 看哪里：先列出每一屏的任务，再为每屏写一句画面。所有屏共用一段固定的「光线、背景色、产品外观」描述，保证风格一致；参数和尺寸用后期排版，不让 AI 画表格和数字
- 注意：每屏单独生成，风格和产品外观都在变；一屏塞三四个卖点；让 AI 画尺寸图和参数表，数字全是错的
- 描述示例：护手霜详情页，6 屏竖图，统一：浅杏色背景、左上方柔和窗光、白色铝管护手霜、金色瓶盖。【1】氛围首屏：护手霜斜放在亚麻布上，旁边一枝白色小花。【2】卖点一：大特写，膏体挤在指尖，看得见细腻的质地。【3】卖点二：手背涂开后的光泽特写。【4】使用场景：办公桌上，女生在键盘旁涂护手霜。【5】成分：几颗乳木果和一片燕麦摆成一排。【6】留白页：只有产品正面，下方留空放参数
- 易混：
  - [产品图怎么写](https://idea.ameng.dev/terms/describe-product.md)：产品图讲一张图怎么拍；详情页讲一整串图怎样分工和统一
- 相关：[产品三段式](https://idea.ameng.dev/terms/product-three-beat.md)、[系列图一致性](https://idea.ameng.dev/terms/series-consistency.md)

## 来源与延伸阅读

- [Shopify · Product Page Design](https://www.shopify.com/blog/product-page)
- [Shopify · Product Photography Guide](https://www.shopify.com/blog/product-photography)

网页版（含演示）：https://idea.ameng.dev/terms/describe-detail-page