小红书长图详情页设计 ｜ 小红书长图详情页排版规范

小红书长图详情页排版规范是每一个做教程类、攻略类、清单类内容的博主都必须掌握的基本功：当用户被封面吸引点进笔记之后，决定她是否读完、收藏、点赞的，就是内页长图的可读性和信息组织效率。一篇内容再干的干货笔记，如果长图排版拥挤、字号混乱、层级不清，收藏率也会大打折扣。本文系统讲解小红书长图详情页设计的尺寸标准、字号行距、信息层级和分段节奏，给出一套可以直接套用的小红书长图详情页排版规范，并附完整制作流程与常见问题解答。无论你是刚起步的新手，还是已经能稳定更新但数据平平的老博主，把这套规范跑通之后，同样的内容都能产出更好的数据表现，因为排版是所有内容形态里最不依赖天赋、最依赖纪律的一环。

一、长图详情页为什么值得专门花心思

1、收藏率是小红书的核心权重指标

小红书的推荐机制里，收藏和点赞的权重远高于单纯的浏览。教程类、攻略类内容天然具备被收藏的属性，用户收藏的动机是”以后还用得上”，而决定她是否按下收藏的关键体验之一，就是长图读起来是否省力、信息是否好找。同一篇内容，精心排版的长图与随手拼接的截图，收藏率常常相差数倍。这就是小红书长图详情页排版规范存在的意义：它直接影响平台对你内容价值的判定。收藏还有一个容易被低估的复利效应：被收藏的笔记会持续出现在用户的收藏夹里，收藏夹的回访会带来二次曝光和二次互动，这些信号又会反哺笔记的搜索排名，形成长尾流量的正循环。可以说，长图排版的质量决定了你的内容是在发布三天后归零，还是在半年后还在持续进人。

2、长图是”可控的阅读体验”

与纯文字笔记不同，长图是博主完全掌控排版权的媒介：字号、行距、配色、层级、留白全部由你决定。这意味着你可以像书籍装帧设计师一样，引导用户的阅读节奏。反过来说，如果排版失控，用户遇到的第一堵墙就是”看不清”，第二堵墙是”找不到重点”，任何一堵墙都足以让她划走。还要看到长图与短视频之间不是替代关系而是分工关系：短视频负责情绪和演示，长图负责沉淀和检索，用户想快速查步骤时会找图文，想看实际效果时会找视频。想清楚这一点，你就不会在两种形式之间反复摇摆，而是把教程类内容的长图模板打磨成账号的固定资产，让图文和视频各自承担最擅长的角色。

3、长图规范是账号内容资产的一部分

把长图排版上升到资产高度来理解：一篇排版规范的长图，可以在未来两年里持续从搜索端带来流量，可以被拆成单页素材复用到其他笔记，可以在商业合作时作为专业度的展示样本。而排版混乱的长图，生命周期通常不超过一周。同一份内容投入，规范的回报周期是混乱版的十倍以上。所以每次做长图时的那点排版功夫，本质上不是在美化这一篇，而是在为账号的内容资产库添砖加瓦。理解了这个视角，你就不会在忙的时候跳过排版规范，因为跳过的不是步骤，是你账号的未来收益。

二、长图详情页的尺寸与基础规格

规格是长图排版的地基，也是最容易一次性做对、然后长期受益的部分。这一节的参数看起来枯燥，但每一项都直接影响用户端的真实观感，建议逐条执行并写进自己的规范文档，之后所有长图按同一套规格生产，账号的内容资产才能保持一致。

1、画布尺寸标准

长图详情页建议统一使用3比4的比例，最常用的像素规格是1242像素宽、1656像素高。这个比例在小红书信息流和详情页里占屏面积最大，展示效果最完整。如果内容较长需要多页拼接，请保持每一页的宽度一致，逐页向下滑动时才不会出现宽度跳变。

这张表的每一行都来自大量翻车案例的教训。特别说明文件格式那一行的取舍逻辑：JPG压缩率高，图片为主的长图用它体积可控；PNG无损，文字边缘更锐利，适合文字占比高的干货长图，代价是文件偏大。一个实用的判断方法是看单页文字占比：文字超过一半选PNG，图片为主选JPG，拿不准就两种都导出，上传前在手机上放大对比一次文字边缘，选择更清晰的那版。规格一旦确定就固定下来写进规范，不要每篇重新纠结，规格的价值在于稳定。

