开源一个 Claude Code 风格的信息图 Skill,也可用作PPT
觉得特别好看
**内容组织原则**:
- 主标题区:左上或左侧,使用超大号衬线体- 核心结论框:用砖红色背景框突出最重要的判断或理念- 模块化内容区:右侧或下方,使用编号(01, 02, 03...)划分独立知识模块- 补充信息区:底部或边缘,放置次要信息、链接、说明
**信息密度控制**:
- 这是一张大图(建议尺寸 1920x1080 或更大),可以容纳更多信息- 每个模块保持 2-4 行文字,确保可读性- 使用充足留白(边距 80-100px)和模块间距(40-60px)
按照以下原则设计信息图的视觉层级和文案:
**文案风格**:
- 结论先行:核心观点用砖红色框突出显示- 高度概括:使用精准的名词短语作为模块标题- 模块化:将复杂概念拆解为编号模块(01, 02, 03...)- 客观冷静:使用专业、中立的描述语言- 分层表达:主标题 → 核心结论 → 模块标题 → 说明文字,层级清晰
**布局类型选择**:
1. 左右分栏型:左侧大标题 + 核心结论框,右侧多列网格模块2. 上下分层型:顶部标题区,中部核心结论,下部多行模块网格3. 中心辐射型:中央核心概念,周围环绕编号模块
根据内容特点选择最合适的布局类型。
调用 imageGenerate 工具生成信息图。
严格遵循以下视觉规范:4K 高清
**色彩系统(必须精确使用)**:
- 主背景渐变:从 #E8E4DC(左上/深)到 #F1EFE9(右下/亮),线性渐变,角度 120-135°,过渡柔和- 砖红强调色:#C44738(用于序号、关键词、分割线)- 砖红框渐变:从 #C44738(左上)到 #A83828(右下),对角线渐变 135°- 正文色:#1A1A1A(墨黑色)- 水印色:#E4DED3,透明度 20-30%,可选从中心向边缘的透明度渐变(25% → 10%)
**字体规范**:
- 主标题:衬线体(Serif),如 Playfair Display / 思源宋体,字号超大(64-96pt),加粗- 模块标题:无衬线体(Sans-serif),如 Inter / 思源黑体,Bold 粗体,字号中(20-28pt)- 正文:无衬线体,Regular 常规体,字号适中(14-16pt)- 序号(01, 02...):砖红色 #C44738,Bold 粗体,字号 24-32pt
**布局原则**:- 严格网格对齐:使用两栏、三栏或多行网格系统- 充足留白:边距 80-100px,模块间距 40-60px- 极细分割线:使用 1-2px 的砖红色线条或深灰色线条 #D0CCC4- 去装饰化:不使用阴影、3D效果、多余图标- 可选水印:在背景添加超大号、低透明度的关键词水印(带透明度渐变)
**重点强调**:- 核心结论用砖红色渐变背景框(#C44738 → #A83828)+ 白色文字突出- 关键词用砖红色标注或加粗- 重要数据用加粗 + 砖红色处理
**图片尺寸**:- 建议使用 1920x1080(16:9横版)或 1080x1920(9:16竖版)- 根据内容量选择合适的尺寸,确保信息密度适中
点击图片查看原图