小红书长图详情页设计 ｜ 小红书长图叙事设计

很多博主把小红书长图详情页设计理解成”把内容拉长”，结果做出来的长图又长又乱，用户划两下就退出。真正有效的小红书长图详情页设计，本质是小红书长图叙事设计，用一条清晰的阅读动线把用户从第一屏带到最后一屏。本文会拆解结构、节奏、尺寸与模板，让长图成为你的转化利器。

一、长图详情页的价值被严重低估

1、长图承担的是一次深度说服

在平台的内容生态里，封面负责吸引点击，长图负责完成说服。用户点进来之后，如果只看一张图就走了，说明说服失败。而一张设计良好的长图，能让用户从头看到尾，甚至在结束时产生收藏和关注的冲动。

从转化链路看，长图是离”行动”最近的一环。封面决定能不能被点开，长图决定点开之后能不能留下。很多账号封面做得很好，长图却很潦草，等于把用户请进门之后就不管了。

2、长图为什么比多图更容易做叙事

多图是并列关系，每张图相对独立，用户跳着看也不影响理解。长图是线性关系，用户在滑动的过程中被一步步引导，适合做有逻辑递进的内容。

这个差异决定了长图更适合三类内容：教程步骤类、对比分析类、故事经历类。这三类内容都存在明确的先后顺序，用长图承载最自然。

3、什么样的账号最该做长图

如果你的内容需要用户”理解”而不只是”看到”，长图就值得投入。典型的包括知识科普、产品测评、旅行攻略、装修方案、学习笔记。而纯粹的情绪分享或美图展示，单图往往就够。

4、长图的三个常见误解

第一个误解是越长越好。长度不是价值，清晰才是价值。一张三百字能讲清的内容，硬拉到一千字，用户会觉得注水。

第二个误解是信息越密越好。长图需要呼吸感，每屏信息过载会让用户疲劳。

第三个误解是长图等于把文字排版出来。长图的核心是视觉引导，不是文字堆砌，图、色、留白、箭头都在参与叙事。

二、长图的三段式结构

一条合格的长图，无论总长多少，都应该包含三段：开头钩子、中段价值、结尾引导。三段缺一不可。

1、开头钩子的写法

开头要在一屏内回答一个问题：用户为什么值得往下滑。写法有三种。第一种是痛点直给，比如”装修超预算，八成问题出在这一步”。第二种是结论前置，比如”先说结论：这五家店只有两家值得去”。第三种是悬念设置，比如”我用三个月试了二十种方法，最后只有一种管用”。

三种写法都不需要寒暄。不要写”大家好，今天想跟大家聊聊”，那两行会浪费掉最宝贵的首屏。

2、中段价值的组织

中段是长图的主体，也是最容易做乱的部分。组织中段的核心原则是”一屏一个信息点”。每屏只讲一件事，讲完再进入下一屏。这样用户在滑动时不会有认知负担。

如果一屏里塞了三件事，用户会不知道先看哪个。宁可把长图做长一点，也不要把信息挤在一屏里。

3、结尾引导的设计

结尾要给出明确的行动指令。指令有三类：收藏类（”建议先收藏再对照”）、关注类（”主页有完整清单”）、互动类（”你踩过哪个坑，评论告诉我”）。

结尾还有一个技巧是做”信息回扣”。用一句话把整条长图的核心结论再强调一遍，加深记忆。人在阅读结尾时的记忆强度往往高于中间部分。

三、长图叙事设计的阅读动线

1、动线的完整设计

flowchart TD
A[首屏钩子] --> B[问题定义]
B --> C[方案一]
C --> D[方案二]
D --> E[方案对比]
E --> F[推荐结论]
F --> G[行动引导]
G --> H[信息回扣]

这条动线适合大多数内容。它的逻辑是”引起兴趣、定义问题、给出选项、做出判断、推动行动”。每一步都对应一屏或两屏，用户跟着走就能完成一次完整的信息接收。

2、动线上的视觉引导

叙事不只是文字顺序，还包括视觉引导。常用的引导手法有四种：向下箭头、色块串联、序号标记、留白节奏。

箭头引导｜用于跨屏连贯
色块串联｜用于同类信息聚合
序号标记｜用于步骤类内容
留白节奏｜用于制造停顿感

序号标记特别值得强调。在步骤类内容里，给每一步加上大号序号，用户能立刻知道自己在第几步、还剩几步。这种”进度感”能显著提升完成率。

3、一屏一个信息点怎么落地