2、为什么不能把一页拉得特别长

有博主喜欢把整篇内容做成一张超长图，一页拉到五六千像素高。这种做法的弊端有三点：一是上传后平台压缩比例更大，文字容易糊；二是用户在小屏幕上阅读超长图容易失去进度感，中途弃读率升高；三是分页设计可以制造”翻页感”，每页结尾留一个钩子，让用户有继续往下滑的动力。所以规范做法是按内容段落分页，每页承载一个完整的信息模块。关于结尾的钩子，常见做法有三种：预告下一页要讲什么，用一句悬念句收尾；在本页埋一个交互问题，引导用户到评论区讨论；用一句金句收束本页，方便用户直接截图传播。三种钩子轮流使用，整篇长图的翻页完成率会有肉眼可见的提升，而完读率正是收藏率最直接的先行指标。

关于画布规格还有两个实操提醒。第一，设计软件里新建画布时把分辨率设为七十二像素每英寸即可，小红书是屏幕阅读场景，更高的分辨率只会白白增加文件体积，上传后还要被二次压缩。第二，如果你习惯先在电脑上设计再传到手机发布，务必用数据线或云端以原图传输，聊天工具的自动压缩会把文字压糊，很多人设计稿很精致、发出来却发糊，问题就出在传输环节。这两个细节每年都在无数新手身上重复发生，提前知道就能省掉大量返工。

三、字号、行距与留白的排版规范

1、字号层级系统

一套合格的层级系统至少要区分标题、小节标题、正文、注释四个层级。层级之间的差距要足够大，用户扫一眼就能分辨主次。参考配置如下：

小红书长图字号层级配置示例
页面主标题：56px至64px｜加粗｜每页仅出现一次
小节标题：40px至44px｜加粗｜可配主色色块或编号
正文：28px至32px｜常规粗细｜每行不超过20个字
注释与来源：20px至24px｜灰色｜放在页面底部
禁忌：正文低于24px｜手机上阅读会明显吃力

为什么正文不能小于24像素？因为大部分用户是在手机上以缩略偏小的状态浏览详情页，24像素以下的文字在部分机型上会出现笔画粘连，阅读体验断崖式下降。

2、行距与段距

行距建议设置为字号的1.6倍到1.8倍，段距设置为行距的1.2倍左右。行距过密会让文字糊成一片，过疏则让页面松散、信息密度降低。中文排版还有一个容易被忽略的细节：每行字数控制在18到22个字之间，行太长时用户的视线在换行时容易串行，这也是为什么长图页面左右要留出足够的边距。行距的规范还可以结合页面气质微调：干货教程类建议取1.7倍上下，阅读节奏从容，显得可信；清单盘点类可以压到1.6倍，信息密度高一些，显得干货足。但无论哪种气质，同一篇长图内部的行距必须全局统一，允许风格化的差异发生在页面之间，不允许发生在同一页之内，混乱的行距是最典型的业余信号。

3、留白与边距

页面四周的边距建议不小于宽度的8%，也就是1242像素宽的画布，四周留白至少100像素。模块与模块之间要有明显的呼吸空间，宁可多分一页，也不要把两块内容挤在一页里。留白不是浪费，而是让重点信息获得注意力的缓冲带。设计领域常说的”少即是多”，在长图排版里体现得最直接：一页只讲一件事，讲清楚就收。留白的分配还有一个优先级顺序：页面四周边距是底线，必须保证；模块之间的间隔其次，按内容关系疏密分配；文字行间的呼吸感最后考虑。新手最常见的错误是把留白当剩余空间随手用，结果每页剩下的空白位置都不一样，整篇看起来松散无序。正确的做法是把留白当成设计的一部分提前规划：边距多少、模块间隔多少、色块上下各空多少，全部写成具体数值，让每一页按同一套间距系统生产，整齐感就是这样来的。

4、对齐：最便宜的专业感

