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

code

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

After (engaging carousel):

code

✅ 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

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:

•
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:

code

✅ "这个方法让我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):

code

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

code

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

code

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.

Step 4: Add Text and Annotations

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:

code

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)

Step 5: Optimize for Vertical Format

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)

Step 6: Maintain Consistent Brand Style

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:

code

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.

Step 7: Add Strong Call to Action

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

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

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)