落地方法很简单：先把你所有想说的信息列成清单，然后按重要性排序，最后把每一条单独放一屏。清单有多少条，长图大致就有多少屏。

如果清单超过十五屏，说明内容需要拆分。一条长图承载超过十五个信息点，用户的完成率会大幅下降。这时候应该拆成两条内容，而不是硬塞成一条。

4、节奏的松紧安排

一直紧绷的叙事会让用户疲劳，一直松散的叙事会让用户走神。好的节奏是”松紧交替”。具体做法是：在连续三屏密集信息之后，插入一屏大留白或大图，给用户一个喘息。

四、长图的尺寸与切片规范

1、尺寸的基本参数

推荐宽度：固定值甲
单屏高度：固定值乙
整图比例：竖版长图
安全边距：四边留出固定值
导出格式：无损格式
色彩模式：屏幕色彩

宽度必须固定，这样才能保证每一屏的字号一致。高度可以自由伸缩，但单屏高度建议保持在一个固定值，便于控制节奏。

2、切片与发布方式

长图有两种发布方式：整张长图和多张切图。两种方式各有优劣。

我的建议是：内容在一千字以内用整张长图，超过一千字用切图。切图的关键是切点要落在自然停顿处，比如段落之间，不要切在句子中间。

3、字号与可读性

长图的字号要比封面小，但也不能太小。判断标准是在手机上一臂距离能轻松读清。如果用户需要放大才能看清，字号就太小了。

行距建议设置得比正文文本更宽松，长图因为要连续阅读，行距过密会让眼睛疲劳。段间距要明显大于行间距，让段落边界清晰。

4、配色与对比度

长图底色的选择直接影响可读性。浅底深字最稳妥，深底浅字更高级但容易疲劳。如果要使用深底，建议控制深底的明度不要过低，避免纯黑。

文字与底色的对比度必须足够。一个简单的检验方法是把长图缩到手机实际显示尺寸，看文字是否依然清晰可辨。若需要眯眼才能看清，说明对比度不足。

五、八种长图叙事模板

不同的内容类型适合不同的叙事结构。下面八种模板覆盖了大多数场景。

1、模板的选择依据

选择的依据是内容内部的逻辑关系。你的内容是并列关系就用清单型，是因果关系就用问题解决型，是时间关系就用时间轴型。逻辑关系决定结构，结构决定用户的阅读体验。

2、模板可以组合

八种模板可以组合使用。比如”问题解决型”的中段可以嵌套”步骤型”，”故事型”的结尾可以接”清单型”总结。组合时要注意结构不能混乱，主结构只能有一个。

3、模板的复用价值

模板一旦确定，就变成可重复使用的资产。同一条内容线长期使用同一种模板，用户会形成期待感，你的制作效率也会大幅提升。

六、长图制作的完整步骤

1、第一步：确定核心结论

先写出这条长图想让用户记住的那一句话。这句话就是核心结论，它决定了整条长图的取舍标准。与核心结论无关的内容，一律删掉。

2、第二步：列出信息清单

把所有支撑核心结论的信息列成清单。列的时候不设限制，想到多少写多少。这个阶段追求完整，不追求精简。

3、第三步：排序与删减

按重要性排序，然后砍掉后一半。人的注意力有限，前一半信息才有机会被记住。删减是最痛苦也最有价值的步骤。

4、第四步：分配屏数

给每个信息点分配屏数。重要的给两屏，次要的给一屏。分配完成后，长图的整体节奏就定下来了。

5、第五步：写第一屏文案

第一屏决定了用户是否继续往下滑，值得反复打磨。建议至少写五个版本，然后选最直接的那一个。

6、第六步：设计视觉引导

确定箭头、序号、色块的位置和样式。这一步要保持风格统一，不要每屏换一种引导方式。

7、第七步：检查与导出

导出前做三项检查：字号是否统一、边距是否一致、颜色是否在色板范围内。三项都通过再导出。

七、两种制作路线的对比

长图制作有两条路线：纯手工排版和使用模板。两条路线的选择取决于你的内容更新频率。

如果你的更新频率是日更，务必走模板化路线，否则手工排版会迅速消耗你的精力。如果一周只更一到两条，可以手工排版，把每条长图当作作品来做。

1、模板化的具体做法

一｜先做出三屏基础模板
二｜把标题｜正文｜序号｜留白设为固定样式
三｜每次只替换文字与配图
四｜每月检视一次模板是否过时

2、混合路线