如果只能记住一条排版规则，那就是对齐。页面上的每一个元素都应该与另一个元素存在对齐关系：标题左对齐正文左对齐、图片边缘对齐文字块边缘、色块宽度对齐版心宽度。人眼对整齐极其敏感，对齐的长图看起来专业，乱对齐的看起来业余，而实现对齐不需要任何天赋，只需要在设计时打开参考线，把所有元素吸附到几条固定的竖线上。建立网格的习惯也值得推荐：把版心分成十二等份，图片占几格、文字占几格提前规划好，页面之间的结构就会天然统一。很多博主的长图单页看还行，连起来翻就乱，根源就是每一页的对齐基准都不一样。对齐和网格是排版规范里投入产出比最高的两条，先用好它们，再去考虑更复杂的装饰手法。

5、对比度：可读性的底线

字号解决的是”看多大”，对比度解决的是”看得清”。长图里所有文字与背景的对比度都要过一道底线检查：正文禁止使用浅灰配白底、深红配黑底这类低对比组合，标题与背景的明度差至少要拉开两个台阶。自查方法是把页面截图调成黑白，如果黑白状态下文字依然清晰可辨，对比度就是安全的；如果文字和背景糊成一片，就必须调整。彩色预览会骗人，黑白检查不会，这是设计师圈子里沿用几十年的老办法，放到长图排版上同样好用。

四、信息层级与视觉动线设计

1、用编号和色块组织结构

干货类长图最怕的是”一坨文字”。规范的层级组织方式是：页面主标题说明这一页讲什么；小节用”1、2、3″的编号加色块标题区分；正文用短句分行；关键结论用主色底加白字的高亮框强调。编号的作用是给用户进度感，色块的作用是制造视觉锚点，两者配合能让用户在两秒内建立对整页结构的认知。色块标题的设计还有一条隐性规则：色块的高度和内边距要全局统一，用户翻页时色块就像章节书签，尺寸稳定才有翻书的秩序感。编号体系则要注意跨页连续，整篇长图的编号从头贯到尾，中途断号或重新起号都会打断进度感。如果某个步骤内容特别长需要拆成两页，就用”1续”这样的方式标记延续，让用户明确知道还在同一步骤里。

2、视觉动线：从上到下，从左到右

用户读长图的默认动线是从上到下、从左到右。排版时要顺应这个动线：最重要的结论放页面上部，支撑细节放中部，提示和来源放底部。如果页面上有配图，图片放在文字块的右侧或下方，不要与文字交错穿插，交错排版在小尺寸屏幕上会打乱阅读节奏。动线设计还有一个小技巧叫视觉锚点：每隔一屏左右安排一个视觉重量明显的元素，比如一个色块标题、一张配图或一个高亮框，用户的视线会像踩着石头过河一样，被这些锚点一路引导到页面底部。锚点密度要适中，太密页面显得吵，太疏用户中途失去引导就划走了。自查动线是否顺畅的方法很原始但有效：把长图发给朋友，让她看完告诉你印象最深的三件事，她回答的顺序就是你页面动线的实际效果，与你的设计意图一对照，问题一目了然。

3、一页一主题的分段节奏

把整篇内容拆解成若干个信息模块，每个模块独占一页。下面这张表是一个典型的教程类长图的内容分页规划：

第2页的目录导览是很多博主忽略的细节，但它对收藏率的提升非常明显：用户一眼看到”这篇内容有8页、结构完整”，对内容价值的评估会立刻上调，收藏动作的发生概率随之提高。分页规划还有一个时间维度的价值：内容模块化之后，每页可以独立修改和迭代，某一步骤的方法过时了，只需要重做对应那一页，而不必推翻整篇长图。这对于经常需要更新数据和案例的攻略类内容尤其友好，维护成本能降到原来的几分之一。规划分页时建议同步在文档里维护一份页面清单，记录每页的主题和最近一次更新时间，内容资产化的雏形就是这张清单。

五、完整制作流程与工具建议

制作一版规范的长图详情页，完整流程如下图所示。特别值得注意的是流程末端的两个环节：导出检查和数据回流，它们是大多数用户省略、却是专业与业余分野的步骤。

graph TD
A[梳理内容大纲] --> B[按模块分页规划]
B --> C[确定字号行距规范]
C --> D[逐页排版制作]
D --> E[手机小屏预览检查]
E --> F{文字是否清晰}
F -->|否| G[放大字号或增加对比度]
G --> D
F -->|是| H[导出JPG检查压缩效果]
H --> I[上传发布并记录收藏率]
I --> J[按数据反馈迭代规范]

