成都小红书长图详情页设计 ｜ 成都长图详情页设计心得

成都小红书长图详情页设计做久了会发现，这个城市的内容有一种很特别的节奏：用户喜欢慢下来看细节，喜欢有烟火气的叙述，喜欢能直接抄作业的清单。也正因为如此，成都小红书长图详情页设计的重点不在于把画面做得多精致，而在于把信息组织得让本地用户愿意读完。这篇成都长图详情页设计心得记录的是我在本地账号上反复验证后沉淀下来的方法，包括结构模型、版式规范、色彩习惯、工具链和真实案例复盘，并附流程图、对比表与FAQ，希望能让第一次接触长图的成都博主少走一些弯路。

一、成都小红书长图详情页设计的场景特点

1、成都用户的内容消费节奏

做成都小红书长图详情页设计，第一个需要理解的就是本地用户的阅读节奏。相比一些节奏很快的城市，成都用户在图文内容上的停留时间明显更长，愿意读完一篇结构完整的内容，也更愿意在评论区讨论细节。

这个特点带来两个直接影响。第一，长图这种形式在成都本地内容里的接受度很高，用户不会因为内容长就划走，前提是结构清楚。第二，清单型与攻略型长图的收藏率通常很高，因为用户把它当成”可以下次照着做”的资料。

2、成都本地内容的三个典型场景

第一个场景是吃喝探店。成都的餐饮密度大、更新快，用户最关心的是”在哪里””多少钱””值不值得去”。

第二个场景是周末去处。周边游、露营、公园、展览，这类内容用户关心的是”适不适合带家人””需不需要提前预约””停车方不方便”。

第三个场景是生活技巧。成都的居住密度高，收纳、清洁、租房改造这类实用内容一直有需求，用户喜欢能直接照做的方法。

三种场景对长图的要求不同：探店偏重信息与实拍，周末去处偏重路线与提示，生活技巧偏重步骤与对比。

3、为什么长图比多图更适合成都内容

成都内容的典型特征是”信息点多但每个点不深”。一趟探店可能要讲位置、交通、点单建议、人均、环境、避坑，这些都是短信息，用文字写会变成流水账，用九宫格又装不下。

长图正好解决了这个问题：用多屏承载多个短信息，每屏一个小主题，用户滑动时像在翻一份随身手册。这就是成都小红书长图详情页设计最实际的适用场景。

4、本地号与游客号的长图差异

同样是成都内容，本地号与游客号的封面和长图策略完全不同。

本地号的优势是可信度高，用户默认你真的去过，因此长图可以写得更细，比如加停车提示、加排队时间、加老板的偏好。这些细节在本地用户眼里非常有价值。

游客号的优势是视角新鲜，用户更想看”第一次去成都怎么安排”。这类账号的长图应该偏向路线与避坑，信息要更基础，比如地铁怎么坐、几点去人少。

如果账号同时服务两类用户，建议在首屏明确写出面向人群，避免用户读到一半发现不适用。

5、成都长图的三种常见信息密度

低密度长图适合氛围类内容，每屏一到两个信息点，配图占主导。中密度适合探店与出行，每屏三到四个信息点。高密度适合清单与教程，每屏五到六个信息点，但必须用清晰的层级分隔。

判断密度是否合适的方法是看用户是否需要停下来数条目。如果需要数，说明层级不清；如果一眼能扫出结构，密度就是合适的。

二、成都内容的长图偏好

1、偏好的三个关键词

第一个关键词是烟火气。成都用户对过度精致的排版有一定的距离感，带一点生活气息、带一点手写感的排版更容易被接受。

第二个关键词是实在。信息要具体，数字要真实，避免空洞的形容词。写”人均五十”比写”性价比很高”有效得多。

第三个关键词是松弛。排版不要太紧凑，屏与屏之间留一点呼吸空间，让阅读像散步而不是赶路。

2、不同类目的长图偏好对照

这张表在项目里被用过很多次，它的作用是提供起点，而不是限制。任何一张成功的长图最终都取决于内容本身是否清楚。

