social-media-designer（社交媒体设计师）

Social Media Designer

A social media design expert that creates platform-optimized graphics for maximum engagement. This skill combines platform best practices, visual design principles, and content strategy to produce scroll-stopping social media content that drives results.

From Instagram posts to Twitter headers to LinkedIn carousels, this skill ensures your social content looks professional, on-brand, and optimized for each platform's unique requirements.

Core Workflows

Workflow 1: Instagram Content Suite

1. Define content type

- Feed post (single or carousel) - Story - Reel cover - Highlight cover - Profile picture

1. Design feed post

- Dimensions: 1080x1080px (square) or 1080x1350px (portrait) - Visual hierarchy for quick scanning - Brand colors and fonts - On-brand photography or graphics - Text overlay (readable on mobile)

1. Create story template

- Dimensions: 1080x1920px - Safe zones (avoid top/bottom 250px) - Interactive elements (polls, questions, sliders) - Swipe-up or link sticker area - Consistent brand frame

1. Build content series

- Template for consistency - Color-coded by category - Reusable elements - Variation within system

Workflow 2: LinkedIn Professional Graphics

1. Choose format

- Single image post: 1200x627px - Carousel: 1080x1080px per slide - Article header: 1200x627px - Company page cover: 1128x191px - Profile banner: 1584x396px

1. Design for platform

- Professional, polished aesthetic - Data-driven content - Industry-relevant imagery - Thought leadership focus - Clear value proposition

1. Create carousel

- Compelling cover slide - One idea per slide - Consistent template - Strong conclusion/CTA - Page numbers or progress indicator

1. Optimize for feed

- Hook in first 2 lines - Visual supports text - Professional photography - Avoid overly promotional

Workflow 3: Twitter/X Visual Content

1. Design tweet images

- Dimensions: 1200x675px (16:9) - High contrast for timeline - Bold, simple message - Works as thumbnail - Text readable at small size

1. Create header image

- Dimensions: 1500x500px - Brand expression - Seasonal or campaign updates - Visual interest, not busy - Works with profile picture

1. Design thread graphics

- Consistent style across thread - Numbered or sequential - Eye-catching colors - Quote graphics - Data visualizations

Workflow 4: Multi-Platform Campaign

1. Design master concept

- Core message/visual - Adaptable composition - Flexible color system - Reusable elements

1. Adapt for each platform

- Resize for specs - Adjust safe zones - Platform-appropriate tone - Optimize text size

1. Create platform variants

- Instagram: 1080x1080px - Facebook: 1200x630px - Twitter: 1200x675px - LinkedIn: 1200x627px - Pinterest: 1000x1500px - TikTok: 1080x1920px

1. Maintain consistency

- Same core message - Recognizable brand elements - Adapted, not duplicated - Platform-native feel

Quick Reference

Platform Specifications

Instagram

Best Practices:

• Bright, vibrant colors perform better
• Faces increase engagement
• Minimal text (not text-heavy platform)
• Consistent aesthetic/grid
• Stories: Top 25% and bottom 35% are safe zones

Facebook

Best Practices:

• Less polished than Instagram
• Longer captions work
• Community-focused content
• Video performs best
• Profile picture: 170x170px display

Twitter/X

Best Practices:

• High contrast for timeline visibility
• Keep text large and bold
• Works at thumbnail size
• Header: Mind profile pic overlap
• Timeline is fast-scrolling

LinkedIn

Best Practices:

• Professional aesthetic
• Data and insights perform well
• Carousels get high engagement
• Text-heavy is acceptable
• Industry-relevant content

Pinterest

Best Practices:

• Vertical formats perform best
• Bright, eye-catching
• Text overlays work well
• How-to and tutorials excel
• Lifestyle imagery

TikTok

Best Practices:

• Thumbnail matters
• Fast-paced content
• Authentic, not polished
• Trending audio/effects
• Hook in first 3 seconds

YouTube

Best Practices:

• Thumbnail: Bold text, faces, contrast
• Test safe zones for mobile
• Consistent branding
• Eye-catching colors

Design Principles for Social

Mobile-First

• Most views on mobile
• Large text (minimum 40pt headlines)
• High contrast
• Thumb-friendly interaction zones

Scroll-Stopping

• First impression in 0.5 seconds
• Bold colors and contrast
• Faces and people
• Pattern interruption
• Curiosity gap

Brand Consistency

• Recognizable color palette
• Consistent fonts
• Recurring visual elements
• Template system
• Cohesive feed aesthetic

Platform-Native

• Match platform culture
• Use platform features
• Appropriate tone
• Don't just repost everywhere

Value-First

• Educational, entertaining, or inspiring
• Clear benefit to viewer
• Not overly promotional
• Shareable content

Content Categories

Educational

• How-to graphics
• Tips and tricks
• Stat graphics
• Infographics
• Explainer posts

Inspirational

• Quote graphics
• Motivational content
• Success stories
• Before/after
• Testimonials

Entertainment

• Memes (on-brand)
• Relatable content
• Behind-the-scenes
• Fun facts
• Interactive (polls, quizzes)

Promotional

• Product launches
• Sale announcements
• Event promotion
• Case studies
• Demo videos

Community

• User-generated content
• Team spotlights
• Customer features
• Q&A
• Challenges/contests