流程图里最容易省略的是小屏预览和导出检查这两步，它们恰恰是补救成本最低的关口：问题在设计稿阶段被发现，改一次参数就好；发布后才发现，轻则笔记数据受损，重则要撤回重发。把检查环节固化成清单，每次导出前花三分钟过一遍，是长图生产里性价比最高的三分钟。

工具选择上，长图排版用Canva、稿定设计或Keynote都能完成，新手建议从Canva的自定义尺寸功能起步，把第三节的字号行距参数配置成默认样式，之后每页只管填内容。文字较多、层级复杂的页面，用Keynote或Figma这类支持母版和样式的工具效率更高。三款工具的取舍可以参考下面这张表：

工具之间不必忠诚，混用也完全正常：用Canva找灵感、用Keynote做生产、用修图软件处理素材，是很多成熟博主的日常组合。判断工具是否合适的标准只有一个：你能否在三十分钟内按规范产出一页合格的长图，能就是好工具，不能就换。工具只是执行手段，真正决定长图质量的是规范本身，如果还想系统性地把封面、主页与长图串成一套视觉体系，可以参考这篇小红书主页视觉诊断，从账号全局视角理解排版规范的定位。固定一套顺手的工具组合之后，把它的工作流固化下来：素材放在哪个文件夹、模板文件叫什么名字、导出后按什么规则命名归档，全部定成习惯。内容生产到后期拼的就是这套不起眼的后勤系统，系统顺了，产能自然上来。

六、真实案例：一篇收藏过万的收纳教程长图

去年我们协助一位收纳博主改版她的教程长图。改版前的状态：单张超长图、正文只有22像素、全文没有分节、配色是随手的浅紫色。这些问题的典型性在于，它们几乎出现在每一个凭感觉做长图的账号上：字号跟着感觉缩、分页跟着感觉断、配色跟着当天的心情走。改版的第一步不是动手设计，而是把第四节的分页表格先填出来，用一页纸确定全篇的骨架，让后续的每一页制作都有据可依。改版动作包括：按第四节表格重划为8页；正文放大到30像素、行距1.7倍；每页加编号色块标题；第2页新增目录导览；结尾页增加可打印的收纳清单。改版后这篇笔记的收藏率从2.4%提升到7.8%，总收藏量突破一万，并连续三周从搜索流量持续进人。复盘时她还提到两个意外的收获：一是评论区终于开始有人认真提问了，改版前评论多是”不错””收藏了”之类的敷衍互动，改版后出现了大量针对具体步骤的提问，说明用户真的读进去了；二是她把第8页的可打印清单单独截图发进了粉丝群，被转发了上百次，这份清单后来成了她引流私域的固定钩子。排版升级带来的不只是数据变化，还有内容与用户关系的质变。

这个案例的关键洞察是：内容一个字都没改，只是排版升级，数据就发生了量级变化。小红书长图详情页排版规范的价值正在于此，它是内容价值的放大器，同样的干货，规范排版能多拿几倍的收藏。反过来说，排版混乱的账号等于一直在给平台提交打折的价值证明，写得越用心亏得越多。很多博主抱怨平台不给流量，先别急着质疑算法，把最近十篇笔记的长图按本文的评分维度自查一遍，多数人会在字号、密度和层级上找到至少三处硬伤。修完这些硬伤再下结论，才是对内容负责的态度。

七、避坑清单与进阶技巧

先讲避坑，再讲进阶，两条线的区别在于：坑是做了就扣分的动作，技巧是做了能加分的动作，前者的优先级永远高于后者，把坑填干净之前不要迷恋技巧。