3、成都用户对”攻略感”的偏爱

成都用户在浏览内容时，有明显的”攻略倾向”。同样一篇长图，如果开头就告诉用户”这篇会给你一条完整路线”，用户的阅读意愿会显著提高。

因此在成都小红书长图详情页设计里，首屏通常要给出一个明确的路径预告，比如”这篇分四部分讲一个周末安排”，让用户知道接下来会看到什么。

4、长图与短视频的分工

很多人会问：既然短视频流量大，为什么还要做长图？

两者的功能不同。短视频擅长快速建立情绪，但用户很难把里面的信息带走；长图擅长承载可查询的信息，用户可以截图、可以收藏、可以下次照着做。对于攻略型内容，长图的信息留存效率明显更高。

更合理的方式是两者配合：用短视频承担情绪与曝光，用长图承担信息与收藏。同一个选题，两种形式可以互相导流，而不是互相替代。

5、长图偏好的季节性变化

成都内容有明显的季节性。春季用户关注赏花与户外，夏季关注避暑与夜宵，秋季关注周边短途，冬季关注汤锅与室内去处。

季节变化会影响长图的信息重点，但不应该影响版式规范。版式是长期资产，应该保持稳定；内容是变量，随季节调整。很多账号在换季时连配色都一起换掉，结果视觉记忆被反复打断，这是得不偿失的。

三、设计前的准备清单

动手做长图之前，先把下面这些准备工作完成，可以避免中途反复推翻。

• 确定这篇长图的核心结论，一句话能说清
• 明确目标用户，是本地人还是游客
• 列出所有要讲的信息点，然后删掉三分之一
• 给每个信息点写一句标题
• 准备配色与字体规范，写死色值
• 整理配图素材，统一色调与裁切比例
• 画出版式草稿，确定每屏的结构
• 想好末屏的行动引导

1、删掉三分之一为什么重要

长图的容量大，容易让人舍不得删。但经验是：初稿的信息量通常超过用户能承受的上限，删掉三分之一之后，内容反而更有说服力。

删减的原则是保留结论、支撑与必要的注意事项，删掉背景铺垫、重复表述与自嗨内容。删完之后回头看，你会发现长图的结构反而更清晰了。

2、素材准备的时间占比

很多人低估素材准备的时间。实际上，如果素材没有提前整理好，制作过程中会不断被打断去找图、调色、裁切，效率会大幅下降。

建议把整个制作时间的一半留给准备阶段，包括信息梳理与素材整理。准备充分之后，排版本身往往只需要一小时左右。

3、信息点的筛选方法

筛选信息点时可以用一个简单的三问法：这条信息用户会不会真的用到、这条信息能不能一句话说清、这条信息是否与其他信息重复。

三个问题里有任何一个答案是”否”，就应该考虑删掉。用户用不到的信息占位置，说不清的信息占阅读精力，重复的信息占可信度。

4、准备阶段的产出物清单

准备阶段结束时，应该拿到四样东西：一张写着核心结论的纸条、一份模块清单、一份每屏标题列表、一套写死的色值与字号规范。四样东西齐全，就可以进入排版阶段。

缺少任何一样都建议先补齐。特别是色值规范，如果没有提前写死，排版过程中就会不断凭手感调色，最终整篇长图的颜色会失控。

四、成都长图详情页设计的七步流程

flowchart TD
A[写核心结论]-->B[列信息点并删减]
B-->C[每屏写一句标题]
C-->D[选结构模型]
D-->E[排第一屏小样]
E-->F{首屏是否成立}
F-->|是|G[批量排出其余屏]
F-->|否|C
G-->H[统一色值与字号]
H-->I[手机全屏预览并导出]

1、第一步：写核心结论

把所有想讲的内容先写下来，然后用一句话概括这篇长图到底要给用户什么。这句话不一定要出现在图上，但它决定了所有屏的顺序与权重。

2、第二步：列信息点并删减

把信息点列成清单，然后逐条问”删掉它用户还能不能理解结论”。能，就删。这一步做完，信息点数量通常会下降三分之一到一半。

