用Lovart+Nano Banana轻松制作成语故事卡片，让国学启蒙变得生动有趣！
2025-12-29 12:41:13
📜 用Lovart+Nano Banana轻松制作成语故事卡片，让国学启蒙变得生动有趣！
为什么选择成语故事卡？
成语是中华文化的瑰宝，每个成语背后都有一个生动的故事。但传统的学习方式往往只记释义，孩子们根本不知道"守株待兔"的农夫为什么那么傻，"画蛇添足"的人到底添了什么足。如果能把故事场景可视化，配上完整的知识点，学习效果会翻倍！
成语卡的设计思路
我设计的成语故事卡片延续了单词卡的黄金比例：上半部分用Nano Banana生成故事场景插图，下半部分展示成语的完整信息。但针对成语的特点做了优化：
上半部分（插图区）：还原成语典故的关键场景。比如"刻舟求剑"就画出船夫在船舷上刻记号的那个瞬间，背景是波光粼粼的江面；"掩耳盗铃"就画出那个捂着耳朵偷铃铛的小偷，表情既紧张又滑稽。
下半部分（信息区）：不仅有成语本身、拼音、释义，还加入了出处、故事梗概和现代用法。这样孩子不仅知道成语是什么意思，还能了解它的来龙去脉，甚至学会在作文里运用。
元提示词设计要点
我花了整整一个下午调试提示词，重点解决了三个问题：
- 插图要有故事性
成语不是静态的概念，而是动态的故事。所以提示词里特别强调要捕捉"故事的关键瞬间"，要有人物表情、动作、环境氛围。比如"亡羊补牢"不能只画一只羊和一个篱笆，而要画出农夫发现羊跑了那种懊恼的表情，以及他正在修补羊圈的动作。 - 风格要适合儿童
选择了中国风卡通插画风格，既有传统韵味，又不失童趣。色彩上用了莫兰迪色系，柔和不刺眼，看久了也不会视觉疲劳。人物造型Q版但不幼稚，小学到初中的孩子都能接受。 - 信息层级要清晰
成语卡的信息量比单词卡大，如果排版不好容易显得拥挤。我把字号、间距、颜色都精确到像素级别，确保一眼就能找到重点。成语本身用最大字号加粗，出处和故事用较小字号，形成明显的视觉层次。
完整元提示词分享
为了方便大家直接使用，我把调试好的元提示词完整放在这里：
成语故事学习卡片生成器
请创建一个 1080×1920 像素的成语故事学习卡片网页
按以下规范输出**一个可直接在浏览器打开的完整 HTML（含内联 CSS）**。
风格为中国风卡通插画。色彩需要**莫兰迪色系但稍微明快**（传统韵味与现代感结合）
画面**简洁不拥挤，故事性强**。插图区域**严禁任何圆角与外框**。
## 整体布局
- 移动端友好的垂直布局（1080×1920px）
- 视觉层级：上半部分故事插图（约 70% 高度）＞ 下半部分信息（约 30% 高度）
- 中国风卡通插画风格，颜色：莫兰迪色系但更清新通透，
**slightly higher saturation, soft Chinese palette,
fresh and elegant tones, traditional yet modern**
## 上半部分（约 1080×1344px）- 中国风卡通故事插图（使用 NanoBanana 模型）
- **模型要求**：必须使用 **NanoBanana** 生成插图（不得使用其他模型）
- **铺满要求**：插图需**满幅贴边（full-bleed）**覆盖整个上半部分；
**四角 90° 直角**；**绝不允许圆角**
- **严禁外框/相框/白边/卡片边/贴纸边/描边围框/
内嵌细线框/发光边/投影边/UI 面板/容器/卷轴边框/印章边**等一切边界装饰
- **风格细则**：
- 莫兰迪色系但稍微明快；中国传统色彩（如赭石、青绿、朱砂）降低饱和度；**不艳不俗**；画面雅致通透
- **soft natural lighting, gentle atmosphere,
subtle Chinese ink wash influence, clear storytelling**（柔和自然光、温和氛围、淡雅水墨韵味、清晰叙事性）
- **story-driven composition, capture key moment,
character expressions and actions, avoid overcrowding**（以故事为核心的构图，捕捉关键瞬间，注重人物表情动作，避免拥挤）
- 中国风卡通化造型，线条柔和圆润；Q版但不幼稚；仅对象元素可有描边，**画布四周不得出现任何边框**
- **成语融入**：
- 成语四字以艺术字形式融入画面，可用书法风格卡通字体、可带描边或印章效果
- 大小适中（约 **65–80px**），**留足边距**，避免裁切
- 颜色与整体风格协调（建议用深色或朱红色），清晰可读；**成语必须完整显示在画面内**
- 位置建议：画面上方居中或左上角，不遮挡主要故事场景
- **故事场景要求**（核心重点）：
- 必须还原成语典故的**关键情节瞬间**
- 必须有**人物、动作、表情、环境氛围**
- 人物造型Q版可爱但要符合古代背景（发髻、服饰、道具等）
- 背景简洁但要有时代感（古代建筑、农田、山水等）
- 画面要讲故事，让人一眼看懂成语情境
- **创意示例**（可理解为风格倾向，非强制内容）：
- "守株待兔"：农夫坐在树桩旁，表情呆滞托腮，周围农田荒芜，夕阳西下，成语位于画面上方
- "画蛇添足"：几个人围着地上的蛇，一人正得意地给蛇添脚，其他人指指点点，表情各异
- "刻舟求剑"：船夫在船舷上刻记号，剑掉入江中的瞬间，背景是波光粼粼的江面
- "掩耳盗铃"：小偷捂着耳朵偷铃铛，表情紧张又滑稽，铃铛发光晃动
**（用于 NanoBanana 的负面关键词 · 强约束）**
no frame, no border, no rounded corner, no rounded rectangle, no card,
no sticker edge, no UI panel, no container, no vignette, no white edge,
no black edge, no outline around canvas, no bevel, no glow border,
no drop shadow frame, no badge, no label box, no scroll frame, no seal border,
no busy background, no clutter, no excessive details, no modern elements
## 下半部分（约 576px 高）- 信息展示区（纯净背景，全部居中）
- 纯净背景（建议米白色 #faf9f6 或淡黄色 #fffef7）；**不使用卡片效果/阴影/边框**
- 垂直居中排列；间距舒适统一；**所有文本居中对齐**
1) **成语拼音**
- 采用汉语拼音格式，带声调
- 字号 **50px**；颜色 **#666**；与下方释义间距 **25px**；
**不得添加任何边框/细线框**
2) **成语释义**
- 核心释义，加粗，字号 **62px**；颜色 **#2c3e50**；与出处间距 **30px**；
**不得添加边框/细线框**
3) **出处**
- 格式："出处：《书名》"或"出处：某某·《书名》"
- 字号 **44px**；颜色 **#7f8c8d**；与故事梗概间距 **28px**
4) **故事梗概**
- 简要讲述成语背后的故事，2-3句话
- 字号 **40px**；颜色 **#555**；行高 **1.6**；与现代用法间距 **28px**
- 文本两端对齐，但整体居中
5) **现代用法**
- 格式："用法：……"，说明成语在现代语境中如何使用
- 字号 **38px**；颜色 **#95a5a6**；行高 **1.5**
- 文本两端对齐，但整体居中
## 样式规范（写入 HTML 的内联 CSS 要点）
- 字体：中文用 `'Noto Serif SC'`、`'Ma Shan Zheng'` 或系统默认宋体/楷体
- 上半部分：**零内边距**；插图**完全填充**；**禁止圆角**；
**禁止任何外框/留白边/卷轴边/印章边**
- 下半部分：内边距约 **50px 左右、60px 上下**；不加边框/阴影
- 仅插图中的对象允许描边；**页面边界不允许描边或包边**
- 文字全部居中对齐；层次清晰，行高适中；整体雅致但温馨
## 响应式与呈现
- 以 1080×1920 分辨率为基准，确保清晰可读
- 上半部分插图 **满幅贴边、无圆角、无外框**；四角直角
- 成语完整显示；大小与位置需考虑安全边距
- 不显示任何风格选择 UI；直接展示成品
成语输入
在下方仅输入要生成的成语（可用中文），其余（拼音、释义、出处、故事、用法）由系统自动生成：
成语：【在此填写成语】
**示例：** 守株待兔 / 画蛇添足 / 刻舟求剑 / 掩耳盗铃 / 滥竽充数
## 输出要求
- 产出**完整 HTML**（包含 `<!DOCTYPE html>`、`<head>`、`<body>`及所有内联 CSS）
- HTML 可直接在浏览器中打开查看
- 不输出任何解释文字，仅输出 HTML 代码
- 确保插图调用 NanoBanana 模型生成
- 确保所有信息准确无误（拼音、释义、出处、故事、用法）
- 确保画面美观、信息清晰、层次分明
---
**使用说明：**
将此提示词完整复制给 Lovart，然后在"成语："后输入想要生成的成语即可。支持批量输入多个成语（用逗号分隔），Lovart 会自动逐个生成并输出为图片。
实际生成效果
发给lovart上述提示词后，它会问你要生成哪个成语的故事卡片。
然后我发了：废寝忘食，闻鸡起舞（注意用，隔开）
效果非常好！
我的小建议
如果你也想做成语卡，建议从孩子最熟悉的成语开始，比如课本里出现过的。这样他们看到卡片时会有"原来是这样啊"的恍然大悟感，学习动力更强。
另外可以和孩子一起选成语，让他们说说想了解哪些成语的故事。这个参与感很重要，孩子会更珍惜这些卡片。
最后，别忘了利用Lovart的批量功能！一次性做个二三十张，够孩子学一阵子了。而且看着一摞精美的卡片从AI手里"哗啦啦"产出，那种成就感真的很爽！
AI教育
声明：该内容由作者自行发布，观点内容仅供参考，不代表平台立场；如有侵权，请联系平台删除。
标签：