• 坑一：超长单页图。坚持分页，每页一个主题，结尾留钩子。
• 坑二：正文字号小于24像素。宁可删内容，不要压字号。
• 坑三：颜色超过三种。延续账号的一主一辅一点缀体系，与封面同源。
• 坑四：使用两行以上居中对齐的大段文字。中文长句居中对齐极易串行，正文统一左对齐。
• 坑五：导出后不再检查。上传后务必用手机实机预览，压缩后的清晰度才是用户看到的清晰度。
• 坑六：装饰大于内容。花纹、阴影、渐变堆得越多，信息越难被看见，装饰永远给内容让路。
• 坑七：整篇用同一种字号硬排。没有层级的长图文档，就像没有章节的书，再好的内容也显得费劲。
• 进阶技巧一：每页底部放统一的页脚，包含账号名加页码，强化品牌感。
• 进阶技巧二：关键数字和结论用色块高亮，用户即使快速滑动也能接收到核心信息。
• 进阶技巧三：第2页目录导览配合页码索引，方便用户截图保存单页。

进阶技巧的运用也要有节奏感。三项技巧不必每篇全上，建议从页脚开始，因为它成本最低、见效最快；目录导览适合教程和攻略这类多页内容，清单类内容可以省略；高亮色块则要克制使用，一篇长图里的高亮位置不超过三处，处处强调等于处处不强调。技巧堆砌和技巧缺失一样有害，规范的最终形态是让读者完全感觉不到技巧的存在，只觉得读起来舒服。

八、FAQ高频问答

1、长图用几张最合适？

教程和攻略类建议6到10页，清单类可以到12页。少于5页信息量显得单薄，超过12页则完读率明显下降。原则是内容密度优先，不为凑页数而注水。页数的决定权应该交给内容骨架：先按模块把内容拆完，拆出来几页就是几页，拆出来超过12页就回头审视是否可以合并模块，拆出来不足5页就检查是否有知识点可以补充展开。让内容决定页数，而不是先定页数再填内容，顺序反了就容易注水或砍伤重点。

2、长图里的图片需要调色统一吗？

需要。长图与封面、主页一样属于账号视觉体系，配图的色调应与账号主色系协调，至少做到明度一致，避免一页里同时出现高饱和与低饱和的图。实操上有一个取巧的办法：为账号定一个统一的滤镜或调色预设，所有配图在裁切后套用同一预设再导入排版，一分钟就能完成原本要反复手调的统一工作，而且稳定性远高于手动调整。预设不在多，一个领域一个就够。

3、文字内容可以全部用图片呈现吗？

可以，但要注意两点：纯图片文字无法被平台搜索抓取，所以笔记正文区和标题区一定要补充完整的关键词文案；同时图片内文字必须保证清晰度，导出前放大检查笔画。关键词的布局建议提前规划：标题放核心词，正文首段放核心词加长尾词，正文中段自然散布相关词，结尾再呼应一次核心词。图文配合的关键词布局决定了这篇长图能否被有需求的用户搜到，排版决定她读到后是否收藏，两者共同构成一篇长图的搜索竞争力。

4、用什么字体最安全？

使用可免费商用的字体，例如思源黑体、思源宋体、阿里巴巴普惠体。避免使用系统自带之外的未授权字体，商业账号尤其要重视字体版权。

5、长图的宽度和封面宽度必须一致吗？

必须一致。封面与内页宽度不同，用户从封面滑动到内页时会出现缩放跳变，体验非常割裂，也显得不专业。全篇统一1242像素宽是省心的做法。

6、怎么判断排版是否合格？

三步自查：缩小到手机缩略图大小，主标题是否依然可读；随机抽一页，三秒内能否说出这页在讲什么；让没看过内容的朋友连续滑动，她是否愿意读完。三项都通过即为合格。

7、数据上应该盯哪个指标来优化长图？

重点盯收藏率和完读率。收藏率低通常是内容结构或实用性问题；读到某一页大量流失，则重点检查那一页的排版密度和字号。把每页当作一个独立的小着陆页来优化。

8、旧笔记的长图需要回炉重排吗？

优先重排还在持续获得搜索流量的笔记，它们是长尾价值的来源。回炉时保留原内容只改排版，重发后观察收藏率变化，通常两到四周就能看到效果。

9、多页长图的页与页之间要加过渡设计吗？

不需要刻意的过渡动画式设计，但要做到两件事：每页页脚的页码连续，以及版式骨架完全一致。用户滑动翻页时的心理预期是”同一份文档的下一页”，骨架一致就能满足这个预期，任何一页突然换了配色或版式，都会像书里突然换了字体一样让人出戏。过渡感靠页码和钩子实现就够了，简单即正确。

