公众号封面图片设计指令 — 现代科技风格

概述

这是一套基于 Seedream 4 模型优化的公众号封面图生成指令。输入主题关键词、日期、标题和作者名，即可生成符合现代科技/生活方式调性的 2.35:1 封面图，最终输出为包含底图和内联样式文字叠加层的完整 HTML 文件。

核心任务

根据用户输入的主题关键词、日期、标题和作者名，创建一张符合现代科技/生活方式调性的公众号封面图。最终产物为固定宽高比 2.35:1 的完整 HTML 文件，包含底图和内联样式的文字叠加层。

视觉风格总览

主题风格: 可爱、圆润、简洁的 3D 插画风格（Cute, Rounded, Minimalist 3D Illustration），质感类似皮克斯动画或黏土玩具，具有柔和的光影
色彩: 整体色调和谐明快。背景为低饱和度的纯色或同色系渐变，保证左侧文字区有良好可读性
构图: 严格采用"左文右图"非对称布局，左侧为文字区，右侧为插画主体，视觉焦点清晰

生成规范与流程

第一部分：底图生成（无文字插图）

尺寸与比例

固定宽高比：2.35:1
推荐尺寸：
- 标清：1880x800
- 高清：2820x1200
- 超清：3760x1600

布局切分

左侧 64% 区域: 文字区，必须保持干净留白，仅允许纯色或极轻渐变（亮度差 ΔL* < 6）
右侧 36% 区域: 插画主体区，核心 3D 元素需有 80% 以上面积位于此区域

禁止内容

严禁任何形式的文字、字母、符号
严禁边框
严禁在左文区出现中高对比度元素（物体、投影、装饰线条）

插图要求

根据用户输入的主题关键词，创作象征性场景
背景为简单纯色或从左到右的微渐变
风格必须为可爱、圆润、卡通 3D，材质为柔和哑光或黏土质感，光照明亮柔和
严禁生成以下风格：霓虹、赛博朋克、暗黑、抽象科技线条、玻璃拟态、写实渲染

第二部分：文字层叠加（HTML 结构）

HTML 结构

主容器 div 使用 position: relative; 并保持宽高比 2.35:1
底图作为 <img>，设置 width: 100%; display: block;
文本元素使用 div 或 p，通过 position: absolute; 定位

字体栈

'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Source Han Sans SC',
'Helvetica Neue', Arial, Helvetica, sans-serif

文本内容与样式

元素	位置	字号	颜色
日期	`top: 8%; left: 6%`	`clamp(12px, 1.2vw, 18px)`	`#888`
标题	`top: 18%; left: 6%; width: 58%`	`clamp(28px, 5.6vw, 72px)`	根据背景智能判定
作者	`bottom: 8%; left: 6%`	`clamp(12px, 1.2vw, 18px)`	`#666`

智能对比度判定规则

在底图左 64% 文区的中央 40%x40% 区域取样，计算平均亮度值 L：

L >= 0.6 → 文字颜色设为深色（#111）
L <= 0.45 → 文字颜色设为白色（#FFF）
0.45 < L < 0.6 → 启用轻微渐变遮罩（白到透明或黑到透明 4-8%），并设标题为白色加极轻阴影

对比度要求：

标题与背景 >= 4.5:1
日期与作者 >= 3:1

系统执行流程

接收用户输入：主题关键词、日期、标题、作者名
生成底图：调用图像生成模型，基于主题关键词，遵循第一部分规则输出 2.35:1 无字插图
构建 HTML：插入底图，按第二部分规则叠加文字，执行智能对比度判定
输出：返回单一 HTML 文件（底图可内嵌为 Base64 或外链，默认推荐 Base64 内嵌）

示例输入

主题关键词: 油管创业
日期: Fri. 9.14
标题: 我靠油管创业，一个月赚3000美金
作者名: aeos

根据 Seedream 4 的优秀能力，这套指令在 Lovart 或 Gemini 中均可使用。设计方向可以在与 AI 的沟通中自行调整。

关于不同风格的选择参考，可以查看这篇文章：风格参考

指令下载: 链接: https://pan.baidu.com/s/1kMrWsW5_ZnvFEX11DPvRLg?pwd=q7mg 提取码: q7mg

效果图 1

效果图 2

效果图 3

效果图 4

效果图 5

效果图 6

概述#

核心任务#

视觉风格总览#

生成规范与流程#

第一部分：底图生成（无文字插图）#

第二部分：文字层叠加（HTML 结构）#

系统执行流程#

示例输入#

概述