3、第三步：每屏写一句标题

每屏标题要独立成立，用户跳着看也能理解。标题长度建议控制在十到十六字之间，超过十六字在手机上会显得拥挤，阅读节奏也会被打乱。

4、第四步：选结构模型

根据内容类型选择结构模型。探店类用信息罗列型，出行类用路线递进型，技巧类用步骤拆解型，改造类用前后对比型。结构模型决定了整体骨架，一旦选定就不要中途更换。

5、第五步：先排第一屏

第一屏决定用户会不会继续往下滑，所以必须先把第一屏做出来并单独审视。判断标准很简单：把第一屏单独截出来，看它能否让一个陌生人明白这篇讲什么。

6、第六步：批量排出其余屏

第一屏通过后，其余屏幕按同一套网格排。这一步追求的是效率，不要每屏都重新决策版式，用固定模板填内容即可。

7、第七步：统一规范并导出

最后统一检查色值与字号，确认没有例外。导出后在手机上从第一屏滑到最后一屏，感受节奏，重点检查字号可读性与屏与屏之间的过渡。

五、结构模型：成都内容常用的四种叙事

1、信息罗列型

适用于探店与好物合集。结构是：一句话结论、逐条列出信息点、最后给一句总结。每屏一个重点，配图占三到四成。

2、路线递进型

适用于周边出行。结构是：整体路线概览、逐个站点或环节展开、提醒注意事项。屏与屏之间用序号与时间线串联，让用户感到这是一条完整的动线。

3、步骤拆解型

适用于生活技巧与教程。结构是：目标说明、分步骤操作、常见错误、效果对比。每一步配一张图，文字只保留关键动作。

4、前后对比型

适用于租房改造与效果展示。结构是：改造前实拍、改造思路、改造过程、改造后实拍、成本清单。对比图是核心，文字承担解释作用。

5、四种模型的对比

新手建议从信息罗列型开始，因为它对文案与排版的要求最低，结构也最容易控制。

6、结构模型的选择判断

选择结构模型时可以问三个问题：这篇内容的核心是信息、是过程、还是效果？

核心是信息，选信息罗列型；核心是过程，选路线递进型或步骤拆解型；核心是效果，选前后对比型。三种内容对应的结构不同，选错结构会让内容显得拖沓。

如果内容同时包含信息与过程，优先按用户最关心的部分来选。比如一篇探店长图既讲了位置也讲了用餐体验，用户最关心的是值不值得去，那就按信息罗列型组织，把结论放前面。

7、结构模型的混用原则

结构模型可以混用，但要有主次。常见做法是以一种模型为主线，在局部使用另一种模型。比如路线递进型的长图，在讲装备时可以插入一个清单式的步骤模块。

混用的原则是主线不换、局部可变。如果整篇长图在两种模型之间反复横跳，读者的阅读预期会不断被打断。

六、版式与色彩：成都氛围的视觉表达

1、版式规范的落地

在成都做长图，版式要克制但不要死板。我们的做法是固定网格与边距，但在配图裁切上保留一点变化，让画面不至于过于机械。

固定项包括：四边边距、主标题位置、序号位置、底部信息区样式。变化项包括：配图的裁切比例、配图的数量、卡片的排列方式。

2、色彩系统

成都内容的配色偏向低饱和的暖调，常见的组合是浅米底、暖棕文字、低饱和绿或橙作为强调色。这套配色给人的感觉比较松弛，与本地内容的调性相符。

成都长图配色规范:
  底色: "浅米色"
  正文色: "暖棕灰"
  标题色: "深褐"
  强调色: "低饱和橙"
  辅助色: "雾霾绿"
  使用规则:
    强调色面积: "低于百分之十"
    同屏主色: "不超过三种"
    正文背景明度差: "保持清晰可读"

需要提醒的是，配色规范要与封面保持一致。封面与长图如果用了两套颜色系统，用户会感到断裂，账号整体也会显得不统一。

3、字体的选择

字体上建议主标题用偏手写感或粗黑体，正文用干净的无衬线体。手写感带来亲和力，无衬线体保证可读性。不要在同一篇长图里使用三种以上字体。