更实际的做法是混合：用模板做日常内容，用手工排版做重点内容。重点内容指的是你希望成为代表作的那几条。这样既保证效率，又保留突破的可能性。

八、真实案例复盘

1、案例一：装修避坑长图

一位家居博主做了一条装修避坑长图，总长九屏。结构是问题解决型：第一屏抛出”超预算的真相”，第二屏定义问题，第三到第六屏拆解四个常见坑，第七屏给出解决方案，第八屏做方案对比，第九屏引导收藏。

这条长图收藏量是点赞量的三点二倍，属于典型的高价值内容。收藏高的原因是信息密度高且结构清晰，用户觉得”以后会用得上”。

2、案例二：旅行攻略时间轴长图

一位旅行博主把三天的行程做成时间轴长图，共十二屏。每屏对应半天的行程，屏首标注时间段，屏尾标注下一站。动线清晰到用户可以直接照着走。

这条内容的评论量很高，因为用户在评论区追问细节。这说明长图成功激发了用户的进一步需求，评论互动又反过来提升了内容权重。

3、案例三：失败的长图是什么样的

我也见过不少失败案例。最常见的失败是先写了一大段文字，然后直接粘贴到长图上，没有任何视觉引导。用户看到的是一堵文字墙，划两下就退出。

还有一个常见失败是首屏在自我介绍。”大家好我是某某，今天来分享”这类开头会让首屏信息量为零。首屏必须直接进入价值。

如果你希望把长图的视觉风格做得更规范，可以参考小红书封面设计里的视觉思路，长图与封面共用一套色板会让主页更整齐。

九、长图数据怎么看

1、三个关键指标

第一个指标是滑动完成率，也就是看到最后一屏的用户比例。这个指标直接反映叙事是否顺畅。第二个指标是收藏率，反映内容长期价值。第三个指标是评论率，反映内容是否激发讨论。

2、完成率低怎么查

完成率低通常有三个原因：首屏吸引力不足、中段节奏太拖、屏数太多。排查顺序是从后往前：先看总屏数是否超过十五，再看中段有没有连续三屏没信息，最后看首屏是否有钩子。

3、收藏率高但涨粉低怎么办

这说明内容有价值但账号吸引力不足。问题多半出在结尾的引导和主页的包装上。可以在结尾增加一句主页引导，同时检查简介是否说清了账号定位。

4、用数据迭代长图

日期｜内容主题｜屏数｜完成率｜收藏率｜评论率｜改进点
第一周｜装修避坑｜九屏｜百分之四十二｜百分之八｜百分之三｜首屏钩子加强
第三周｜装修流程｜十一屏｜百分之三十五｜百分之六｜百分之二｜屏数压缩到九屏

记录的价值在于发现规律。三个月后你会看到自己最擅长哪种结构，以及哪种结构对你的粉丝最有效。

十、长图与短视频的取舍

同一份内容，既可以做长图也可以做短视频。两者不是替代关系，而是互补关系。

我的建议是：干货类内容优先做长图，体验类内容优先做短视频。如果精力允许，同一条内容可以做两个版本，长图沉淀价值，短视频获取流量。

十一、FAQ常见问题

1、长图到底多长合适

建议控制在六到十二屏之间。少于六屏用普通图文更合适，超过十五屏完成率会明显下降。长度应该由信息量决定，而不是由”想显得内容丰富”决定。

2、长图需要设计基础吗

不需要专业基础，但需要基本的排版意识。核心是三件事：留白、对齐、层级。把这三件事做好，长图就已经超过八成同行。

3、长图里的文字可以直接抄内容吗

不建议直接抄。长图的文字要比正文更精炼，因为用户在滑动时的阅读耐心更低。建议把正文压缩到六成，删掉所有铺垫与重复。

4、长图用什么工具做

手机端与电脑端都可以。手机端适合轻量内容，电脑端适合复杂排版。选一个用熟就够了，工具不是关键，结构才是关键。

5、长图会不会因为太长被平台限流

不会因为长而被限流，但会因为没有价值而被用户划走。平台的推荐依据是用户行为，不是图片长度。

6、长图的最后一屏放什么

放行动引导与信息回扣。不要放无关的装饰，也不要戛然而止。最后一屏是转化的最后机会，值得认真设计。

7、长图可以加二维码吗

不建议。平台对站外引流有明确限制，加二维码容易触发违规。引导留在站内用主页与评论区完成。

8、长图的分辨率多少合适

以保证文字清晰为准，不必追求过高。分辨率过高会导致文件过大，上传后被压缩反而模糊。关键是把字号设得足够大。

