小红书长图详情页设计 ｜ 小红书转化型长图详情页

在小红书做转化，光有好看的封面远远不够。封面负责把用户”骗”进来，真正让用户下单、私信、评论关键词的，是那几张往下滑的长图。小红书长图详情页设计，讲的就是如何用一组竖版长图，把”我有什么、为什么值得买、凭什么信你、现在怎么行动”讲清楚。做小红书长图详情页设计时，最容易被忽略的就是顺序。这篇小红书转化型长图详情页指南，会把结构、视觉、案例、错误清单一次说透，让你拿到的不是审美建议，而是一套可以复用的转化结构。

一、为什么小红书需要长图详情页

1、长图详情页和封面是两个完全不同的工程

很多博主把封面做好之后就停手了，结果笔记有点击、没有转化。原因是封面和长图承担的任务完全不同。

封面解决的是”要不要点开”，它面对的是一屏之内、极短时间的滑动决策；长图详情页解决的是”要不要行动”，它面对的是用户已经点进来、愿意多看几秒之后的说服过程。

一个是吸引，一个是说服。吸引靠的是视觉冲击和结论前置，说服靠的是结构、证据和顺序。两者混做，就会出现”封面很炸但转化极低”的典型情况。

需要强调的是，小红书的长图和电商平台的详情页不一样。平台详情页是用户带着购买意图主动来看的，长图详情页往往要在”用户本来没打算买”的前提下完成说服。这意味着长图必须前几屏就抓住注意力，否则用户会直接滑走。

2、转化型长图的三个前提

不是所有内容都适合做长图。转化型长图要成立，需要三个前提。

第一个前提是”有明确的行动目标”。是引导私信、引导下单、引导评论关键词，还是引导收藏？目标不同，长图的最后一屏设计完全不同。没有目标的转化型长图，本质上只是内容多了一点的图文。

第二个前提是”有价值可交付的东西”。长图要说服用户行动，就必须让用户清楚地知道行动之后能得到什么。这个”东西”可以是产品、服务、资料、咨询，甚至是某个明确的结果承诺。

第三个前提是”有可验证的证据”。小红书用户对广告的警惕度很高，纯口播式的自我夸赞几乎无效。证据可以是数据、实拍、对比、用户反馈、资质证明。

三个前提缺任何一个，长图的转化效果都会大打折扣。所以在动笔之前，先确认这三件事是否成立。

3、长图和封面、正文的分工

把一篇笔记拆开看，三个部分的职责是这样分配的：

• 封面负责点击率，目标是把人从信息流里拉进来；
• 长图负责转化率，目标是把浏览者变成行动者；
• 正文负责留存与互动，目标是让用户收藏、评论、转发，从而帮助笔记获得更多推荐。

三者的顺序不能颠倒，也不能互相替代。新手最常见的错误是把所有卖点都塞进封面，导致封面信息过载、点击率反而下降；或者把长图做得像封面一样只有大字标题，缺少说服过程。

4、长图详情页适合哪些类目

从实操经验看，长图详情页在下面几类内容上效果最明显：

• 教育与知识付费：需要多屏解释课程结构、师资、成果；
• 本地服务：装修、摄影、家政、医美，需要用对比图和流程建立信任；
• 电商产品：需要展示细节、使用场景、售后保障；
• 个人IP的商业化：需要在长图里完成”信任背书加行动引导”。

而纯情绪、纯审美类内容，长图的价值相对有限，因为这类内容的转化路径通常不在笔记内完成。

5、长图详情页和小红书其他视觉资产的关系

小红书账号里，视觉资产至少有五种：头像、封面、主页九宫格、长图详情页、笔记内页排版。很多博主只重视前三种，把长图当成可有可无的补充，这是很可惜的。

五种资产里，头像和封面解决”认识你”，主页九宫格解决”信任你”，长图解决”被你打动”，笔记内页解决”愿意留下”。长图恰好是唯一一个直接承担”转化”职责的资产。