4、留白的节奏

成都内容的用户喜欢松弛感，所以留白要比其他城市的内容多一些。具体做法是每屏信息量控制在中等，屏与屏之间用留白或浅色块区隔，避免连续多屏都是满的。

节奏可以参考：信息密集屏之后跟一屏留白较多的过渡屏，让用户的视线有地方停。这个细节对阅读完成率的影响比想象中大。

5、排版中的三个对齐原则

第一个原则是文字块左对齐为主。中文内容左对齐最符合阅读习惯，居中只适合短标题，正文居中会让视线跳动。

第二个原则是屏与屏之间的主标题位置一致。如果第一屏标题在左侧、第二屏在中间、第三屏在右侧，用户每次都要重新定位，阅读效率会下降。

第三个原则是图片与文字的关系要稳定。比如统一让图片在上、文字在下，不要这屏图在上那屏图在下。稳定带来的是流畅，变化带来的是迟滞。

6、强调色的使用纪律

强调色是长图里最容易失控的元素。因为它醒目，排版时很容易想多用几次，结果满屏都是高亮，反而没有重点。

使用纪律是：一屏只强调一个信息，全图强调色的总面积不超过百分之十。需要强调的关键数字、关键结论、关键提醒，优先用强调色；其他内容一律用正文色。

7、配色与内容的呼应

配色不是独立的，它应该跟内容氛围呼应。讲汤锅的内容用暖橙，讲露营的内容用自然绿，讲租房改造的内容用木色与浅灰。色彩本身也在传达信息，用得对会增强代入感。

但呼应不等于换系统。所有内容的配色都应该从同一套色板里取色，只是强调色可以按内容类型做小幅调整。

七、工具与素材管理

1、工具选择的三条标准

第一条是支持多画板。长图由多屏组成，工具必须能在一个文件里管理多个画板，否则复制粘贴会非常低效。

第二条是支持组件复用。改一处全图同步，这是长图制作效率的关键。没有组件功能，改字号时就要逐屏修改，非常容易出错。

第三条是导出灵活。能按屏导出也能整图导出，方便你根据不同平台的需求调整。

2、素材管理的目录结构

成都长图素材库
├─ 探店实拍
│  ├─ 已调色
│  └─ 待处理
├─ 出行风景
├─ 改造对比
├─ 通用装饰
└─ 字体与色板

目录结构看起来是小事，但当素材积累到几百张之后，它决定了你每次找图的耗时。建议按”用途加状态”分两级，找图时先定位用途再筛选状态。

3、素材复用与版权

重复使用同一张配图在长图里是可以接受的，尤其作为栏目标识或背景纹理。但核心证据图建议每次使用原创实拍，因为用户对搬运图有天然警惕，尤其在探店与改造类内容里。

4、版本管理

长图修改频繁，建议用日期加版本号命名文件，比如把最终版明确标注出来。很多人最后发布的是三天前的中间版本，就是因为文件命名混乱。

5、批量生产的流程

如果一周要发三篇长图，逐篇从零开始做会非常累。更高效的方式是批量生产，把流程拆成三个批次。

第一批集中写信息梳理，把一周三篇的内容全部梳理完，产出模块清单与每屏标题。第二批集中排版，用同一套母版把三篇一次性排出来。第三批集中检查与导出，统一做手机预览与文件整理。

批量生产的好处是减少上下文切换。写作时全神贯注写，排版时全神贯注排，效率远高于每篇都走一遍完整流程。

6、母版的维护方式

母版不是做完就不管了。随着内容类型增加，母版可能需要新增版式，比如从三屏结构扩展到五屏结构。建议每季度整理一次母版文件，把新增的有效版式并入，删掉长期不用的版式，保持模板库精简。

八、四个成都本地案例

1、火锅探店长图

原状态：一条文字笔记列了八家店，用户看完记不住，也没有收藏动机。

改版动作：改成六屏长图，第一屏给出一句话结论与筛选标准，第二到第五屏每家店一屏，屏内固定四个信息位，分别是位置、人均、必点、避坑，第六屏做总结与排序。

