详情页制作指南 | 无需视频也能说服客户的图片·GIF排版方法
更新日期:2026年9月14日
用成功基金数据确认的
详细页面图片∙GIF活用方法
制作详细页面时,经常会先摆放已经拍好的产品照片。 这样一来，就会反复出现类似的照片，或者真正需要说明的部分没有合适的形象。 需要记住的是，多放照片并不能改善详细页面。 导入部分要一下子让产品明白,中间要展示优势,最后要明确奖励构成。 也就是说，每个场面形象的作用都不一样。
特别是动作重要的地方要写GIF,材质和构成等需要仔细观察的地方要写照片,所以理解这两个差异,制作GIF比较好。 本文根据详细页面的流程，告诉大家照片和GIF在哪里、如何使用比较好。
读了这篇文章就知道了
- 在详细页面可以知道图片所扮演的角色。
- 可以选择符合故事第4阶段的照片。
- 用GIF代替照片的话，可以区分好场面。
- 可以确认各类别移动图像的使用水平。
第一步:比照片先定"要展示什么"
照片不是装饰文章的装饰,而是让支持者可以用眼睛确认制造商规定的核心信息的资料。 在没有决定要说什么的情况下，先填满照片，然后根据手中的照片拼凑故事。 相反，如果先确定要传达的内容，就会很自然地看到需要什么样的照片、什么样的照片可以删除。
| 先填满照片的话 | 先定下信息的话 |
|---|---|
| 按照手上的照片写字 | 选择适合自己想说的话的照片 |
| 很容易重复相似的形象 | 每个形象所扮演的角色都很明确 |
| 因为没有需要的场面，所以可以重新制作。 | 可以一次性准备自己需要的形象 |
| 不用的照片也需要费用 | 知道需要的图片数后可以得到报价。 |
即使还没有最终照片，也可以先确定详细页面的结构。 请先确定以下三点。
- 写一行最需要这款产品的人是谁
- 用一句话写出支持者一定要记住的优点
- 确定进入详细页面的故事顺序
然后在每篇文章旁边贴上最能展现内容的图片就可以了。 在文字说明之前，先看看能不能用照片展示，如果动作很重要，就选择GIF吧。
STEP 2. 按照故事第4阶段布置形象
详细页面大致可以分为4个阶段。 每个阶段支持者好奇的内容都不一样，所以要展现的形象也不同。
第一阶段。在首页请一目了然地展示产品。
支持者进入详细页面后,最先确认的是"介绍什么的项目?" 因此，导入部分的核心是快速告知产品的真实身份和用途。 请先给我看清楚整个产品的照片和实际使用的场面。 还需要一张可以衡量产品大小的照片。 用手拿着或与桌子、包、杯子等熟悉的东西一起拍的话,大小会更容易传达。
- 能看到整个产品的照片
- 实际使用的样子
- 一张与手部或熟悉物品的大小比较的照片.
 |
 |
步骤2。不要说明优点，请展示一下
产品的核心优势可以归纳为两点。 每个优点最好选择一个最快能理解的表达方式。
- 展示材质，收尾，零件的时候，近距离拍摄的照片
- 与现有方式不同时地对比照片
- 使用前后变化重要时请使用前后照片
- 折叠、打开、旋转动作重要时，GIF
没有必要把所有方式都一次性放进去。 说明材质时加入移动图像，或者说明动作时只展示几张静止照片，反而会很难理解，所以一张照片充分显示的内容请用照片显示，只有移动才能理解的内容请用GIF显示。
第3阶段。展示制作过程的话会产生信任。
支持者先参与尚未完成的产品。 所以就像产品的优点一样，也很好奇是谁、是如何制作的。 在这个阶段，比起完美演绎的产品照片，能够确认实际过程的形象更合适。
- 制造商或工作空间
- 各种试制品并排摆放的样子
- 证书、检测报告、专利资料
- 直接测试产品的场面
第4阶段。最后要准确地展示一下要收到什么。
即将支付的支持者最后确认的是奖励的实际构成。 要看照片就能知道里面有几个东西，根据选项有什么变化。
- 奖励整体构成
- 选项和颜色
- 如果是礼品用的话，包装的样子
- 奖励构成照片
如果有多个奖励的话，请准备一张每个构成的照片。 支持者必须能够识别差异，而无需重读前面的描述。 如果在详细页面都添加了图片，请一张一张地看，这样问吧。 "如果没有这个形象，很难理解什么内容呢？" 如果没有马上想到的答案，很有可能是删除的形象。
STEP 3. 移动才能理解的场面使用GIF
GIF不是单纯为了吸引视线而加入的形象。 短时间展示一张照片难以说明的动作或变化时最有效。 所以下面的场面很适合GIF。
- 折叠, 打开, 转动, 分离的动作
- 变色、吸收、膨胀或温度变化的过程
- 用文字说明时需要三句以上的使用方法
特别是美容、旅行、儿童、技术、家电的GIF使用率超过80%。 把使用产品的样子拍成短视频，只剪掉必要的场面，制作成GIF，用于以下故事情节。 相反，如果需要详细展示材质、颜色、构成品等静止状态，照片更合适。
 |
 |
加入图片后，必须通过手机画面确认！
如果把照片和GIF都放进去了，最后请确认整个详细页面。 比起一张图片的完成度，重要的是页面内是否自然连接。
- 代表图片和详细页面用照片分开准备了吗？
- 制造商工作室确认代表形象的比例了吗？
- 即使剪掉代表形象，产品和句子也会看起来安全吗？
- 在需要移动的部分使用了GIF吗？
- 每张照片的照明和背景都大不相同吧？
- 根据竖屏画面上下留出足够的空白了吗？
- 手机屏幕上也能看清产品和文字吗？
Wadiz支持者中通过手机查看详细页面的比率很高。 在电脑上看起来适当的照片在手机上可能会看起来太长、字太小、产品被剪掉,请务必一起确认手机画面。
常见问题 FAQ
Q. 可以先用样品照片填满故事吗？
A. 可以用于构成故事情节和编目。 但是,被支持者看到的形象不能与实际收到的产品不同。 如果颜色或收尾计划改变的话，换成最终拍摄本比较安全。
Q. 照片竖着拍更好吗？
A. 本文图片的竖向构图基本吻合。 因为从上到下阅读详细页面。 但是代表形象有另外的规格,请在摄影棚确认,即使被剪掉,也要留出余地拍出产品。
Q. 拍了视频，放在故事情节里好吗？
A. 有的话可以放进去，但不是说没有就不利。 按类别添加视频的比率大部分不超过20%。 如果有已经拍好的视频,与其全部放进去,不如把核心场面用GIF剪下来,在正文中间安排比较好读。
Q. 开放后可以添加更多照片吗？
A. 项目开放后,详细页面修改受到限制。 所以建议开机前结束拍摄，开机后如果有想给大家看的场景，可以发布新消息。