diff --git a/docs/nano-banana/xiaohongshu-card-generation.md b/docs/nano-banana/xiaohongshu-card-generation.md new file mode 100644 index 0000000..57657fb --- /dev/null +++ b/docs/nano-banana/xiaohongshu-card-generation.md @@ -0,0 +1,97 @@ + +# Nano Banana 生成小红书封面图提示词 + +> Refs: [ Nano Banana 一键稳定生成小红书封面图提示词分享](https://mp.weixin.qq.com/s/a1CLcGL6XwwBXmjLs--qjg) + +## 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文件结构 (``, ``, ``)。 + * 在 `` 中嵌入 `