改版的核心是把并列信息做成结构化对比，用户可以直接按人均筛选，收藏意愿明显提升。

2、周边露营长图

原状态：一堆风景照片加一段笔记，用户看不出路线与准备事项。

改版动作：改成路线递进型长图，第一屏给出整体路线与总耗时，第二屏讲交通与停车，第三屏讲装备清单，第四屏讲营地情况，第五屏讲注意事项。

改版的关键是把”感觉很好玩”变成”你可以这样安排一天”，从一个分享变成了一个可执行的方案。

3、租房改造长图

原状态：发了改造后的美图，用户问得最多的是”花了多少钱””怎么做的”。

改版动作：改成前后对比型长图，第一屏放改造前后对比图，第二屏讲改造思路与预算，第三屏按工序拆解，第四屏列成本清单，第五屏放踩坑提醒。

改版后评论区的提问明显集中在具体工序上，说明用户真的在认真参考。

4、城市漫步长图

原状态：内容是几条街的随手拍，缺乏组织，用户看完不知道从哪开始走。

改版动作：改成路线递进型长图，第一屏给出整体路线与预计时长，第二屏讲起点与交通，中间几屏按路段展开，每屏固定写”看什么””大概停留多久””适合什么时间”，末屏做总结与提醒。

改版的关键是给漫无目的的城市漫步加上了时间与顺序，让它从”看照片”变成”可以照着走一遍”。

5、案例的共性结论

四个案例的共同点都是把零散信息结构化，把感受型内容转换成参考型内容。成都用户偏爱”可以照着做”的长图，这是本地内容的一个稳定规律。

九、三套方案对比

选择的关键不是哪个更好，而是哪个你能长期坚持。一套无法坚持的方案，短期效果再好也没有意义。新手建议从手机模板起步，把结构练熟后再自建母版。

三种方案之间也可以过渡。先用手机模板连续做五篇，理解长图的结构逻辑；然后把模板里的有效元素整理出来，自建一套母版；等账号进入品牌化阶段，再考虑外包定制。这个顺序能让你的每一笔投入都建立在已经验证的经验上，而不是凭想象做决定。

十、成都小红书长图详情页设计的常见误区

1、把长图当成图片拼接

长图不是把几张图拼在一起，而是有逻辑递进的内容序列。判断标准是打乱屏幕顺序后是否影响理解，如果完全不影响，说明这篇长图缺少结构。

2、每屏都塞满

成都用户喜欢松弛感，每屏都塞满会带来压迫感。要让信息有节奏，密集屏之后给一屏留白。

3、字号随意变化

字号变化过多会让长图显得杂乱。控制在大中小三级以内，需要强调时用颜色与字重，而不是无限放大字号。

4、忽略首屏与末屏

首屏决定是否继续读，末屏决定是否收藏与互动。很多长图首屏用心、末屏敷衍，这是明显的浪费。

5、配色与封面不一致

封面与长图必须共用一套色彩系统。如果封面是深色、长图是浅色，用户从封面点进来会感到视觉断裂。

6、只在电脑上确认

电脑屏幕大，很多字号问题看不出来。必须把长图放进手机相册完整滑一遍，这是不可省略的一步。

7、信息准确性问题

本地内容的地址、价格、营业时间经常变化，长图一旦发布被收藏，过期的信息会持续误导用户。建议在长图里避免写过于具体的时效信息，或者在发布较久后更新。

8、为了长而长

有些长图明明三屏就能讲完，硬是拆成八屏，中间填充大量无信息量的过渡屏。用户会感到内容被稀释，收藏意愿反而下降。屏数要由信息量决定，而不是由形式感决定。

9、忽略移动端的加载

长图文件如果过大，在部分设备上加载会变慢，用户可能等不到图加载出来就划走。导出时要平衡清晰度与文件大小，建议发布前用手机真机测试一次加载速度。

10、不做数据复盘

长图发布后不看数据，等于放弃了改进的机会。建议固定看三个数：停留时长、收藏率、评论引用率。三个数里哪个偏低，就往哪个方向调整下一篇。

