graphic-content-creation

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Graphic Content Creation (图文内容创作)

图文内容创作

Overview

概述

Graphic content creation is designing engaging image-based posts for Xiaohongshu - combining visuals, text overlays, and storytelling flow across carousel images to create thumb-stopping content that drives saves and shares.

图文内容创作指的是为小红书设计具有吸引力的图文帖——将视觉素材、文字叠加和叙事逻辑融入轮播图中，打造能吸引用户停留、促进收藏和分享的内容。

When to Use

适用场景

Use when:

Creating image-based posts (most common Xiaohongshu format)
Designing 3-7 image carousel content
Structuring visual tutorials or step-by-step guides
Creating before-and-after comparisons
Designing product showcases or reviews
Building educational listicle content

Do NOT use when:

Creating video content (use short-video-production)
Just need basic photo editing (use xingtu-tool)
Designing complex graphics from scratch (use canva-tool)

适用情况：

创作图文帖（小红书最常见的内容格式）
设计3-7张图的轮播内容
构建视觉教程或分步指南
制作前后对比内容
设计产品展示或测评帖
打造教育类清单内容

不适用情况：

创作视频内容（请使用short-video-production）
仅需基础照片编辑（请使用xingtu-tool）
从零开始设计复杂图形（请使用canva-tool）

Core Pattern

核心范式

Before (boring single image):

❌ Single product photo with no context
❌ Wall of text, hard to read
❌ No visual hierarchy, cluttered layout
❌ Inconsistent style across images

After (engaging carousel):

✅ 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 Elements of High-Performing Carousels:

Hook Image - First image grabs attention instantly
Story Flow - Logical progression keeps swiping
Scannable Text - Easy to read at a glance
Visual Hierarchy - Important info stands out
Call to Action - Tells audience exactly what to do

优化前（乏味的单图内容）：

❌ 无背景信息的单一产品照片
❌ 大段文字，难以阅读
❌ 无视觉层级，布局杂乱
❌ 图片风格不一致

优化后（引人入胜的轮播内容）：

✅ 3-7张图的轮播内容，叙事逻辑清晰
✅ 文字易读，关键信息突出
✅ 视觉层级分明，节奏流畅
✅ 品牌风格和配色统一

高转化轮播内容的5大要素：

钩子图 - 第一张图瞬间抓住用户注意力
叙事逻辑 - 合理的内容推进引导用户持续滑动
易读文字 - 一眼就能获取关键信息
视觉层级 - 重要信息脱颖而出
行动号召（CTA） - 明确告知用户该采取什么行动

Quick Reference

快速参考

Content Type	Images	Structure	Best For
Tutorial	4-7	Problem → Steps → Result	Educational value, saves
Product Review	3-5	Hook → Details → Verdict	Affiliate marketing
Before/After	2-4	Problem → Process → Solution	Transformation content
List/Collection	5-7	Item 1, 2, 3... with details	Curated recommendations
Story/Case Study	4-6	Context → Action → Outcome	Authentic storytelling

内容类型	图片数量	结构	适用场景
教程类	4-7	问题→步骤→结果	教育性内容，提升收藏量
产品测评	3-5	钩子→细节→结论	联盟营销
前后对比	2-4	问题→过程→解决方案	蜕变类内容
清单/合集	5-7	逐条展示物品+核心优势	精选推荐内容
故事/案例研究	4-6	背景→行动→成果	真实叙事内容

Implementation

实施步骤

Step 1: Choose Format - Single vs Carousel

步骤1：选择格式 - 单图 vs 轮播

Use single image when:

Simple product showcase
Minimalist aesthetic
One powerful image tells complete story

Use carousel (3-7 images) when:

Telling story or showing process
Providing tutorial or step-by-step guide
Showing multiple products or options
Before-and-after comparison
Educational or listicle content

Pro tip: Carousels get 2-3x more engagement than single images because swiping = interaction signal to algorithm.

选择单图的情况：

简单的产品展示
极简美学风格
一张优质图片就能完整传达信息

选择轮播（3-7张图）的情况：

讲述故事或展示流程
制作教程或分步指南
展示多款产品或选项
前后对比内容
教育类或清单类内容

专业提示：轮播内容的互动量是单图的2-3倍，因为滑动操作会向算法发送互动信号。

Step 2: Design Hook Image (Image 1)

步骤2：设计钩子图（第1张图）

Purpose: Stop scroll, entice swipe

Essential elements:

Bold headline (3-5 words)
- Use numbers: "5个..."
- Create curiosity: "没想到..."
- Make promise: "让我...的方法"
- Ask question: "你知道...吗?"
Eye-catching visual
- High contrast, bright or warm colors
- Clear subject (face or product)
- Minimal clutter and distraction
Text overlay (recommended)
- Position: top or center third
- Font: bold, white text with black outline
- Size: large enough to read in feed without zoom