从投入产出比的角度看，长图也是最容易被低估的一项。封面做得好，点击率可能从3%涨到6%,这是翻倍；长图做得好，转化率可能从1%涨到4%,这是三倍。而且长图的改动不依赖流量，改动完立刻对所有新笔记生效。

6、长图效果好坏的两个判断指标

判断一组长图是否有效，不需要复杂的工具，两个指标就够。

第一个是”完读率”，也就是有多大比例的用户看到了最后一屏。这个指标反映的是长图的内容节奏是否合理。完读率低，说明中间某屏让人失去耐心，通常是第三屏信息量过大，或者第四屏证据太弱。

第二个是”行动率”，也就是看完长图之后实际产生行动的用户比例。这个指标反映的是长图的说服力。行动率低，往往是因为价格没讲清、信任没建立、或者引导动作不明确。

两个指标要结合看。完读率高但行动率低，说明内容好看但说服力不足；完读率低但行动率高，说明长图虽然没人看完，但前面几屏已经足够打动人。后一种情况其实不算坏事，只是还有优化空间。

二、转化型长图的七屏金字塔结构

长图不是把内容排得好看，而是按顺序完成说服。我们把转化型长图固定成七屏，每一屏只解决一个问题。

1、第一屏：钩子

第一屏是留给用户的第一秒，任务是”让用户决定往下滑”。做法有三种：一是抛出一个明确的反常识结论；二是直接展示最强的结果；三是提出一个用户正在焦虑的问题。

第一屏最忌讳的是”开场自我介绍”。用户对你的身份不感兴趣，他只关心自己能得到什么。所以第一屏永远以用户为中心，而不是以你为中心。

2、第二屏：痛点放大

第二屏的任务是让用户”对号入座”。把用户在真实场景里遇到的具体麻烦描述出来，越具体越好。比如”每次找装修队，报价差三倍，你根本不知道哪个是真的”就比”装修很麻烦”有效得多。

痛点放大有个尺度问题：可以具体，但不能制造恐慌。小红书的社区氛围对”贩卖焦虑”比较敏感，过度渲染反而会引起反感。写法上建议用”共鸣”而不是”恐吓”。

3、第三屏：方案与原理

第三屏给出你的解决方案，并且解释”为什么这个方案有效”。只给方案不给原理，用户会怀疑；只给原理不给方案，用户会觉得空。

这一屏的信息量通常最大，所以视觉上要做分段处理，用小标题加短句的形式，避免一整块文字压过去。

4、第四屏：证据与信任

第四屏是转化的关键。用户在这一屏会问”凭什么信你”。可用的证据包括：数据结果、过程实拍、前后对比、用户反馈、资质证书、从业年限。

证据的呈现有一个原则：优先用”可视化的证据”，而不是”文字化的自夸”。”服务过300位客户”这句话的效果，远不如一张真实的客户反馈截图加数字标注。

5、第五屏：对比与选择

第五屏把”你和替代方案”放在一起比较。用户在做决策时，潜意识里一定在比较，你不主动做对比，用户就会用自己的方式比较，而那个方式可能对你不利。

对比可以有两种形式：一种是”不同方案对比”，列出几种做法的优缺点；另一种是”使用前后对比”，展示改变的结果。前者理性，后者感性，配合使用效果最好。

6、第六屏：价格与保障

价格必须透明。小红书用户对”价格不透明”极为反感，含糊其辞会导致咨询量虚高、成交率极低。把价格、包含内容、不包含内容、售后保障一次说清，反而能筛出高质量用户。

如果价格确实不方便公开，至少要给出”价格区间”和”影响价格的因素”，让用户建立基本预期。

7、第七屏：行动引导

最后一屏只有一个任务：告诉用户现在做什么。引导动作必须唯一且明确，比如”评论区回复关键词领取清单””私信回复咨询””点击主页链接了解更多”。

一屏里放多个引导动作，等于没有引导。用户在同一时刻只会做一个决定，所以要替他做这个决定。

三、七屏结构的任务与要点对照

把上面的内容整理成一张表，方便你直接对照设计。

七屏不需要每一屏都做满，但顺序不能乱。顺序本身就是说服的逻辑，把”证据”放到”痛点”之前，用户会因为还没感受到需求而对证据无感。

