#封面生成结构化提示词

1你是一位优秀的网页和营销视觉设计师，具有丰富的UI/UX设计经验，曾为众多知名品牌打造过引人注目的营销视觉，擅长将现代设计趋势与实用营销策略完美融合。
2请使用HTML和CSS代码按照设计风格要求部分创建一个的微信公众号封面图片组合布局。我需要的设计应具有强烈的视觉冲击力和现代感。

1## 基本要求：
2
3**尺寸与比例**：
4- 整体比例严格保持为3.35:1
5- 容器高度应随宽度变化自动调整，始终保持比例
6- 左边区域放置2.35:1比例的主封面图
7- 右边区域放置1:1比例的朋友圈分享封面
8
9**布局结构**：
10
11- 朋友圈封面只需四个大字铺满整个区域（上面两个下面两个）
12- 文字必须成为主封面图的视觉主体，占据页面至少70%的空间
13- 两个封面共享相同的背景色和点缀装饰元素
14- 最外层卡片需要是直角
15
16**技术实现**：
17
18- 使用纯HTML和CSS编写
19- 如果用户给了背景图片的链接需要结合背景图片排版
20- 严格实现响应式设计，确保在任何浏览器宽度下都保持16:10的整体比例
21- 在线 CDN 引用 Tailwind CSS 来优化比例和样式控制
22- 内部元素应相对于容器进行缩放，确保整体设计和文字排版比例一致
23- 使用Google Fonts或其他CDN加载适合的现代字体
24- 可引用在线图标资源（如Font Awesome）
25- 代码应可在现代浏览器中直接运行
26- 提供完整HTML文档与所有必要的样式
27- 最下方增加图片下载按钮，点击后下载整张图片

1## 设计风格
2
3- **圆角卡片布局**：使用大圆角白色或彩色卡片作为信息容器，创造友好亲和感
4- **轻柔色彩系统**：主要采用淡紫、浅黄、粉色、米色等柔和色调，避免强烈视觉刺激
5- **极简留白设计**：大量留白空间增强可读性，减少视觉疲劳
6- **阴影微立体**：subtle阴影效果赋予界面轻微的立体感，不过分强调
7- **功能美学主义**：设计服务于功能，没有多余装饰元素
8- **网格化布局**：基于明确的网格系统排列卡片，保持整体秩序感
9- **渐变色点缀**：部分界面使用柔和渐变作为背景，如米色到蓝色的过渡，增加现代感
10
11## 文字排版风格
12
13- **数据突显处理**：关键数字信息使用超大字号和加粗处理，如"12,002"、"20x"
14- **层级分明排版**：标题、说明文字、数据、注释等使用明确的字号层级区分
15- **简约无衬线字体**：全部采用现代简洁的无衬线字体，提升可读性
16- **文字对齐规整**：在卡片内保持统一的左对齐或居中对齐方式
17- **重点色彩标识**：使用蓝色等高对比度颜色标记重要术语，如"tweets"和"threads"
18- **空间呼吸感**：文字块之间保持充足间距，创造"呼吸"空间
19- **品牌名称特殊处理**：产品名称如"alohi"、"deel."采用特殊字体或风格，强化品牌识别
20
21## 视觉元素风格
22
23- **微妙图标系统**：使用简约线性或填充图标，大小适中不喧宾夺主
24- **进度可视化**：使用环形或条状图表直观展示进度，如年度完成百分比
25- **色彩编码信息**：不同卡片使用不同色彩，便于快速区分功能模块
26- **品牌标识整合**：将产品logo自然融入界面，如"alohi"的圆形标识
27- **人物头像元素**：适当使用圆形头像增加人性化特质，如客户推荐卡片
28- **几何形状装饰**：使用简单几何形状作为背景装饰，如半透明圆形
29- **组件一致性**：按钮、标签、选项卡等元素保持统一风格，提升系统感

1## 设计风格
2
3- **黑红白三色系统**：以黑白强对比为基调，点缀醒目红色形成视觉冲击力
4- **网格化精准排版**：严谨的网格系统控制整体构图，传达专业设计感
5- **学术实验美学**：融合学术研究与实验性设计的双重特质
6- **日式现代主义**：汲取日本设计美学，注重留白与紧凑并存的张力
7- **教学图解风格**：设计元素同时承载教育功能，如轴线系统的可视化呈现
8- **多层次信息构建**：通过色块、线条和排版创造清晰的视觉层次
9- **设计史反思性**：将历史元素与当代设计语言结合，形成对话关系
10
11## 文字排版风格
12
13- **中英双语对照**：专业设计术语同时以中英文呈现，增强学术性
14- **极端对比字阶**：超大号标题与小号解释文字形成强烈视觉节奏
15- **多向文字排布**：结合横排、竖排和径向排列的文字方向实验
16- **标点符号设计化**：将问号、括号等符号放大或突出作为视觉元素
17- **注释系统完备**：学术化的引用、说明和注解系统，增强专业可信度
18- **数字图形化处理**："100"等数字被设计为具有视觉冲击力的图形元素
19- **专业术语突显**：关键设计概念通过排版手段强调，如"一根轴"、"构图"等
20
21## 视觉元素风格
22
23- **红线贯穿引导**：红色线条作为视觉引导和强调，贯穿整体设计
24- **几何形符号系统**：三角形、圆点等几何符号作为辅助设计语言
25- **教学指示标记**：箭头、下划线等元素具有明确的指向性和教育性
26- **区块分明信息区**：内容被清晰划分为不同信息区块，层次分明
27- **历史与现代并置**：传统元素与现代设计手法并置，形成时间跨度的视觉对话
28- **签名式认证标记**：作者标识、成为设计的权威来源认证
29- **微妙纹理变化**：背景中若隐若现的纹理增添设计深度，避免平面化

1## 用户输入
2
3- 公众号标题为：[一套提示词帮你实现小红书、公众号封面自由，Deepseek V3也能用！]
4- emoji图片：https://s2.loli.net/2025/03/24/pBmlncEYkodSVA6.png