11、没有为二次使用做设计

一篇结构化长图的价值不止一次。它可以被拆成封面、可以被截成单张清单、可以整理成文章、可以做成打印卡片。如果设计时没有考虑可拆分性，后续每次复用都要重新排版。

简单的做法是让每一屏都能独立成立，也就是每屏都有完整的标题与结论。这样无论截取哪一屏，用户都能看懂它在讲什么。

12、把长图当成一次性任务

长图真正的价值是沉淀模板。做完一篇之后应该问自己：这篇里有哪些做法值得固定下来？如果每次都是重新设计，做了二十篇也不会有积累。把有效的做法固化进母版，才是长期效率的来源。

十一、成都小红书长图详情页设计FAQ

1、成都本地长图和普通长图有什么不同？

主要差别在节奏与信息偏好。成都用户更接受偏松弛的排版与偏烟火气的视觉，同时更偏爱清单与攻略型内容。因此在结构上要多用信息罗列与路线递进，配色上偏向低饱和暖调，留白要更充足。

2、长图做几屏最合适？

建议四到七屏。少于四屏撑不起长图的形式感，多于七屏用户的完成率会明显下降。如果信息确实多，可以拆成上下篇，用序号与首屏预告建立关联。

3、做长图需要专业设计软件吗？

不需要。支持多画板与组件复用的手机工具就可以完成大部分需求。工具决定的是效率上限，结构决策决定的是内容上限，后者更重要。

4、长图里的配图必须自己拍吗？

核心证据图建议自己拍，装饰性图可以用统一风格的素材。用户对原创实拍有更高的信任度，尤其涉及价格与环境的描述时，实拍的支撑作用很大。

5、怎么判断长图有没有做好？

看三个指标：平均停留时长、收藏率、评论里是否有人引用图里的具体信息。第三个指标最有说服力，它说明用户真的把内容读进去了。

6、长图第一屏应该放什么？

放结论与路径预告。结论告诉用户这篇的核心价值，路径预告告诉用户往下滑会看到什么结构。两者结合能显著提高往下滑的意愿。

7、做一篇长图大概要多久？

第一次做通常需要三到五小时，主要时间花在信息梳理与结构设计上。模板建立之后，后续每篇的排版时间可以压缩到一小时以内。前期慢是正常的，属于一次性投入。

8、长图可以重复使用同一套结构吗？

可以，而且应该。结构的重复让用户产生熟悉感，内容的变化提供新鲜感。真正需要变化的是选题、标题与配图，而不是版式骨架。

9、成都的方言或者本地词适合放进长图吗？

适合，但要控制在能理解的范围。像”巴适””整起”这类本地词能增加亲近感，但如果外地用户占比较高，应该在上下文中给出提示，避免用户看不懂而离开。

10、长图发布后还能修改吗？

图文笔记的图片修改限制较多，建议发布前检查到位。如果信息有明显时效性，可以在评论区做补充说明，或者后续发布更新版本。这也是为什么长图里要尽量避免过于具体的时效信息。

11、一天只能做一屏，效率太低怎么办？

效率问题的根源通常是准备不足，而不是排版慢。把信息梳理与素材整理提前一天做完，第二天集中排版，速度会明显提升。另外务必使用母版，逐屏手工调整是最耗时的做法。

十二、结语

成都长图详情页设计的心得可以浓缩成一句话：用清楚的结构承载有烟火气的内容。把信息删减到刚好，把结构安排成用户能跟着走的动线，把视觉统一成一套稳定的语言，长图自然就能被读完、被收藏、被反复使用。

如果你希望直接套用现成的结构模型与版式母版，可以参考成都小红书长图详情页设计的完整方案，从信息梳理到导出验证一次走通。更多关于长图节奏与本地内容包装的整理，也可以在https://www.redtask.cn/继续阅读。

成都小红书长图详情页设计,成都长图设计,详情页排版,长图结构,本地内容包装,清单设计,图文配色,版式网格,收藏率优化,设计心得