七屏结构的完整示例

为了让结构更好理解，这里给一个完整的例子。假设你做的是面向新手的摄影课程，客单价299元，目标是在小红书完成首单转化。

第一屏写”拍了三年还是只会用自动模式，问题可能不在你”。这句话直接命中新手摄影者的心理，并给出了反常识的暗示。

第二屏写三个具体场景痛点：出去玩拍的照片回来发现全是糊的；想出片但不知道怎么调参数；报了课也听不懂专业术语。三个场景对应三类人，覆盖面广。

第三屏给出方案：课程只讲三种构图、两种光线、一个万能参数思路，每一节都配实拍对比。这里的关键是”只说三个重点”，降低用户的学习预期，反而更容易促成决策。

第四屏给证据：过去学员的前后对比图三组，配上学员的原话评价截图，以及课程更新的次数记录。用真实截图而不是文字描述。

第五屏做对比：把”死记参数”和”理解光线逻辑”两种学习方式放在一起比，说明后者在新场景下更容易迁移。

第六屏讲价格与保障：299元包含10节视频加3次作业点评，不包含一对一咨询，支持7天内不满意退款。把包含和不包含都写清楚。

第七屏引导：评论区回复关键词”摄影”，领取课程大纲。

这七屏连起来看，就是一个完整的说服链条。用户可以不同意你的结论，但他没法跳过其中任何一步。

七屏文案的字数分配建议

很多长图失败的原因不是内容不好，而是字数分配失衡。建议按下面的比例分配各屏文案量：

• 第一屏：15到30字，必须极短，因为它是钩子；
• 第二屏：60到100字，需要具体场景，但不能太长；
• 第三屏：80到130字，信息量最大，可用小标题分段；
• 第四屏：30到60字，以图和截图为主，文字为辅；
• 第五屏：50到90字，对比项要成对出现；
• 第六屏：60到120字，价格与保障要写清楚；
• 第七屏：10到20字，只留一个动作，越短越好。

总字数控制在400到600字是常见区间。超过这个区间，用户读到一半就会开始快速滑动，后面的说服就白做了。

四、长图设计的视觉规范

1、尺寸与切屏

小红书的长图常见做法是竖版多张，每张的宽高比保持统一，纵向滑动时视觉连续。关键在于”断点位置”：每一屏的内容不要正好被裁在中间，尤其是文字段落，尽量在句子结束处断屏。

如果使用单张超长图，要注意小程序的压缩问题，过长的图在高压缩下文字会变模糊。多数情况下，拆成6到9张短长图更稳妥。

2、字号与行距

长图的阅读距离比封面更近，所以字号可以比封面小，但仍要保证在手机屏幕上不需要放大就能读。行距要比印刷品更宽松，因为屏幕阅读更容易串行。

一个简单的经验：段落的行距至少是字号的1.6倍。低于这个值，阅读疲劳会明显增加，用户滑到第三屏就放弃。

3、分段与留白

长图最怕”一大块文字”。每一屏都应该有明显的视觉分段，比如小标题加短句、序号加短句、图标加短句。

留白的作用不是好看，而是给用户”呼吸和消化”的空间。信息密度过高的长图，用户会记不住任何一点。

4、色彩与一致性

长图的色彩应该延续封面的主色，形成视觉一致。如果封面是深蓝加亮黄，长图也应该用同一套色系，避免用户在滑动过程中产生”跳出了另一个产品”的错觉。

一致性还有一个实际好处：用户更容易记住你。同一套色系出现的次数越多，品牌的识别度就越高。

5、长图的留白与呼吸感

留白在长图里的作用比在封面里更重要。原因很直接：长图是连续阅读的，信息之间没有停顿，用户很容易疲劳。

留白的三个位置最值得注意：一是每一屏的上下边缘，留出安全区；二是标题与正文之间，留出至少半个行高；三是段落与段落之间，留出一个完整行高。

如果长图看起来很挤，通常不是因为内容太多，而是因为留白不够。删掉一些装饰元素、加大段落间距，往往比删内容更有效。

