关于 graphic-content-creation
面向小红书图文帖的创作技能,指导将图片、文字和叙事编排成连贯的轮播内容。适用于教程、测评、清单和前后对比等内容。
主要功能
- 01规划 3–7 张轮播图
- 02设计开篇吸引图与叙事顺序
- 03优化文字层级和可读性
- 04统一配色与品牌风格
- 05加入明确行动引导
适用场景
- 01制作分步骤教程轮播帖
- 02编排产品测评或推荐清单
- 03呈现前后变化或案例故事
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ vivy-yi/ xiaohongshu-skills --skill graphic-content-creation安装后在 Claude Code 中输入/graphic-content-creation确认已加载。
详细介绍
图文内容创作(图文内容创作)
概述
图文内容创作是为小红书设计引人入胜的图片类帖子——通过结合视觉元素、文字叠加效果,以及多张轮播图片的叙事节奏,打造让人忍不住停下来、并愿意收藏和分享的内容。
使用场景
适用于:
- 创作图片类帖子(小红书最常见的内容形式)
- 设计 3-7 张图片的轮播内容
- 组织视觉教程或分步指南
- 制作前后对比内容
- 设计产品展示或评测
- 制作知识类清单内容
不适用于:
- 创作视频内容(使用 short-video-production)
- 只需进行基础照片编辑(使用 xingtu-tool)
- 从零开始设计复杂图形(使用 canva-tool)
核心模式
之前(枯燥的单张图片):
❌ Single product photo with no context
❌ Wall of text, hard to read
❌ No visual hierarchy, cluttered layout
❌ Inconsistent style across images
之后(吸引人的轮播内容):
✅ 3-7 image carousel with clear story flow
✅ Scannable text with key info highlighted
✅ Strong visual hierarchy and visual rhythm
✅ Consistent branding and color scheme
高效轮播的 5 个要素:
- 吸睛首图 - 第一张图片能瞬间抓住注意力
- 叙事节奏 - 合乎逻辑的内容推进,让人继续滑动
- 易于浏览的文字 - 一眼就能看懂
- 视觉层次 - 突出重要信息
- 行动号召 - 明确告诉受众该做什么
快速参考
| 内容类型 | 图片数量 | 结构 | 最适合 |
|---|---|---|---|
| 教程 | 4-7 | 问题 → 步骤 → 结果 | 传递知识、促进收藏 |
| 产品评测 | 3-5 | 吸睛开场 → 详情 → 结论 | 联盟营销 |
| 前后对比 | 2-4 | 问题 → 过程 → 解决方案 | 展示变化 |
| 清单/合集 | 5-7 | 条目 1、2、3……及详情 | 精选推荐 |
| 故事/案例研究 | 4-6 | 背景 → 行动 → 结果 | 真实叙事 |
实施方法
第 1 步:选择形式——单张图片还是轮播
适合使用单张图片的情况:
- 简单的产品展示
- 极简美学风格
- 一张有力的图片就能讲完整个故事
适合使用轮播(3-7 张图片)的情况:
- 讲述故事或展示过程
- 提供教程或分步指南
- 展示多款产品或多种选项
- 前后对比
- 知识类或清单类内容
专业提示:轮播的互动率比单张图片高 2-3 倍,因为滑动操作会向算法传递互动信号。
第 2 步:设计吸睛首图(图片 1)
目的:让用户停止滑动,吸引他们继续浏览
关键要素:
-
醒目标题(3-5 个词)
- 使用数字:“5 个……”
- 引发好奇:“没想到……”
- 作出承诺:“让我……的方法”
- 提出问题:“你知道……吗?”
-
吸睛的视觉元素
- 高对比度,使用明亮或温暖的颜色
- 主体清晰(人物面部或产品)
- 减少杂乱元素和干扰
-
叠加文字(推荐)
- 位置:上方或中间三分之一处
- 字体:粗体白字,带黑色描边
- 大小:在信息流中无需放大也能看清
有效吸睛开场示例:
✅ "这个方法让我1个月涨了5000粉" (specific result + curiosity)
✅ "学生党必看的5个平价好物" (target audience + number)
✅ "没想到这个习惯毁了皮肤" (negative curiosity hook)
✅ "坚持了30天,变化惊呆了" (timeframe + promise)
第 3 步:组织叙事节奏(图片 2-6/7)
教程结构(5-7 张图片):
Image 1: Hook + problem statement
Image 2: Step 1 (visual + brief text)
Image 3: Step 2 (visual + brief text)
Image 4: Step 3 (visual + brief text)
Image 5: Results or before/after
Image 6: Summary + key takeaways
Image 7: Call to action
产品评测结构(3-5 张图片):
Image 1: Hook + product hero shot
Image 2: Key features with callouts
Image 3: Real usage/demo photos
Image 4: Pros and cons breakdown
Image 5: Verdict + CTA (price/where to buy)
清单/合集结构(5-7 张图片):
Image 1: Hook + "5个..." overview
Image 2: Item 1 with photo + key benefit
Image 3: Item 2 with photo + key benefit
Image 4: Item 3 with photo + key benefit
Image 5: Items 4-5 combined (2-3 per image)
Image 6: Comparison or summary table
Image 7: Where to buy + CTA
核心原则:每张图片都必须提供新的价值,而不是重复内容。通过轮播逐步营造期待感。
第 4 步:添加文字和注释
文字最佳实践:
便于浏览:
- 使用项目符号或编号列表
- 将关键词加粗或突出显示
- 每张图片最多列出 3-5 个要点
- 留出空白(不要填满每个像素)
视觉层次:
HEADLINE (largest, boldest) - Main point
↓
Subheading or key benefit (medium)
↓
Details or explanation (small)
↓
Call to action (medium, distinct color)
颜色与对比度:
- 高对比度 = 易读
- 深色背景上使用白字,或浅色背景上使用黑字
- 避免在白色背景上使用浅灰色(难以阅读)
- 在手机屏幕上以较小尺寸测试
文字位置原则:
- 上方三分之一处:标题或吸睛问题
- 中间:主要内容或产品
- 下方三分之一处:摘要、价格或行动号召
- 避免放在最边缘(某些屏幕可能会裁切)
步骤 5:优化竖版格式
小红书图片规格:
- 宽高比:3:4 或 4:5(竖向人像)
- 分辨率:至少 1080x1440 像素
- 格式:JPG 或 PNG
- 文件大小:低于 5MB,确保快速加载
移动端优先设计:
- 在实际手机屏幕上测试
- 小尺寸下文字也必须清晰易读
- 如有链接,确保点击区域足够大
- 仅使用竖版布局(横版会被裁切)
常见错误:
- ❌ 横向风景图片(会被裁切)
- ❌ 文字太小(正文小于 24pt)
- ❌ 文字过多(让人应接不暇)
- ❌ 分辨率低(放大后会模糊)
步骤 6:保持品牌风格一致
轮播图中的视觉一致性:
- 配色方案:2-3 种主色(例如,珊瑚色 #FF6B6B + 青绿色 #4ECDC4)
- 字体:全程使用相同的 1-2 种字体
- 布局:每张图片使用相似的页眉和页脚
- 品牌标识:在固定位置放置 Logo 或水印
打造你的品牌风格模板:
Color scheme:
- Primary: [main brand color]
- Secondary: [accent color]
- Background: [consistent background]
Typography:
- Headlines: [bold font]
- Body: [readable font]
Layout template:
- Image 1: Full-bleed + overlay text
- Images 2-6: 80% content + 20% footer
- Final image: Summary + CTA
专业提示:为每种内容类型创建 Canva 或 Xingtu 模板,以确保风格一致。
步骤 7:添加有力的行动号召
最后一张图片的 CTA 示例:
- “关注我,每天分享干货”
- “点赞❤️收藏🌟,下次想看容易找到”
- “评论区告诉我你的看法”
- “试试看,回来告诉我效果如何”
- “点击主页查看更多”(用于引流)
CTA 最佳实践:
- 清晰具体(不要只说“关注我看更多”这样含糊的话)
- 单一 CTA(不要同时提出多个相互竞争的行动)
- 使用行动导向的动词
- 突出收益(说明对方为什么要行动)
- 添加表情符号,提升视觉吸引力
常见错误
| 错误 | 原因 | 修正方法 |
|---|---|---|
| 图片太多 | 想要展示所有内容 | 限制在 3-7 张,质量胜过数量 |
| 文字堆积如墙 | 担心遗漏信息 | 使用项目符号,只突出关键词 |
| 缺乏视觉层次 | 所有内容看起来都很重要 | 每张图片突出 1-2 个重点 |
| 风格不一致 | 仓促制作 | 使用模板和预设颜色 |
| 开场图片缺乏吸引力 | 第一张图片制作得太匆忙 | 将 50% 的精力投入开场图片 |
| 缺少故事脉络 | 只是罗列图片 | 按照开头、中间、结尾来组织 |
| 文字太小 | 在桌面设备上看起来不错 | 在手机上测试,字号至少为 24pt |
实际效果
表现出色的轮播图示例(真实数据):
- “5 步护肤流程”教程(5 张图片)→ 5 万次收藏(实用价值)
- 肌肤变化前后对比(3 张图片)→ 3 万次分享(显著变化)
- “学生党平价美妆”清单(7 张图片)→ 8 万次点赞(精选且贴近生活)
- 分步烹饪指南(6 张图片)→ 4 万次收藏(有教育价值)
表现不佳的内容:
- 单张产品照,毫无背景信息 → 200 次浏览(枯燥)
- 10 张随机图片合集 → 300 次浏览(太长,缺少故事脉络)
- 文字密集、字体很小的教程 → 150 次浏览(难以阅读)
关键指标:故事脉络清晰、结构良好的轮播图,收藏量比随机图片合集高出 3-5 倍。
相关技能:
- 必需:account-positioning(内容必须与定位一致)
- 必需:xingtu-tool(编辑和增强照片)
- 必需:cover-design(第一张图片至关重要)
- content-planning(规划内容主题和日历)
- title-writing(为帖子撰写吸引人的标题)
- hashtag-optimization(添加相关话题标签)
评论
支持 Markdown