返回作品集

效率工具 · Skill — 2026

公众号长图排版 · Skill 模板化

角色设计师 & Skill 开发者
周期2天
平台Skill

原始设计案例

以下为手工设计的公众号长图效果图,Skill 模板即基于这些案例提炼而成(点击查看大图)

南洋1916
南洋1916
柏善康养中心
柏善康养中心
老城新生·新安九如
老城新生·新安九如
果酱服务
果酱服务

Skill 生成效果

以下为通过 Skill 模板自动生成的『百年地大』校庆长图,点击可查看完整大图

Skill 生成长图效果
点击查看完整长图

背景与挑战

公众号长图文设计是高频需求,但每次都需要从零开始排版:调整字号、配图尺寸、间距节奏、视觉风格……重复劳动消耗大量时间。我接了多个公众号长图项目后,意识到这些设计有着高度可复用的模式——如果能把设计经验封装成模板化的 Skill,以后再做同类型项目就能一键生成,大幅提升效率。

研究与发现

回顾已完成的 4 个公众号长图项目(南洋1916、柏善康养中心、老城新生·新安九如、果酱服务),提炼出共性设计模式:统一的版式节奏(交替排列、通栏大图、引用卡片)、一致的色彩体系(品牌色+中性色)、标准化的图文比例和留白节奏。这些模式可以抽象为一套可配置的排版系统。

设计过程

  1. 01案例复盘:梳理 4 个已完成公众号长图项目,提炼版式模式和设计规律
  2. 02样式系统提炼:将色彩、字体、间距、版式模块抽象为可配置的 Style Tokens
  3. 03Skill 封装:利用 TRAE 的 Skill 机制,将排版规则编写为可复用的自动化工具
  4. 04实战验证:以『百年地大』校庆长图为验证项目,测试 Skill 的生成效果
  5. 05迭代优化:根据生成结果微调参数,确保不同内容主题都能产出高质量长图

设计方案

将公众号长图文设计经验封装为可复用的 Skill 模板。输入品牌信息、文案内容和图片素材,Skill 即可自动生成符合杂志排版美学的长图文。从人工逐像素调整到一键生成,设计产能实现了质的飞跃。下方的缩略图为最初的 4 个手工设计案例,长图为通过 Skill 自动生成的『百年地大』校庆长图。

效率对比

制作方式
每个项目从零排版Skill 一键生成长图
设计效率
重复调整间距/字号/配色Style Tokens 自动适配
交付速度
4 个项目分别耗时数天Skill 生成仅需分钟

核心指标

设计复用率85%
效率提升90%
风格一致性88%

项目成果

4个

原始设计案例

6种

版式模块

1套

Skill 模板

90%+

效率提升