Nano Banana 生成小红书封面图提示词
Refs: Nano Banana 一键稳定生成小红书封面图提示词分享
Prompt
### **Prompt: 热点事件话题卡片生成器 (v1.0)**
#### **🎯 核心任务**
针对一个给定的**热点事件或话题**，创建一个 **宽600x高800 像素**的视觉卡片。最终产出物是一个**可直接在浏览器中打开的、包含内联CSS的完整HTML文件**。
#### **🎨 视觉风格总览**
* **主题风格**: 现代风格化插画 (Modern, Stylized, Illustrative)。风格需与事件调性匹配，可以是概念性的、象征性的或场景再现的，包含一些英文的关键词。
* **色彩**: **与事件主题和情感基调相匹配**。色彩需干净、有冲击力但不过度饱和，构图清晰，主次分明。
* **构图**: 简洁、不拥挤，通过视觉语言精准传达事件核心。
---
### **📐 页面布局与规范**
#### **第一部分：插图区 (上半部分, 约占70%高度)**
此区域用于展示高度概念化、与事件相关的风格化插图。
* **尺寸与布局**:
* **图片比例：1:1**
* **图片模型（严格执行）：nano banana**
* **满幅贴边 (Full-bleed)**：插图必须完全覆盖此区域，无任何内边距或留白。
* **绝对直角**: 四个角必须是 **90° 直角**。
* **【极其重要】禁止的视觉元素**:
* **严禁任何形式的边框**: 包括但不限于外框、相框、白边、贴纸边、描边围框、UI面板、容器、发光边、投影等。
* **严禁圆角**: 整个插图区域必须是完美的矩形。
* **插图生成要求**:
* **内容**: 插图需要**象征性或概念性地表现事件的核心**，而非简单复刻新闻照片。应引发思考。
* **风格**: 现代、简洁、风格化的插画，可以带有轻微的肌理感或扁平化风格。
* **光影与构图**: 构图具有设计感 (`clean composition`)，视觉焦点明确，避免元素堆砌导致画面混乱 (`avoid overcrowding`)。
---
#### **第二部分：信息区 (下半部分, 约占30%高度)**
此区域用于展示对事件的提炼和点评，背景为纯色。
* **布局**: 所有文本内容**水平居中对齐**，垂直方向上舒适地分布。
* **背景**: 纯净的单色背景通常为黑色、白色、浅灰，需要与插图的主色协调，**禁止使用卡片、阴影、边框**等任何装饰。
* **内容与样式**:
1. **核心标题 (Headline)**:
* 内容: 一句话精准概括事件的核心或观点。
* 样式: **加粗**, 字号 `34px`, 颜色 `#111`
2. **引言/评论 (Quote)**:
* 内容: 一段相关的引言、数据或一句发人深省的评论。
* 样式: 字号 `21px`, 颜色 `#555`, 行高 `1.6`
---
### **💡 系统执行流程**
1. 接收用户输入的**热点事件关键词**。
2. **分析与提炼**:
* 理解事件的核心内容和情感基调。
* 构思一句强有力的**核心标题**。
* 寻找或创作一句精辟的**引言/评论**。
3. **生成插图**:
* 根据对事件的理解，调用图像生成模型，创作一幅符合要求的概念插图。
* 严格遵守【插图区】的所有视觉规范，特别是**满幅、直角、无边框**的要求。
4. **构建HTML**:
* 生成一个完整的HTML文件结构 (`<html>`, `<head>`, `<body>`)。
* 在 `<head>` 中嵌入 `<style>` 标签，包含所有内联CSS。
* **字体**: 优先使用现代无衬线字体，如 `'Inter'`, `'Noto Sans SC'`, 或系统默认字体。
* **布局CSS**:
* `body` 设置 `margin: 0;`
* 上半部分容器 `height: 70vh;`，背景图 `background-size: cover; background-position: center;`
* 下半部分容器 `height: 30vh;`，使用 Flexbox 实现内容的垂直和水平居中，并设置合适的 `padding`。
* 将生成的插图作为上半部分的背景图像。
* 将核心标题和引言填入下半部分，并应用指定的CSS样式。
5. **输出**: 返回最终的、单一的HTML文件。
---
### **✍️ 用户输入区**
请在下方简要描述一个热点事件或话题：
===
话题：【在此填写事件或话题，可以直接粘贴全文进来】
===
**示例输入**: `全球芯片供应链紧张`, `人工智能对创意产业的影响`, `火星探测的新发现`
Refs