10、长图里截图素材怎么处理才不显乱？

截图是最容易破坏排版规范的素材，处理原则有三条：统一裁切比例，去掉系统状态栏和无关边缘；加统一的圆角和细边框，让所有截图看起来出自同一套模板；必要时垫一层浅色底，与页面背景区隔开。三步处理之后，截图就会从”贴上去的证据”变成”设计里的元素”。

11、正文区和长图内容要重复吗？

要各司其职。长图负责完整干货，正文区负责三件事：用两三百字概括核心结论、补充长图里放不下的细节或链接、自然嵌入领域关键词帮助搜索收录。把正文写成纯标题加表情符号是对搜索流量的巨大浪费，把全文再抄一遍进正文则是重复劳动，两种极端都要避免。

12、不同类型内容的行距字号要分开定规范吗？

建议分内容类型建立两到三套子规范：教程类一套、清单类一套、故事类一套，共享同一套色彩和字体，只在字号密度和行距上按内容气质微调。子规范都挂靠在账号的母规范之下，既保证了整体统一，又给了不同内容类型呼吸的空间，这比一刀切的单规范更符合长期运营的需要。

13、数据反馈里哪种信号说明排版有问题？

两个信号最直接：完读率明显低于同领域均值，说明某几页的排版劝退了用户；收藏率低于点赞率，说明内容被认可但没有被当作工具收藏，通常是结构不够清晰、不好回查。对照每页的流失数据定位问题页，按本文的规范逐项检查字号、密度和层级，通常一轮修改就能扭转。

14、竖版长图和横版长图怎么选？

小红书场景下一律优先竖版3比4。横版图在信息流里占屏小、上下留黑边，点击后的阅读体验也割裂。如果你的素材天然是横构图，比如相机拍摄的大场景，可以在竖版画布上做上下留白或文字区处理，把横图嵌进去，既保留素材又守住规格。需要横版素材的场合是视频封面和部分外投物料，长图详情页没有例外。

15、长图里的对比表格怎么做才清晰？

表格是干货长图的高频元素，规范有三条：列数控制在三列以内，手机上四列以上就挤了；表头用色块反白处理，与正文区隔；行高放宽到正文字号的1.8倍以上，紧凑的表格在小屏上几乎不可读。如果内容复杂必须多列，就拆成两张小表分两页，宁可多翻一页也不要压出一个看不清的大表。

16、数据里发现某一页流失特别严重，怎么修？

先用排除法定位原因：如果流失页恰好是文字最密的一页，优先减文字、拆模块，把一页拆成两页；如果该页文字密度正常但配图突兀，检查图片色调是否跳出了全篇的色彩体系；如果都不是，回看上一页结尾的钩子是不是断了，很多页的流失其实源自前一页没有给出继续滑动的理由。修完后不要急着归功或归因，观察至少五篇同类型笔记的数据再确认修复有效。

17、长图适合做系列连载吗？

非常适合，而且系列化是长图提升粉丝粘性的王牌玩法。把一个大主题拆成若干期，每期一篇完整长图，封面用统一模板加期号，主页会自然形成一条整齐的连载带。连载的好处有三层：单篇的完读压力变小，选题可以一次规划多期降低选题成本，追更行为会持续训练用户的回访习惯。注意每期之间要独立成篇，不看前几期的用户也能读懂当期，连载是加分项，不能成为阅读门槛。

九、写在最后

小红书长图详情页排版规范并不复杂，核心就是四句话：尺寸统一用3比4、字号层级拉拉开、一页只讲一件事、留白给重点让路。先按规范把模板搭好，再按数据反馈持续微调，你的干货内容才能获得应有的收藏与传播。长图是博主手里可塑性最高的媒介，值得你像对待封面一样认真对待。排版能力还有一个容易被低估的迁移价值：它在封面设计、主页装修、商业合作的品牌物料里全部通用，你在长图上练出的层级感和网格感，会让账号的所有视觉产物同步受益。把规范刻进肌肉记忆，让每一页长图都成为账号专业度的注脚，时间会给你复利。

小红书长图详情页排版规范,小红书长图详情页设计,长图排版,小红书教程笔记,收藏率优化,字号行距规范,小红书攻略,博主排版技巧,信息层级设计,小红书干货笔记