graphic-content-creation

これはレビュー時に保存された抜粋です。完全で最新の内容は外部ソースを確認してください。

---
name: graphic-content-creation
description: Use when creating image-based posts for Xiaohongshu, designing carousel content with multiple images, structuring visual tutorials or guides, or combining photos with text overlays for storytelling
---

# 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)

## 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**:
1. **Hook Image** - First image grabs attention instantly
2. **Story Flow** - Logical progression keeps swiping
3. **Scannable Text** - Easy to read at a glance
4. **Visual Hierarchy** - Important info stands out
5. **Call to Action** - Tells audience exactly what to do

## 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 |

## Implementation

### Step 1: Choose Format - Single vs Carousel

**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.

### Step 2: Design Hook Image (Image 1)

**Purpose**: Stop scroll, entice swipe

**Essential elements**:
1. **Bold headline** (3-5 words)
   - Use numbers: "5个..."
   - Create curiosity: "没想到..."
   - Make promise: "让我...的方法"
   - Ask question: "你知道...吗?"

2. **Eye-catching visual**
   - High contrast, bright or warm colors
   - Clear subject (face or product)
   - Minimal clutter and distraction

3. **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)
```

### Step 3: Structure Story Flow (Images 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 sh