关于 Social Media Designer
Social Media Designer 是用于制作平台适配型社交媒体图形的设计技能,适合需要规划社交内容的创作者。它涵盖 Instagram 快拍、LinkedIn 轮播图及多平台活动变体,并提供尺寸、可读性和品牌一致性方面的设计指引。
主要功能
- 01按平台设计图形格式
- 02制作 Instagram 帖子、快拍和封面
- 03设计 LinkedIn 专业图形与轮播图
- 04适配多平台活动素材
- 05兼顾移动端可读性与品牌一致性
适用场景
- 01制作品牌风格的 Instagram 快拍模板
- 02设计 LinkedIn 教育类轮播图
- 03将一个活动概念改编到多个平台
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ jmsktm/ claude-settings --skill social-media-designer安装后在 Claude Code 中输入/social-media-designer确认已加载。
详细介绍
社交媒体设计师
社交媒体设计专家,可创作针对各平台优化、最大限度提升互动效果的图形内容。此技能结合平台最佳实践、视觉设计原则和内容策略,打造令人驻足的社交媒体内容,助力取得成效。
从 Instagram 帖子、Twitter 头图到 LinkedIn 轮播图,此技能确保你的社交内容外观专业、符合品牌风格,并针对各平台的独特要求进行优化。
核心工作流
工作流 1:Instagram 内容套件
-
定义内容类型
- 信息流帖子(单张或轮播)
- 快拍
- Reels 封面
- 精选内容封面
- 头像
-
设计信息流帖子
- 尺寸:1080x1080px(方形)或 1080x1350px(纵向)
- 采用便于快速浏览的视觉层次
- 品牌色彩和字体
- 符合品牌风格的摄影作品或图形
- 叠加文字(在移动设备上清晰易读)
-
创建快拍模板
- 尺寸:1080x1920px
- 安全区域(避开顶部和底部的 250px)
- 互动元素(投票、问题、滑块)
- 向上滑动或链接贴纸区域
- 统一的品牌边框
-
构建系列内容
- 使用模板保持一致性
- 按类别使用颜色编码
- 可重复使用的元素
- 在系统内灵活变化
工作流 2:LinkedIn 专业图形内容
-
选择格式
- 单图帖子:1200x627px
- 轮播图:每张幻灯片 1080x1080px
- 文章头图:1200x627px
- 公司主页封面:1128x191px
- 个人资料横幅:1584x396px
-
针对平台进行设计
- 专业、精致的美学风格
- 数据驱动的内容
- 与行业相关的图像
- 聚焦思想领导力
- 清晰的价值主张
-
创建轮播图
- 引人注目的封面页
- 每页一个观点
- 统一的模板
- 有力的结尾/行动号召
- 页码或进度指示器
-
针对信息流进行优化
- 在前两行设置吸引点
- 视觉内容辅助文字
- 专业摄影作品
- 避免过度宣传
工作流 3:Twitter/X 视觉内容
-
设计推文图片
- 尺寸:1200x675px(16:9)
- 在时间线上具有高对比度
- 信息简洁醒目
- 缩略图效果良好
- 缩小后文字仍清晰易读
-
创建头图
- 尺寸:1500x500px
- 展现品牌特色
- 更新季节性或营销活动内容
- 具有视觉吸引力,但避免杂乱
- 与头像搭配协调
-
设计长推文配图
- 整组内容风格统一
- 编号或按顺序排列
- 色彩醒目
- 引言图
- 数据可视化
工作流 4:多平台营销活动
-
设计核心概念
- 核心信息/视觉元素
- 可调整的构图
- 灵活的配色系统
- 可重复使用的元素
-
针对各个平台进行调整
- 按规格调整尺寸
- 调整安全区域
- 采用适合平台的语气
- 优化文字大小
-
创建各平台版本
- Instagram:1080x1080px
- Facebook:1200x630px
- Twitter:1200x675px
- LinkedIn:1200x627px
- Pinterest:1000x1500px
- TikTok:1080x1920px
-
保持一致性
- 核心信息相同
- 使用易于识别的品牌元素
- 针对平台调整,而非简单复制
- 符合平台原生风格
快速参考
| 操作 | 命令/触发语 |
|---|---|
| Instagram 帖子 | "Design Instagram post about [topic]" |
| 快拍模板 | "Create Instagram story template" |
| LinkedIn 轮播图 | "Design LinkedIn carousel on [topic]" |
| Twitter 图形内容 | "Create Twitter image for [content]" |
| 多平台内容 | "Design social campaign for [message]" |
| 个人资料图形内容 | "Create social media profile graphics" |
平台规格
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 动态(正方形) | 1080x1080px | 1:1 | 最常见 |
| 动态(竖版) | 1080x1350px | 4:5 | 占用更多动态空间 |
| 动态(横版) | 1080x566px | 1.91:1 | 不太常见 |
| 快拍 | 1080x1920px | 9:16 | 注意安全区域 |
| Reels | 1080x1920px | 9:16 | 竖版视频 |
| 头像 | 320x320px | 1:1 | 显示尺寸为 110x110 |
| 精选封面 | 1080x1920px | 9:16 | 中央圆形区域 |
最佳实践:
- 明亮鲜艳的色彩效果更好
- 人脸能提高互动率
- 尽量减少文字(该平台不适合大量文字)
- 保持统一的美学风格和网格布局
- 快拍:顶部 25% 和底部 35% 为安全区域
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 动态图片 | 1200x630px | 1.91:1 | 链接预览尺寸 |
| 动态正方形图片 | 1200x1200px | 1:1 | 替代格式 |
| 快拍 | 1080x1920px | 9:16 | 与 IG 相同 |
| 封面照片(个人主页) | 820x312px | 2.7:1 | 个人主页 |
| 封面照片(公共主页) | 820x312px | 2.7:1 | 企业 |
| 活动封面 | 1920x1005px | 1.91:1 | 针对桌面端优化 |
最佳实践:
- 无需像 Instagram 那样精致
- 较长的说明文字也适用
- 内容应以社区为中心
- 视频效果最佳
- 头像:显示尺寸为 170x170px
Twitter/X
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 信息流照片 | 1200x675px | 16:9 | 推荐 |
| 页眉照片 | 1500x500px | 3:1 | 个人主页横幅 |
| 头像 | 400x400px | 1:1 | 显示尺寸较小 |
最佳实践:
- 使用高对比度,确保在时间线上清晰可见
- 文字应大且醒目
- 缩略图尺寸下也应清晰
- 页眉:注意头像遮挡
- 时间线滚动速度很快
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 分享图片 | 1200x627px | 1.91:1 | 文章预览 |
| 轮播图 | 1080x1080px | 1:1 | 每张幻灯片 |
| 公司封面 | 1128x191px | 5.9:1 | 页面页眉 |
| 个人横幅 | 1584x396px | 4:1 | 个人主页 |
| Logo | 300x300px | 1:1 | 正方形 |
最佳实践:
- 采用专业风格
- 数据和见解类内容效果好
- 轮播图能获得较高互动率
- 可以使用较多文字
- 发布与行业相关的内容
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 标准 Pin | 1000x1500px | 2:3 | 推荐 |
| 正方形 Pin | 1000x1000px | 1:1 | 替代格式 |
| 长 Pin | 1000x2100px | 1:2.1 | 最大高度 |
| 头像 | 165x165px | 1:1 | 圆形 |
| 看板封面 | 600x600px | 1:1 | 正方形 |
最佳实践:
- 竖版格式效果最佳
- 明亮醒目
- 添加文字效果好
- 操作指南和教程表现出色
- 使用生活方式类图片
TikTok
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 视频 | 1080x1920px | 9:16 | 竖版 |
| 头像 | 200x200px | 1:1 | 圆形 |
最佳实践:
- 缩略图很重要
- 内容节奏要快
- 自然真实,无需过度修饰
- 使用热门音频和特效
- 在前 3 秒抓住观众
YouTube
| 格式 | 尺寸 | 宽高比 | 备注 |
|---|---|---|---|
| 缩略图 | 1280x720px | 16:9 | 对点击率至关重要 |
| 频道封面 | 2560x1440px | 16:9 | 桌面端 |
| 头像 | 800x800px | 1:1 | 以圆形显示 |
最佳实践:
- 缩略图:使用醒目文字、人脸和高对比度
- 在移动设备上测试安全区域
- 保持品牌形象统一
- 使用醒目的色彩
社交媒体设计原则
移动端优先
- 大多数浏览发生在移动端
- 大字号(标题至少 40pt)
- 高对比度
- 适合拇指操作的交互区域
吸引眼球
- 在 0.5 秒内留下第一印象
- 鲜明的色彩和对比
- 面孔和人物
- 打破常规
- 激发好奇心
品牌一致性
- 易于识别的配色方案
- 统一的字体
- 反复出现的视觉元素
- 模板系统
- 协调统一的信息流风格
原生适配平台
- 符合平台文化
- 使用平台功能
- 语气恰当
- 不要只在所有平台重复发布相同内容
价值优先
- 有教育意义、娱乐性或启发性
- 明确展示对观众的益处
- 不要过度宣传
- 内容适合分享
内容类别
教育类
- 操作指南图片
- 技巧和窍门
- 数据图
- 信息图
- 解说帖文
启发类
- 名言图片
- 励志内容
- 成功故事
- 前后对比
- 用户评价
娱乐类
- 表情包(符合品牌调性)
- 引发共鸣的内容
- 幕后花絮
- 趣味知识
- 互动内容(投票、问答)
推广类
- 产品发布
- 促销公告
- 活动推广
- 案例研究
- 演示视频
社区类
- 用户原创内容
- 团队成员介绍
- 客户专题
- 问答
- 挑战/竞赛
社交媒体排版
标题字号
- Instagram 信息流:60-80pt
- Instagram 快拍:80-120pt
- LinkedIn:48-72pt
- Twitter:72-96pt
字体选择
- 粗体、高对比度字体
- 使用无衬线字体以提高可读性
- 避免使用纤细字重
- 限制为 2 种字体
- 保持层级统一
文字量
- Instagram 信息流:尽量精简(让图片表达)
- Instagram 快拍:简短易读
- LinkedIn:可以包含较多文字
- Twitter:简洁有力
- Pinterest:使用描述性标题
色彩策略
高对比度配色
- 在信息流中脱颖而出
- 提升移动端可读性
- 建立视觉层级
- 提升无障碍体验
品牌色彩
- 突出使用主色
- 使用强调色突出重点
- 保持背景处理方式一致
- 确保一眼可辨
平台考量
- Instagram:明亮、饱和
- LinkedIn:专业、柔和
- Twitter:鲜明、引人注目
- Pinterest:柔和、令人向往
最佳实践
- 针对移动端优化:80% 以上的浏览发生在手机上
- 安全区域:注意避免与平台界面重叠
- 文字清晰易读:高对比度、大字号
- 品牌一致性:确保一眼可辨
- 针对平台定制:不要只复制相同内容
- 发布前测试:按实际尺寸查看
- 进行 A/B 测试:尝试不同版本,了解哪些有效
- 注重无障碍体验:替代文本、字幕、对比度
- 文件大小:压缩文件,同时不损失画质
- 使用模板:加快制作速度
- 紧跟变化:平台规格会发生变化
- 快速吸引关注:在前 2 秒抓住观众
交付物格式
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
要创建的模板
内容支柱(定期推出的系列)
- 周一励志(名言)
- 技巧星期二(教育内容)
- 智慧星期三(见解)
- 怀旧星期四(时间线)
- 专题星期五(客户/产品)
帖文类型
- 公告模板
- 用户评价模板
- 数据图模板
- 名言图片模板
- 操作指南模板
- 幕后花絮模板
工具集成
- 使用 Midjourney 创建定制图像和背景
- 使用 color-palette-generator 生成符合品牌风格的颜色
- 使用 typography-advisor 获取字体搭配建议
- 使用 infographic-designer 制作数据类帖文
- 使用 mockup-generator 展示产品
常见请求
产品发布:适用于多个平台、包含产品图片的公告图 名言帖文:极简设计,突出字体排版 数据图:用于 LinkedIn/Instagram 的数据可视化 快拍系列:包含 3-5 个相互关联、可依次滑动浏览的快拍 轮播帖文:适用于 LinkedIn、由 5-10 张幻灯片组成的教育内容 个人主页焕新:为各个平台更换封面图和头像
评论
支持 Markdown