Skip to content

社交媒体渐变背景 ​

设计得当的渐变背景能让社交内容在信息流中脱颖而出。GradLab 可生成适合各大平台的高分辨率渐变图片和视频。

各平台尺寸 ​

在导出前,将 GradLab 的画布尺寸设置为目标平台的标准:

平台格式尺寸
Instagram 帖子方形1080 × 1080 px
Instagram Story / Reels竖版1080 × 1920 px
X(Twitter)配图横版1200 × 675 px
X 主页横幅横幅1500 × 500 px
微博配图横版1080 × 810 px
小红书竖版1080 × 1440 px
LinkedIn 帖子横版1200 × 628 px
LinkedIn 横幅横幅1584 × 396 px
YouTube 缩略图横版1280 × 720 px

在画布 W 和 H 字段输入对应数值,然后点击下载当前帧导出正确尺寸的 PNG。

社交内容技巧 ​

使用品牌色 ​

使用上传图片 / 参数码功能从 logo、宣传照片或现有品牌素材中提取调色板,确保渐变与视觉体系保持一致。

胶片颗粒增添高级感 ​

以低数值(10–20)启用后期处理 → 胶片颗粒。微妙的质感让渐变显得不那么数字化,更有设计感。

为 Story 和 Reels 制作动画 ​

导出视频内容:

  1. 将画布设置为 1080 × 1920(竖版)
  2. 启用 Ping-pong Loop
  3. 点击录制 MP4,录制 3–6 秒后停止
  4. 将视频导入剪辑工具(剪映、Premiere、Final Cut)作为背景层

叠加文字 ​

将渐变作为背景层导出,然后在设计工具(Figma、Canva、Photoshop)中添加文字、产品图或叠加元素,渐变提供背景,内容置于其上。

同一渐变跨平台复用 ​

设计一个渐变,按不同平台尺寸多次导出:1:1、9:16、16:9,在各格式间建立统一的视觉识别。

快速导出流程 ​

  1. 打开 GradLab
  2. 设置目标平台的画布尺寸
  3. 选择配色并调整动画
  4. 点击下载当前帧获取静态 PNG
  5. 导入到设计或内容工具中

相关内容 ​

INFO

画布 W/H 是布局尺寸,输出像素还会乘以 Math.max(2, devicePixelRatio) 和导出倍率。请以导出区域显示的像素尺寸为准。