9、长图要不要加自己的名字

可以，但要克制。建议在角落放一个小的固定标识，不要占据主视觉区。长图的主角是内容，不是作者名字。

10、长图适合日更吗

可以日更，但前提是走模板化路线。手工排版日更会迅速消耗精力，最后质量下滑。日更账号建议把长图模板固定到只需要替换文字的程度。

11、长图的完成率多少算正常

参考值是百分之三十到百分之五十。低于百分之三十需要检查首屏与屏数，高于百分之五十说明叙事很成功，值得把这条结构的经验固化下来。

12、一条内容能做两条长图吗

不建议。长图需要完整的叙事结构，拆成两条会破坏动线。如果内容确实多，可以做成一个系列，每条保持独立完整。

13、长图里的图片需要统一风格吗

需要。图片风格统一是长图专业感的重要来源。如果一张是明亮实拍、一张是暗调滤镜，长图的整体性会被破坏。建议在拍摄阶段就统一光线与色调。

14、长图能不能用图表

可以，而且很适合。数据类内容用图表比文字更有效。注意图表也要符合整体色板，不要直接使用默认配色。

15、长图做完要检查什么

检查四项：大小屏字号是否一致、边距是否统一、颜色是否在色板内、最后一屏是否有引导。四项通过就可以发布。

十二、长图文案的写作技巧

长图的文案与普通笔记文案不同。普通笔记可以铺陈，长图文案必须紧凑，因为用户在滑动时的注意力是持续消耗的。

1、每屏一句核心话

每屏都有一句核心话，其余都是对它的支撑。核心话要足够短，最好能在一秒内读完。判断方法是用手指按住屏幕，瞄一眼就放开，看你能不能记住这屏在说什么。

2、用短句代替长句

长句在滑动阅读里非常吃亏，因为用户的眼睛在移动中容易丢失句子结构。把长句拆成两到三个短句，可读性会明显提升。

改写前：因为很多人装修的时候只关注预算总额，却忽略了每个环节的价格浮动，所以最后往往会超支。
改写后：很多人只盯预算总额。忽略了单环节的价格浮动。所以最后必然超支。

3、数字优先

有数字就用数字。数字比形容词具体，也更容易被记住。”很多”不如”三种”，”比较贵”不如”贵百分之四十”。

4、删掉所有过渡词

长图里不需要”接下来””然后我们来看””综上所述”这类过渡词。这些词在文章里有连接作用，在长图里只占空间。直接用序号或箭头完成过渡。

5、结论放在前面

长图的单屏内部也要遵循结论前置。先给结论，再给理由。用户如果只读第一句，也能获得信息，读到后面是加分。

十三、长图与主页的协同

长图不是孤立的内容单元，它和主页的其他元素构成一个整体。

1、长图首屏即封面

很多博主把封面和长图首屏分开做，结果两者的语气、配色都不一致。更聪明的做法是把长图首屏当成封面来设计，让用户点进来之后视觉是连续的。

这样做还有一个好处：长图首屏天然承担了”再次确认”的功能。用户点进来看到与封面一致的画面，会觉得点对了，继续读的意愿更强。

2、长图末屏引导主页

长图末屏的行动引导里，可以自然地提一句主页有更完整的内容。这是站内导流的合规做法，比放二维码安全得多。

3、长图色板与主页色板一致

长图的色板应该和主页封面共用一套。用户在主页看到封面，点进来看长图，如果颜色完全换了，会有割裂感。统一色板能让整个浏览体验连贯。

4、长图与置顶笔记的配合

如果你的长图是一条代表作，建议把它置顶。置顶的长图会持续为主页带来转化，是性价比很高的做法。

十四、长图制作的时间管理

1、一条长图的合理耗时

新手做一条长图通常需要三到四小时，熟练后可以压缩到一小时以内。如果每次都要三小时以上，说明模板没有沉淀好。

2、怎么把时间压下来

压缩时间的关键是”分离思考与执行”。思考阶段只做结构设计，不碰排版工具；执行阶段只做排版，不再改结构。两个阶段混在一起做，时间会成倍增加。

3、批量制作的思路

如果你一次有多个选题，建议批量处理。先一次性写完所有长图的结构与文案，再统一排版。这样能减少风格切换的成本，一致性也会更好。

4、避免完美主义

长图的完美主义表现在反复调整间距、纠结字体。这些细节对用户感知的影响很小，但对制作时间的影响很大。设定一个”够好就发布”的标准，比追求完美更重要。

十五、长图的进阶玩法

