📄 layout-library.md

← 返回目录

布局库 — 张三疯 IP 配图(15种预设)

所有配图强制从以下15种布局中选择,不得自由发挥。


公众号封面类(21:9 / 1:1)

L1 左文右图(Hero双栏)

适用: 公众号21:9主封面 结构: 左半区留白(标题文字区域)| 右半区人物插画 人物位置: 右侧,朝左看向文字区域 背景: 蓝色渐变或纯蓝 示例场景: 首图、开篇

L2 大字居中

适用: 公众号1:1方封面 结构: 标题巨大居中,人物小图在底部或角落 人物位置: 底部中央,小尺寸 背景: 纯色(蓝/白) 示例场景: 方封面

L3 全屏人物+标题叠加

适用: 21:9 视觉冲击型封面 结构: 人物占满画面,标题叠加在人物上方(透明遮罩) 人物位置: 中央或3/4位置 背景: 人物自身即为背景 示例场景: 重要文章、重磅观点

L4 数字焦点

适用: 数据类文章封面 结构: 巨大数字(如"500亿")占据主体,人物作为小点缀 人物位置: 角落或数字内部 背景: 深蓝底+数字高亮 示例场景: 融资数据、KPI文章


文章配图类(16:9)

L5 人物+对话框

适用: 观点表达型段落 结构: 人物在左/右,对话框在另一边(包含核心观点) 人物位置: 侧边 背景: 纯色+点缀几何元素 对话框色: 白色或淡黄

L6 人物+场景

适用: 叙事型段落 结构: 人物在场景中(办公室/舞台/书房等) 人物位置: 根据场景构图 背景: 场景化(非纯色) 示例场景: 经历分享、案例讲解

L7 对比双栏

适用: 对比分析型内容 结构: 左右两栏(人物在左 vs 人物在右 或 文字对比) 人物位置: 两栏各一个缩略人物+箭头 背景: 分割双色(蓝/黄) 示例场景: Before vs After、方案A vs B

L8 时间线

适用: 过程/历程型内容 结构: 纵向一条线,节点放置人物缩略图或图标 人物位置: 各时间节点 背景: 白色+蓝色线 示例场景: 公司发展历程、故事推进

L9 数据卡片

适用: 数据/统计型内容 结构: 左侧小人物 + 右侧大号数字/指标 人物位置: 左上角或左下角 背景: 白色卡片+蓝框 示例场景: 业绩数据、排行榜

L10 清单列表

适用: 干货/攻略型内容 结构: 上方人物 + 下方3-5条清单 人物位置: 顶部居中,偏小 背景: 浅色纹理 示例场景: 4个方法、5个步骤


小红书图文类(3:4)

L11 封面大字

适用: 小红书封面页 结构: 标题占据上部2/3,人物在底部 人物位置: 底部中央 背景: 蓝色为主

L12 人物特写

适用: 小红书内容页-人物为主 结构: 人物占据画面70%以上 人物位置: 中央 背景: 纯色背景

L13 图文混合

适用: 小红书内容页-分享型 结构: 上图下字 或 左图右字 人物位置: 图片部分 背景: 根据内容

L14 前后对比

适用: 体现变化/效果 结构: 左(Before/旧)右(After/新)分割 人物位置: 左右各一个小人物 背景: 双色分割

L15 纯文字极简

适用: 金句/观点输出 结构: 仅有核心句子+人物微缩标识 人物位置: 极小的IP头像在水印位 背景: 纯色