6、长图的字体与字号参考

下面这张表是我常用的参考值，具体数值可以根据你自己的风格微调，但层级关系不要变。

不要在同一屏里出现四种以上的字号层级，否则会显得杂乱。一般情况下，屏标题加正文两级就够，需要强调的结论用色块或者加粗处理，而不是再加一个字号。

7、长图的图片处理原则

长图里的图片承担着”证据”和”氛围”两种职责，处理方式不同。

作为证据的图片，比如前后对比、实拍细节、用户反馈截图，要保证清晰、真实、不加过度滤镜。这类图片的说服力来自”真实感”，一旦过度美化，可信度反而下降。

作为氛围的图片，比如封面感的场景图、产品摆放图，可以做统一的风格处理，比如统一色调、统一光感。这类图片的目标是让长图的整体观感更统一。

两种图片在长图里不能混用同一种处理方式，否则用户会分不清”哪些是真实证据、哪些是氛围营造”，信任感会被削弱。

五、长图详情页的设计流程

下面这张流程图是我们在实际项目中用的标准路径，每一步都有明确的交付物。

flowchart TD
    A[明确转化目标] --> B[列出用户痛点清单]
    B --> C[写七屏文案骨架]
    C --> D[准备证据素材]
    D --> E[设计长图视觉]
    E --> F[内部走查逻辑顺序]
    F --> G[小范围发布测试]
    G --> H{咨询或成交是否提升}
    H -->|是| I[沉淀模版并复用]
    H -->|否| J[回查前三屏]
    J --> C

1、为什么先写文案骨架再做视觉

视觉是在为内容服务。如果先做视觉，最后往往要为了”好看”而删掉关键信息，或者为了塞进信息而破坏版式。先写文案骨架，再设计视觉，能让每一步都有依据。

2、为什么失败要回查前三屏

长图转化失败的绝大多数原因，都在前三屏。用户在前三屏没有产生”这和我有关”的感觉，后面再精彩也不会看完。所以回查的优先级应该是第一屏、第二屏、第三屏，而不是后面的价格和引导。

六、长图素材的命名与切图规范

长图往往是团队协作的产物，命名混乱会直接拖慢交付。建议按下面的规范来做。

# 长图详情页命名规范
命名规则: 项目_屏序_内容_版本
示例: 装修服务_03_方案原理_v3
尺寸规范:
  宽高比: "3比4"
  单张高度上限: "2000像素"
  安全边距: "左右各60像素"
视觉规范:
  标题字号: "48像素"
  正文字号: "28像素"
  行距倍数: "1.6"
  主色沿用: "封面主色"
导出检查:
  - "文字放大后是否清晰"
  - "断屏是否落在句末"
  - "每屏是否只有一个重点"

命名规范里最容易被忽略的是”版本号”。长图通常要改很多轮，如果没有版本号，团队很容易用错文件。加上版本号之后，任何一个人都能在十秒内确认自己手里的文件是不是最新版。

七、三种长图方案优缺点对比

长图的制作方式不止一种，选择要和你的资源匹配。

纯文字长图适合信息密度高的内容，重点是排版清晰。图文混排是最通用的方案，适合大多数博主。场景化长图适合客单价较高、需要强信任的类目，比如装修、医美、定制服务。

选择时有一条判断标准：客单价越高，越应该往场景化长图的方向走。因为高客单价的决策需要更多信任，而信任最有效的来源是真实场景。

八、真实案例：转化率从1.2%到4.8%

我们服务过一个深圳的装修服务账号，主要做旧房局部改造。原来的笔记形式是”一张效果图加一段文字描述”，用户看完之后很少咨询，咨询转化率大约1.2%。

诊断后发现三个问题：第一，效果图看不出改造幅度，用户没有感知；第二，没有价格信息，用户不敢问；第三，没有服务流程说明，用户不知道接下来会发生什么。

改进方案就是按七屏结构重做长图。