1、系列化长图

把一条长图扩展成一个系列，每条解决一个小问题，系列整体解决一个大问题。系列化的好处是能持续吸引用户追更，也能让算法识别出你的内容主线。

2、互动式长图

在长图中段设置一个提问，让用户在评论区回答。这种设计能显著提升评论率，因为用户会被”点名”的感觉推动。提问要足够具体，比如”你是第几种情况”，而不是”你怎么看”。

3、对比式长图

把两种方案放在同一条长图里对比，最后给出推荐。这种结构天然适合收藏，因为用户会把它当作决策依据存档。

4、可复用资产化

把长图的模板、色板、图示元素整理成资产库。当资产库足够丰富时，做一条新长图的时间可以压缩到二十分钟。资产化是长图制作从”手艺”变成”流程”的关键一步。

十六、不同内容类型的长图拆解示例

1、教程类长图

教程类的核心是”可复现”。用户看完要能照着做，所以每一步都要给出具体的参数与标准，不能停留在”适量””差不多”这种模糊表述。

第一屏：说明这条教程能解决什么问题
第二屏：列出所需材料与工具
第三屏到第八屏：每屏一个步骤，标注序号与耗时
第九屏：常见失败原因与解决办法
第十屏：引导收藏并预告下一条

2、测评类长图

测评类的核心是”可信”。要让用户觉得你是真实使用过，所以要有细节、有对比、有明确的好恶。全都说好的测评没有价值。

3、清单类长图

清单类的核心是”信息密度”。用户点进来就是为了拿走一份清单，所以每个条目都要足够具体，最好能直接执行。

清单类最常见的错误是凑数。为了凑够十条，把两条意思相近的内容拆成两条，用户一眼就能看出来。宁可做八条实的，也不要做十条虚的。

4、故事类长图

故事类的核心是”情绪曲线”。它需要起伏，不能平铺直叙。结构上通常包含：起点状态、遇到问题、尝试失败、转折出现、最终结果、感悟总结。

故事类长图最难的是克制。很多人写着写着开始自我感动，加入大量抒情。故事的力量来自事实本身，过多的形容词反而削弱感染力。

5、数据类长图

数据类的核心是”可视化”。用图表代替大段文字，让结论一目了然。图表的设计要简洁，删掉所有无意义的装饰，只保留数据与关键标注。

十七、长图制作的常见误区与避坑

1、误区一：把笔记文字直接搬过来

笔记的长句在长图里不可读。必须重写，而不是复制粘贴。重写的标准是每屏一句核心话，其余都是支撑。

2、误区二：每屏都塞满

留白不是浪费空间，而是给用户喘息的余地。每屏信息过载会让用户疲劳，最后在中间就退出。

3、误区三：没有明确的结论

长图必须有结论。有些长图从头到尾在讲信息，最后什么都没说清。用户看完不知道该怎么选，自然不会收藏。

4、误区四：视觉引导不统一

上一屏用箭头，下一屏用色块，再下一屏用序号。引导方式混乱会让用户失去方向感。一条长图只用一到两种引导方式就够了。

5、误区五：忽略最后一屏

很多长图的最后一屏是随手加的装饰图，浪费了最宝贵的引导位。最后一屏应该承担行动引导与信息回扣的双重任务。

6、误区六：不做数据记录

长图做完不看数据，就无法判断结构是否有效。至少记录完成率与收藏率两个指标，才能持续优化。

十八、落地检查清单

1、制作前的准备

一｜写出核心结论一句话
二｜列出完整信息清单
三｜砍掉一半次要信息
四｜确定叙事模板
五｜分配每屏信息点

2、制作中的检查

字号统一；行距与段距分层清晰；每屏只有一个信息点；视觉引导方式统一；色板不超出规定范围。

3、发布前的检查

首屏有钩子；总屏数在六到十二之间；最后一屏有行动引导；导出分辨率适中；标题与长图内容一致。

4、发布后的动作

记录完成率、收藏率、评论率；比较同模板不同内容的差异；把有效做法写进模板；下一条内容优化一个点。

5、一个长期建议

把长图当成一种”写作”，而不是”排版”。写作关注结构与节奏，排版关注样式与细节。新手往往把精力全放在排版上，忽略了结构，结果长图很漂亮但没人看完。先练结构，再练样式，顺序不要反。

小红书长图详情页设计,小红书长图叙事设计,长图三段式结构,阅读动线,一屏一信息点,长图模板,滑动完成率,长图切片,视觉引导,长图收藏率