mcpField
C
cover-design

cover-design

github.com/vivy-yi设计与 UI508281 次安装40 周前更新
代码仓库

关于 cover-design

面向小红书内容的封面设计技能,聚焦吸引信息流用户点击的首图或视频缩略图。涵盖标题、视觉主体、对比度、构图和品牌风格,并建议测试不同版本。

主要功能

  1. 01撰写简短吸引标题
  2. 02选择清晰的视觉主体
  3. 03使用高对比色彩与构图
  4. 04保持封面品牌风格一致
  5. 05测试标题、颜色和布局

适用场景

  1. 01设计轮播帖首图
  2. 02制作视频缩略图
  3. 03比较不同封面方案的点击表现

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/vivy-yi/xiaohongshu-skills --skill cover-design

安装后在 Claude Code 中输入/cover-design确认已加载。

详细介绍

封面设计(封面设计)

概述

封面设计是制作吸引眼球的首图(缩略图),让它在信息流中脱颖而出,吸引用户点击,并为内容设定预期——这是小红书内容被发现时最重要的单一因素。

使用场景

适用于:

  • 为多图帖子制作封面图
  • 设计视频缩略图
  • 优化点击率
  • 对封面设计进行 A/B 测试
  • 提高内容曝光度

不适用于:

  • 编辑整套照片(使用 xingtu-tool)
  • 设计复杂图形(使用 canva-tool)

核心模式

之前(平淡无奇的封面):

❌ Plain product photo
❌ Small or no text
❌ Low contrast
❌ Doesn't stand out in feed
❌ Unclear what content is about

之后(引人点击的封面):

✅ Bold headline text
✅ High contrast colors
✅ Clear subject or product
✅ Intriguing or promising
✅ Sets clear expectations

封面设计的 5 个要素:

  1. 吸睛文案 - 醒目的标题(3-5 个词)
  2. 视觉元素 - 高质量图片或主体
  3. 色彩 - 高对比度、引人注目
  4. 构图 - 清晰的视觉焦点
  5. 品牌元素 - 风格统一

快速参考

封面类型文案风格配色方案最适合
教程“如何……” / “5 种方法”明亮、暖色调教育内容
测评产品 + 结论简洁、专业建立信任
清单类内容“7 件事……”色彩丰富、有趣激发好奇
前后对比分屏对比强烈对比展现变化
秘密/技巧“没人告诉你的……”神秘、暗色调激发好奇

实施步骤

步骤 1:撰写吸睛标题

有效的吸睛文案:

  • 数字:“5 个……”
  • 承诺:“让我……的方法”
  • 好奇心:“没想到……”
  • 否定:“别再……了”
  • 提问:“你知道吗……?”

示例:

  • ✅ “学生党必看:5 个平价好物”
  • ✅ “坚持 30 天,变化惊呆”
  • ✅ “这个习惯毁了皮肤”
步骤 2:选择或制作视觉元素

视觉元素选项:

  • 产品照片(背景简洁)
  • 人像(正对镜头)
  • 前后并排对比
  • 平铺俯拍或顶拍
  • 生活场景动作照

要求:

  • 高分辨率(1080x1440+)
  • 光线良好(明亮或戏剧性光线)
  • 主体清晰(避免杂乱)
  • 竖版格式(3:4 或 4:5)
步骤 3:添加文字叠加层

文字原则:

  • 尺寸:大字(占图片高度的 30% 以上)
  • 字体:粗体、无衬线
  • 颜色:白字加黑色描边,或黑字加白色光晕
  • 位置:顶部或中间三分之一处
  • 对比度:与背景形成高对比

工具:

  • Xingtu(醒图)- 文字模板
  • Canva - 自定义设计
  • Meitu(美图秀秀)- 快速添加文字
步骤 4:应用色彩和效果

配色策略:

  • 暖色调:珊瑚色、橙色、黄色(充满活力)
  • 冷色调:蓝色、青绿色、紫色(平静、专业)
  • 高对比度:在暗色背景上使用亮色

效果(轻微使用):

  • 轻微暗角(聚焦中心)
  • 增强色彩(色彩更鲜艳)
  • 亮度 +10 到 +15

避免:

  • 过重滤镜导致失真
  • 效果过多(画面杂乱)
  • 对比度过低(难以阅读)
步骤 5:测试并迭代

A/B 测试不同版本:

  • 更换标题文案
  • 更换颜色
  • 更换布局
  • 更换图片

衡量指标:点击率(浏览量/展示量)

常见错误

错误修正方法
文字太小使用大号粗体文字
对比度过低提高对比度,让文字清晰易读
文字太多最多 3-5 个词
设计杂乱保持简洁,突出清晰的视觉焦点
封面误导封面必须与内容相符

实际效果

优秀封面:点击率提高 2-3 倍 糟糕封面:即使内容优质,浏览量也不足 100

关键指标:封面决定了内容成功与否的 80%。


相关技能:

  • 必需:graphic-content-creation(封面是首图)
  • 必需:title-writing(封面文字就是标题)
  • xingtu-tool(添加文字叠加层)
  • canva-tool(设计自定义封面)

评论

支持 Markdown