第一屏用了”改造前与改造后”的并排对比，直接把最强结果摆在最前面。第二屏列出深圳老房改造里最常见的三个坑，比如”拆墙才发现承重问题，预算直接翻倍”。第三屏给出了服务流程，从量房到交付分五步，每步标注周期。第四屏放了三组真实业主的改造实拍和反馈截图。第五屏对比了”自己找游击队”和”找专业团队”的差别，包括时间、风险、最终效果。第六屏给了明确的价格区间，并说明影响价格的两个因素。第七屏引导私信发送户型图获取初步方案。

改版之后，咨询转化率从1.2%提升到4.8%,而且咨询质量明显提高，因为价格和流程都提前讲清楚了，来的基本都是有明确需求的用户。

这个案例最值得记住的一点是：转化率提升不是因为图更好看，而是因为信息顺序变对了。用户需要的每一个答案，都在他产生疑问的那一屏被解答了。

九、长图设计的八个常见错误

1、错误一：把长图当成封面来设计

只放大字、放大图，没有说服结构。结果就是用户划两屏就走了，因为他看不到”接下来还有什么值得看”。

2、错误二：前两屏还在铺垫

很多长图第一屏是”大家好我是谁”，第二屏是”这个行业怎么样”。用户在这两屏已经流失了。前两屏必须直接给价值和痛点。

3、错误三：证据全是文字

“专业团队””多年经验””众多好评”这类词对用户没有说服力。换成实拍、截图、数据，效果会立刻不同。

4、错误四：价格含糊

价格写得越模糊，用户的疑虑越大。哪怕只给区间，也比完全不给好。

5、错误五：引导动作太多

一屏里同时放私信、评论、点赞、关注四个引导，结果一个都不会发生。只留一个动作。

6、错误六：视觉不统一

长图用一套色，封面用另一套色，用户会感觉割裂。视觉一致是建立识别度的基础。

7、错误七：忽略最后一屏的”唯一性”

有些长图在最后一屏同时放”点赞、收藏、私信、关注、回复关键词”，看起来选项很多，实际上用户会因为选择过多而什么都不做。转化型长图的最后一屏，只能有一个动作，其他的都可以放到笔记正文里。

8、错误八：把证据放在最后

证据的作用是支撑说服，如果放在最后一屏，用户在看到价格之前就已经产生怀疑，说服链条会断掉。证据必须在”提出方案之后、给出价格之前”出现，这个位置最能消除疑虑。

十、长图详情页的排期与协作

长图是一套多屏内容，涉及文案、设计、素材三方配合，没有排期很容易拖到最后一刻。建议按下面的节奏推进。

这张表最关键的是”内部走查”这一步。长图的问题往往不是单屏不好，而是屏与屏之间的逻辑不顺。走查的时候可以只做一件事：把七屏文案单独念一遍，看是否像一段通顺的说明。念着别扭的地方，用户读着也会别扭。

十一、常见问题FAQ

问1：小红书长图最佳尺寸是多少？

常见做法是竖版比例约3比4的多张图，这样在手机上滑动时视觉连续、压缩损失小。如果坚持用单张长图，建议控制总高度，避免过度压缩导致文字模糊。

问2：长图做几张比较合适？

转化型长图通常6到9张。少于6张往往讲不完说服链条，多于9张用户会失去耐心。核心是按七屏结构对上，每屏一张或者合并相邻两屏。

问3：长图里可以放联系方式吗？

直接放微信号等联系方式属于违规，容易被限流。合规做法是引导私信或者引导在评论区回复关键词，把承接动作转移到平台内的私信环节。

问4：转化型长图一定要有价格吗？

建议有。如果确实不便公开，至少要给出价格区间和影响因素。价格透明能显著提高咨询质量，减少无效沟通。

问5：长图文案写多少字比较合适？

单屏文案建议控制在60到120字。太少信息不足，太多用户读不完。如果某屏内容确实多，宁可拆成两屏，也不要挤在一屏里。

问6：长图和短视频哪个转化更好？

取决于内容类型和用户习惯。长图适合需要仔细比较、理性决策的内容，比如服务、课程、复杂产品。短视频适合情绪驱动、快速种草的内容。两者可以配合使用。

问7：新手不会做设计，怎么做出合格的长图？