Examples of effective hooks:

✅ "这个方法让我1个月涨了5000粉" (specific result + curiosity)
✅ "学生党必看的5个平价好物" (target audience + number)
✅ "没想到这个习惯毁了皮肤" (negative curiosity hook)
✅ "坚持了30天，变化惊呆了" (timeframe + promise)

目的：打断用户滑动，吸引其继续浏览

必备要素：

醒目标题（3-5个字）
- 使用数字："5个..."
- 制造好奇心："没想到..."
- 做出承诺："让我...的方法"
- 提出问题："你知道...吗?"
吸睛视觉素材
- 高对比度、明亮或暖色调
- 主体清晰（人物或产品）
- 尽量减少杂乱元素
文字叠加（推荐）
- 位置：上三分之一区域或中心区域
- 字体：加粗白色文字配黑色描边
- 大小：在信息流中无需放大就能清晰阅读

有效钩子示例：

✅ "这个方法让我1个月涨了5000粉" (具体成果+好奇心)
✅ "学生党必看的5个平价好物" (目标受众+数字)
✅ "没想到这个习惯毁了皮肤" (反向好奇心钩子)
✅ "坚持了30天，变化惊呆了" (时间周期+成果承诺)

Step 3: Structure Story Flow (Images 2-6/7)

步骤3：构建叙事逻辑（第2-6/7张图）

Tutorial Structure (5-7 images):

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

Product Review Structure (3-5 images):

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)

List/Collection Structure (5-7 images):

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

Key principle: Each image must add new value, not repeat. Build anticipation across carousel.

教程类结构（5-7张图）：

第1张图：钩子+问题说明
第2张图：步骤1（视觉素材+简短文字）
第3张图：步骤2（视觉素材+简短文字）
第4张图：步骤3（视觉素材+简短文字）
第5张图：成果或前后对比
第6张图：总结+核心要点
第7张图：行动号召

产品测评结构（3-5张图）：

第1张图：钩子+产品主图
第2张图：标注关键功能
第3张图：实际使用/演示照片
第4张图：优缺点分析
第5张图：结论+行动号召（价格/购买渠道）

清单/合集结构（5-7张图）：

第1张图：钩子+"5个..."概述
第2张图：物品1（照片+核心优势）
第3张图：物品2（照片+核心优势）
第4张图：物品3（照片+核心优势）
第5张图：物品4-5合并展示（每张图2-3个）
第6张图：对比或总结表格
第7张图：购买渠道+行动号召

核心原则：每张图都必须带来新价值，不能重复内容。在轮播过程中逐步提升用户期待。

Step 4: Add Text and Annotations

步骤4：添加文字与标注

Text Best Practices:

Keep it scannable:

Use bullet points or numbered lists
Bold or highlight key words
3-5 bullet points maximum per image
Leave white space (don't fill every pixel)

Visual hierarchy:

HEADLINE (largest, boldest) - Main point
  ↓
Subheading or key benefit (medium)
  ↓
Details or explanation (small)
  ↓
Call to action (medium, distinct color)

Color and contrast:

High contrast = readable
White text on dark OR black text on light background
Avoid light gray on white (hard to read)
Test on phone screen at small size

Text placement principles:

Top third: Title or hook question
Center: Main content or product
Bottom third: Summary, price, or CTA
Avoid very edges (can be cut off on some screens)

文字使用最佳实践：

保持易读性：

使用项目符号或编号列表
加粗或高亮关键词
每张图最多3-5个项目符号
保留空白区域（不要填满每个像素）

视觉层级：

标题（最大号、加粗）- 核心要点
  ↓
副标题或核心优势（中号）
  ↓
细节或说明（小号）
  ↓
行动号召（中号、鲜明颜色）

颜色与对比度：

高对比度=易读
深色背景配白色文字或浅色背景配黑色文字
避免浅灰色配白色（难以阅读）
在手机小屏幕上测试可读性

文字放置原则：

上三分之一区域：标题或钩子问题
中心区域：主要内容或产品
下三分之一区域：总结、价格或行动号召
避免放在边缘区域（部分屏幕会被裁切）

Step 5: Optimize for Vertical Format

步骤5：适配竖版格式

Xiaohongshu image specs:

Aspect ratio: 3:4 or 4:5 (vertical portrait)
Resolution: Minimum 1080x1440 pixels
Format: JPG or PNG
File size: Under 5MB for fast loading

Design mobile-first:

Test on actual phone screen
Text must be readable at small size
Large tap targets if any links
Vertical layout only (horizontal = cropped)

Common mistakes:

❌ Horizontal landscape images (cut off)
❌ Text too small (<24pt for body)
❌ Too much text (overwhelming)
❌ Low resolution (blurry when zoomed)

小红书图片规格：

宽高比：3:4 或 4:5（竖版肖像）
分辨率：最低1080x1440像素
格式：JPG 或 PNG
文件大小：5MB以下，确保加载快速

移动端优先设计：

在实际手机屏幕上测试
文字在小尺寸下必须清晰可读
若有链接，设置大点击区域
仅使用竖版布局（横版会被裁切）

常见错误：

❌ 横版图片（会被裁切）
❌ 文字过小（正文字号<24pt）
❌ 文字过多（信息过载）
❌ 低分辨率（放大后模糊）

Step 6: Maintain Consistent Brand Style

步骤6：保持统一品牌风格

Visual consistency across carousel:

Color palette: 2-3 main colors (e.g., coral #FF6B6B + teal #4ECDC4)
Fonts: Same 1-2 fonts throughout
Layout: Similar header/footer on each image
Branding: Logo or watermark in consistent position

Build your brand style template:

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

Pro tip: Create Canva or Xingtu templates for each content type to ensure consistency.

轮播图视觉一致性：

配色方案：2-3种主色调（例如：珊瑚色#FF6B6B + 蓝绿色#4ECDC4）
字体：全程使用1-2种字体
布局：每张图使用相似的页眉/页脚
品牌标识：Logo或水印放置在固定位置

打造品牌风格模板：

配色方案：
- 主色：[品牌主色调]
- 辅助色：[强调色]
- 背景：[统一背景]

排版：
- 标题：[加粗字体]
- 正文：[易读字体]

布局模板：
- 第1张图：全屏+叠加文字
- 第2-6张图：80%内容+20%页脚
- 最后1张图：总结+行动号召

专业提示：为每种内容类型创建Canva或醒图模板，确保风格统一。

Step 7: Add Strong Call to Action

步骤7：添加明确的行动号召（CTA）

Final image CTA examples:

"关注我，每天分享干货"
"点赞❤️收藏🌟，下次想看容易找到"
"评论区告诉我你的看法"
"试试看，回来告诉我效果如何"
"点击主页查看更多" (for driving traffic)

CTA best practices:

Clear and specific (not vague "follow for more")
Single CTA (not multiple competing actions)
Action-oriented verb
Benefit-driven (why should they do it)
Add emoji for visual appeal

最后一张图的CTA示例：

"关注我，每天分享干货"
"点赞❤️收藏🌟，下次想看容易找到"
"评论区告诉我你的看法"
"试试看，回来告诉我效果如何"
"点击主页查看更多" (用于引流)

CTA最佳实践：

清晰具体（避免模糊的"关注获取更多内容"）
单一行动号召（不要同时提出多个相互竞争的行动）
使用行动导向动词
突出收益（用户为什么要这么做）
添加表情符号提升视觉吸引力

Common Mistakes

常见错误

Mistake	Why Happens	Fix
Too many images	Want to show everything	Limit to 3-7, quality > quantity
Wall of text	Fear of missing info	Use bullets, highlight keywords only
No visual hierarchy	Everything seems important	Make 1-2 things stand out per image
Inconsistent style	Creating in haste	Use templates, predefined colors
Weak hook image	Rush through first image	Invest 50% effort in hook image
No story flow	Just listing images	Structure: beginning, middle, end
Text too small	Looks good on desktop	Test on phone, use minimum 24pt

错误	原因	解决方法
图片数量过多	想要展示所有内容	限制在3-7张图，质量>数量
大段文字	担心遗漏信息	使用项目符号，仅保留关键词
无视觉层级	认为所有内容都重要	每张图突出1-2个核心信息
风格不一致	仓促创作	使用模板、预定义配色
钩子图缺乏吸引力	仓促完成第一张图	投入50%的精力设计钩子图
无叙事逻辑	只是简单罗列图片	按照开头-中间-结尾的结构搭建内容
文字过小	在电脑上看起来效果好	在手机上测试，正文字号不小于24pt

Real-World Impact

实际效果

High-performing carousel examples (real data):

"5步 skincare routine" tutorial (5 images) → 50K saves (actionable value)
Before-after skin journey (3 images) → 30K shares (dramatic transformation)
"Student budget beauty" list (7 images) → 80K likes (curated, relatable)
Step-by-step cooking guide (6 images) → 40K saves (educational)

Poor-performing content:

Single product photo, no context → 200 views (boring)
10-image random collection → 300 views (too long, no story)
Text-heavy tutorial, small font → 150 views (hard to consume)

Key metric: Well-structured carousels with clear story flow get 3-5x more saves than random image collections.

Related Skills:

REQUIRED: account-positioning (content must align with positioning)
REQUIRED: xingtu-tool (edit and enhance photos)
REQUIRED: cover-design (first image is critical)
content-planning (plan content topics and calendar)
title-writing (compelling title for post)
hashtag-optimization (add relevant topic tags)

高表现轮播内容示例（真实数据）：

"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（添加相关话题标签）