文章介绍通过 Lovart 与 Nano Banana 结合，批量制作多种知识卡片海报的方法，涵盖卡通单词卡、日签海报等场景，附具体操作提示词与案例，为高效制作知识类视觉内容提供思路。

昨晚睡前刷到赛博禅心大老师用 Lovart + Nano Banana 制作一句话详解长图，一下子很好奇怎么做到的，原理是怎样的，然后看到他说 Lovart 还有 Nano Banana 免费的活动，截止到下周二！于是我火速 Lovart 启动，小干了一票。

生成图片之后，我分析了一下，之所以文字可以非常详细，是因为 Lovart 首先调用了 Nano Banana 生成了插图，然后它再生成了需要的相应信息的网页，并且使用前面生成的配图作为插图，然后这个网页还输出为了图片，这也是为什么即使大量文字一样能稳定输出的原因，设计 Agent 出手果然非同凡响。

那么可以做的东西就很多了！！！

还是先上链接：https://www.lovart.ai/

然后，坐稳了，阿真带大家一起开挂玩转知识卡片！记住了，下面的卡片，全都可以批量做。

1.卡通单词卡片

比如做一套无穷无尽的单词卡，完全不会错还能保持美观。

原理就是Nano Banana 和 Lovart 的强强联合。Nano Banana 的英文控制能力顶级，生成插图轻轻松松，而 Lovart 负责找到知识内容，再输出为网页并输出为图片。

我在单词卡这里放了单词、音标、词性、翻译、例句，这里可以看到非常清晰直观。

那怎么做呢，下面是一套完整的元提示词，我们只需要像下面这样把提示词给 Lovart ：

然后它会问你的单词是什么，我们输入单词的中文就可以了，其他的都是Lovart自己完成。比如我输入【橘子】，首先它生成了插图，然后它创建了HTML并且生成了图片。一张单词卡就完成了！

并且，不是每次只能一张卡片，你也可以一次给到几十个卡片的中文，逗号间隔，然后 Lovart 就会 kuku 产出，我们过一会儿就可以来收割所有！批量输出我太爱了。

看看回放效果：

这里我做了2个版本的卡片提示词，一个是卡通高饱和版，一个是马卡龙颜色的版本，这里放的是那卡龙色系的版本，其他的后续我都放在云文档里分享给大家。# 英语单词学习卡片生成器 Time: 2025-08-30 | Version: v1.0.0 | Author: 阿真Irene请创建一个 1080×1920 像素的英语单词学习卡片网页，按以下规范输出**一个可直接在浏览器打开的完整 HTML（含内联 CSS）**。风格为治愈卡通描边。色彩需要**柔和但稍微明快**（轻微提升饱和度），画面**简洁不拥挤**。插图区域**严禁任何圆角与外框**。## 整体布局- 移动端友好的垂直布局（1080×1920px）- 视觉层级：上半部分插图（约 70% 高度）＞下半部分信息（约 30% 高度）- 治愈卡通描边风格，颜色：马卡龙系但更清新通透，**slightly higher saturation, pastel but lively colors, fresh and clear tones, not overly vibrant**## 上半部分（约 1080×1344px）- 治愈卡通插图（使用 NanoBanana 模型）- **模型要求**：必须使用 **NanoBanana** 生成插图（不得使用其他模型）- **铺满要求**：插图需**满幅贴边（full-bleed）**覆盖整个上半部分；**四角 90° 直角**；**绝不允许圆角**- **严禁外框/相框/白边/卡片边/贴纸边/描边围框/内嵌细线框/发光边/投影边/UI 面板/容器**等一切边界装饰- **风格细则**： – 柔和但稍微明快的马卡龙色系；轻微提升饱和度；**不艳不霓虹**；画面清新通透 – **soft daylight illumination, gentle highlights, subtle contrast for clarity**（柔和日光、轻微高光、适度对比度，让画面更清晰） – **clean composition, not too many details, avoid overcrowding**（构图简洁，控制细节密度，避免拥挤） – 卡通化造型，线条柔和可爱；仅对象元素可有描边，**画布四周不得出现任何边框**- **单词融入**： – 英文单词为画面有机元素，卡通字体、可带描边 – 大小适中（约 **60–75px**），**留足边距**，避免裁切 – 颜色与整体风格协调，清晰可读；**单词必须完整显示在画面内**- **创意示例**（可理解为风格倾向，非强制内容）： – “apple”：苹果树、可爱动物与花朵，单词位于安全区域，留足边距 – “sun”：温暖太阳与小云朵、彩虹点缀，单词不贴边 – “home”：房子造型字母，周围温馨元素，层次清爽**（用于 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 busy background, no clutter, no excessive details## 下半部分（约 576px 高）- 信息展示区（纯净背景，全部居中）- 纯净背景；**不使用卡片效果/阴影/边框**- 垂直居中排列；间距舒适统一；**所有文本居中对齐**1) **音标** – 采用国际音标格式 /…/ – 字号 **58px**；颜色 **#555**；与下方释义间距 **30px**；**不得添加任何边框/细线框**2) **中文释义** – 核心释义，加粗，字号 **68px**；颜色 **#333**；与例句区间距 **40px**；**不得添加边框/细线框**3) **例句** – 英文例句：字号 **42px**；颜色 **#666**；**目标单词标红（#e74c3c 或 #ff4757）** – 中文翻译：字号 **40px**；颜色 **#777**；与英文例句间距 **18px** – 全部文本居中；版面留白充足## 样式规范（写入 HTML 的内联 CSS 要点）- 字体：英文 `’Poppins’` 或 `’Inter’`；中文用系统默认- 上半部分：**零内边距**；插图**完全填充**；**禁止圆角**；**禁止任何外框/留白边**- 下半部分：内边距约 **50px**；不加边框/阴影- 仅插图中的对象允许描边；**页面边界不允许描边或包边**- 文字全部居中；层次清晰，行高适中；整体温馨但清爽## 响应式与呈现- 以 1080×1920 分辨率为基准，确保清晰可读- 上半部分插图 **满幅贴边、无圆角、无外框**；四角直角- 单词完整显示；大小与位置需考虑安全边距- 不显示任何风格选择 UI；直接展示成品## 🎯 单词输入在下方仅输入要生成的英文单词，其余（词性、音标、释义、例句）由系统自动生成：“`单词：【在此填写英文单词】“`**示例：** apple / beautiful / democracy## 输出要求- 产出**完整 HTML**（包含 `<html>、<head>、<style>、<body>` 等），可直接打开预览- 插图位图由 **NanoBanana** 生成并按上述规则合成到上半部分- 下半部分仅展示：音标、中文释义、例句（含红色标注的目标单词）## 智能生成说明（系统端）- 词性识别（n./v./adj. 等） – 准确音标（/…/）并居中 – 常用中文释义 – 治愈卡通插图（NanoBanana；**无外框/无圆角/满幅贴边**；**色彩轻微提饱和、清新通透**；**构图简洁不过密**） – 例句与翻译生成，并将目标单词在英文例句中**标红**

这里可以看到我这一轮的回放：
https://www.lovart.ai/r/e0qd2cs

太丝滑了朋友们，这是目前我觉得真正给 Nano Banana 加了强力 buff 的工具，更强的上下文理解和任务执行，叠加批量化，体验感非常好。

到这里脑洞有点停不下来了，然后我继续做了几个其他的！