Typography for Social Media

Headline Sizes

• Instagram feed: 60-80pt
• Instagram story: 80-120pt
• LinkedIn: 48-72pt
• Twitter: 72-96pt

Font Choices

• Bold, high-contrast fonts
• Sans-serif for readability
• Avoid thin weights
• Limit to 2 fonts
• Consistent hierarchy

Text Amount

• Instagram feed: Minimal (image speaks)
• Instagram story: Short, scannable
• LinkedIn: Can be text-heavy
• Twitter: Concise, punchy
• Pinterest: Descriptive headlines

Color Strategy

High-Contrast Palettes

• Stand out in crowded feeds
• Improve mobile readability
• Create visual hierarchy
• Aid accessibility

Brand Colors

• Primary color prominently
• Accent for highlights
• Consistent background treatment
• Recognize at glance

Platform Considerations

• Instagram: Bright, saturated
• LinkedIn: Professional, muted
• Twitter: Bold, attention-grabbing
• Pinterest: Soft, aspirational

Best Practices

• Optimize for mobile: 80%+ view on phones
• Safe zones: Mind platform UI overlap
• Readable text: High contrast, large size
• Brand consistency: Recognizable at glance
• Platform-specific: Don't just duplicate
• Test before posting: View at actual size
• A/B test: Try variations, learn what works
• Accessible: Alt text, captions, contrast
• File size: Compress without quality loss
• Templates: Speed up production
• Stay current: Platforms change specs
• Engage quickly: Hook in first 2 seconds

Deliverables Format

SOCIAL MEDIA DESIGN PACKAGE
Campaign: [Name]
Duration: [Dates]
Platforms: Instagram, LinkedIn, Twitter

DESIGN CONCEPT
Theme: [Description]
Message: [Core message]
Style: [Modern/Minimal/Bold/etc.]

ASSET LIST

1. Instagram Feed Post
   Dimensions: 1080x1080px
   Format: PNG/JPG
   Design:
   - Background: [Brand gradient]
   - Headline: "[Text]" - [Font] Bold 72pt
   - Subtext: "[Text]" - [Font] Regular 32pt
   - Logo: Bottom right corner
   - CTA: "[Text]" - Button style

   Midjourney prompt (if applicable):
   "[Detailed prompt for background imagery]"

2. Instagram Story
   Dimensions: 1080x1920px
   Format: PNG with transparency
   Design:
   - Safe zones respected
   - Link sticker area: 250px from bottom
   - Progress indicator: Top
   - Swipe-up affordance
   - Interactive element: Poll at 40% height

3. LinkedIn Carousel (5 slides)
   Dimensions: 1080x1080px each
   Format: PDF (all slides)

   Slide 1 (Cover):
   - Hook headline
   - Eye-catching visual
   - "Swipe for [benefit]"

   Slides 2-4 (Content):
   - One idea per slide
   - Supporting visual
   - Consistent template

   Slide 5 (CTA):
   - Summary
   - Call to action
   - Contact info

4. Twitter Image
   Dimensions: 1200x675px
   Format: PNG
   Design:
   - Bold statement
   - High contrast
   - Minimal text
   - Works as thumbnail

FILES DELIVERED
- IG-feed-post-v1.png
- IG-story-template.png
- LinkedIn-carousel-slides.pdf
- LinkedIn-carousel-slide-1.png (individual)
- [... individual slides ...]
- Twitter-image.png
- Social-media-templates.fig (Figma source)

BRAND ELEMENTS USED
Colors:
- Primary: #HEX
- Secondary: #HEX
- Accent: #HEX

Fonts:
- Headline: [Font] Bold
- Body: [Font] Regular

Logo: [Version used]

USAGE GUIDELINES
Instagram:
- Post between 11am-1pm or 7pm-9pm
- Use hashtags: #tag1 #tag2 #tag3
- Tag relevant accounts
- Encourage saves and shares

LinkedIn:
- Post Tuesday-Thursday 9am-12pm
- Tag company page
- Write compelling caption (100-200 words)
- Engage with comments

Twitter:
- Include link to blog post
- Use 2-3 hashtags max
- Tag mentions
- Pin for 24 hours

METRICS TO TRACK
- Reach
- Engagement rate
- Saves (Instagram)
- Shares (LinkedIn)
- Click-through rate

Templates to Create

Content Pillars (recurring series)

• Monday Motivation (quote)
• Tip Tuesday (educational)
• Wisdom Wednesday (insight)
• Throwback Thursday (timeline)
• Feature Friday (customer/product)

Post Types

• Announcement template
• Testimonial template
• Stat graphic template
• Quote graphic template
• How-to template
• Behind-the-scenes template

Tools Integration

• Use Midjourney for custom imagery and backgrounds
• Use color-palette-generator for brand-aligned colors
• Use typography-advisor for font pairings
• Use infographic-designer for data posts
• Use mockup-generator for product showcases

Common Requests

Product launch: Multi-platform announcement graphics with product imagery Quote post: Minimal design with typography focus Stat graphic: Data visualization for LinkedIn/Instagram Story series: 3-5 connected stories with swipe progression Carousel: Educational 5-10 slide deck for LinkedIn Profile refresh: New headers, profile pics across platforms