两个路径。一是用固定的长图模版，把每屏的版式固定下来，只换内容；二是先用纯文字长图把逻辑跑通，等转化模型验证之后再升级视觉。

问8：长图需要和封面保持同一套色系吗？

建议保持一致。视觉一致能强化识别度，也能避免用户产生”这是不是另一个产品”的疑惑。主色沿用封面主色是最省事的做法。

问9：长图做完之后怎么测试效果？

用两条相似的笔记，一条用旧版长图、一条用新版长图，其他条件尽量保持一致，对比咨询量或者成交量的差异。样本量建议至少各三条笔记。

问10：长图里的对比内容会不会有法律风险？

会。如果对比涉及具体竞品，尤其是点名比较，存在合规风险。更稳妥的做法是做”方案类型对比”，比如”自己找人做”和”委托团队做”的差别，而不是点名某个品牌。

问11：长图详情页和主页的关系是什么？

长图负责单篇笔记的转化，主页负责账号整体的承接。用户看完长图被说服之后，通常会点进主页确认”你靠不靠谱”，所以主页的包装也要同步做好，否则转化会在最后一步流失。

问12：长图需要多久更新一次？

建议每季度检查一次。检查的重点是价格是否变化、案例是否过时、引导动作是否还畅通。视觉模版可以长期沿用，但内容必须定期更新，否则用户会发现你还在用两年前的案例。

十二、长图详情页落地清单

• [ ] 明确了本组长图的唯一转化目标；
• [ ] 列出了至少五个用户真实痛点；
• [ ] 写完了七屏文案骨架再开始设计；
• [ ] 第一屏直接给价值，没有自我介绍；
• [ ] 第四屏准备了可视化证据；
• [ ] 第五屏做了清晰的方案对比；
• [ ] 第六屏价格信息透明；
• [ ] 第七屏只有一个明确的引导动作；
• [ ] 全组图色系与封面一致；
• [ ] 断屏位置落在句子结束处。

长图详情页的三问自查法

清单打完之后，建议再做一次”三问自查”，用来检验长图是否真的能转化。

第一问是”陌生人能不能说出你要卖什么”。找一个不了解你业务的人看完长图，让他复述你在提供什么。如果他说不出来，说明第三屏的方案描述不够清楚。

第二问是”他相不相信”。问他看完之后有没有疑虑，疑虑具体是什么。如果他回答”感觉还行但不敢确定”，说明第四屏的证据不够可视化。

第三问是”他知道下一步做什么吗”。问他现在如果要找你，会怎么操作。如果他回答”可能是评论或者私信吧”，说明第七屏的引导不够唯一。

三问全部通过，这组长图基本就可以放心投放了。三问里任何一问没通过，改动的优先级就对应到相应的屏序，而不是整组重做。

长图的复用与迭代

一组长图做出来之后，不要只用在一条笔记里。同一套结构可以复用到多个选题上，只需要替换第二屏的痛点和第四屏的证据。

这种复用带来的最大好处是效率提升，同时它还有一个隐性好处：结构越用越熟，你对”哪一屏该放什么”的判断会越来越准。

迭代的时候建议保留版本记录。每次改动的版本号、改动原因、改动后的数据，都记在一张表里。坚持记录三个月，你会得到一份属于自己的长图转化经验库，它的价值远高于任何通用建议。

十三、总结

小红书转化型长图详情页的核心，不是把图文排得漂亮，而是把说服过程排得正确。七屏结构——钩子、痛点、方案、证据、对比、价格、行动——本质上是一条完整的用户决策路径。你在用户产生疑问的那一屏给出答案，转化就会自然发生。

如果你希望直接参考成套的长图做法，可以看看我们的小红书长图详情页设计案例，里面有完整结构模板与前后数据。最后记住一句话：封面决定用户来不来，长图决定用户买不买。把这两件事分开做，你的每一分投入都会更清楚。

小红书长图详情页设计,小红书转化型长图详情页,七屏说服结构,长图排版规范,转化率优化,信任证据设计,价格透明策略,行动引导设计,长图尺寸与切屏,笔记转化路径