嗨大家好！我是阿真！

昨晚睡前刷到賽博禪心大老師用 Lovart + Nano Banana 制作一句話詳解長(zhǎng)圖，一下子很好奇怎么做到的，原理是怎樣的，于是我火速 Lovart 啟動(dòng)，小干了一票。

生成圖片之后，我分析了一下，之所以文字可以非常詳細(xì)，是因?yàn)?Lovart 首先調(diào)用了 Nano Banana 生成了插圖，然后它再生成了需要的相應(yīng)信息的網(wǎng)頁(yè)，并且使用前面生成的配圖作為插圖，然后這個(gè)網(wǎng)頁(yè)還輸出為了圖片，這也是為什么即使大量文字一樣能穩(wěn)定輸出的原因，設(shè)計(jì) Agent 出手果然非同凡響。

那么可以做的東西就很多了?。?！

還是先上鏈接： https://www.lovart.ai/

然后，坐穩(wěn)了，阿真帶大家一起開(kāi)掛玩轉(zhuǎn)知識(shí)卡片！記住了，下面的卡片，全都可以批量做。

往期教程：

一、卡通單詞卡片

比如做一套無(wú)窮無(wú)盡的單詞卡，完全不會(huì)錯(cuò)還能保持美觀。

原理就是 Nano Banana 和 Lovart 的強(qiáng)強(qiáng)聯(lián)合。Nano Banana 的英文控制能力頂級(jí)，生成插圖輕輕松松，而 Lovart 負(fù)責(zé)找到知識(shí)內(nèi)容，再輸出為網(wǎng)頁(yè)并輸出為圖片。

我在單詞卡這里放了單詞、音標(biāo)、詞性、翻譯、例句，這里可以看到非常清晰直觀。

那怎么做呢，下面是一套完整的元提示詞，我們只需要像下面這樣把提示詞給 Lovart：

然后它會(huì)問(wèn)你的單詞是什么，我們輸入單詞的中文就可以了，其他的都是 Lovart 自己完成。比如我輸入「橘子」，首先它生成了插圖，然后它創(chuàng)建了 HTML 并且生成了圖片。一張單詞卡就完成了！

并且，不是每次只能一張卡片，你也可以一次給到幾十個(gè)卡片的中文，逗號(hào)間隔，然后 Lovart 就會(huì) kuku 產(chǎn)出，我們過(guò)一會(huì)兒就可以來(lái)收割所有！批量輸出我太愛(ài)了。

看看回放效果：

這里我做了 2 個(gè)版本的卡片提示詞，一個(gè)是卡通高飽和版，一個(gè)是馬卡龍顏色的版本，這里放的是馬卡龍色系的版本，其他的后續(xù)我都放在云文檔里分享給大家。

# 英語(yǔ)單詞學(xué)習(xí)卡片生成器 

Time: 2025-08-30 | Version: v1.0.0 | Author: 阿真Irene
請(qǐng)創(chuàng)建一個(gè) 1080×1920 像素的英語(yǔ)單詞學(xué)習(xí)卡片網(wǎng)頁(yè)
按以下規(guī)范輸出**一個(gè)可直接在瀏覽器打開(kāi)的完整 HTML（含內(nèi)聯(lián) CSS）**。
風(fēng)格為治愈卡通描邊。色彩需要**柔和但稍微明快**（輕微提升飽和度）
畫面**簡(jiǎn)潔不擁擠**。插圖區(qū)域**嚴(yán)禁任何圓角與外框**。
## 整體布局
- 移動(dòng)端友好的垂直布局（1080×1920px）
- 視覺(jué)層級(jí)：上半部分插圖（約 70% 高度）＞ 下半部分信息（約 30% 高度）
- 治愈卡通描邊風(fēng)格，顏色：馬卡龍系但更清新通透，
**slightly higher saturation, pastel but lively colors, 
fresh and clear tones, not overly vibrant**
## 上半部分（約 1080×1344px）- 治愈卡通插圖（使用 NanoBanana 模型）
- **模型要求**：必須使用 **NanoBanana** 生成插圖（不得使用其他模型）
- **鋪滿要求**：插圖需**滿幅貼邊（full-bleed）**覆蓋整個(gè)上半部分；
**四角 90° 直角**；**絕不允許圓角**
- **嚴(yán)禁外框/相框/白邊/卡片邊/貼紙邊/描邊圍框/
內(nèi)嵌細(xì)線框/發(fā)光邊/投影邊/UI 面板/容器**等一切邊界裝飾
- **風(fēng)格細(xì)則**：
  - 柔和但稍微明快的馬卡龍色系；輕微提升飽和度；**不艷不霓虹**；畫面清新通透
  - **soft daylight illumination, gentle highlights, 
subtle contrast for clarity**（柔和日光、輕微高光、適度對(duì)比度，讓畫面更清晰）
  - **clean composition, not too many details, 
avoid overcrowding**（構(gòu)圖簡(jiǎn)潔，控制細(xì)節(jié)密度，避免擁擠）
  - 卡通化造型，線條柔和可愛(ài)；僅對(duì)象元素可有描邊，**畫布四周不得出現(xiàn)任何邊框**
- **單詞融入**：
  - 英文單詞為畫面有機(jī)元素，卡通字體、可帶描邊
  - 大小適中（約 **60–75px**），**留足邊距**，避免裁切
  - 顏色與整體風(fēng)格協(xié)調(diào)，清晰可讀；**單詞必須完整顯示在畫面內(nèi)**
- **創(chuàng)意示例**（可理解為風(fēng)格傾向，非強(qiáng)制內(nèi)容）：
  - “apple”：蘋果樹(shù)、可愛(ài)動(dòng)物與花朵，單詞位于安全區(qū)域，留足邊距
  - “sun”：溫暖太陽(yáng)與小云朵、彩虹點(diǎn)綴，單詞不貼邊
  - “home”：房子造型字母，周圍溫馨元素，層次清爽
**（用于 NanoBanana 的負(fù)面關(guān)鍵詞 · 強(qiáng)約束）**  
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 高）- 信息展示區(qū)（純凈背景，全部居中）
- 純凈背景；**不使用卡片效果/陰影/邊框**
- 垂直居中排列；間距舒適統(tǒng)一；**所有文本居中對(duì)齊**
1) **音標(biāo)**  
- 采用國(guó)際音標(biāo)格式 /.../  
- 字號(hào) **58px**；顏色 **#555**；與下方釋義間距 **30px**；
**不得添加任何邊框/細(xì)線框**
2) **中文釋義**  
- 核心釋義，加粗，字號(hào) **68px**；顏色 **#333**；與例句區(qū)間距 **40px**；*
*不得添加邊框/細(xì)線框**
3) **例句**  
- 英文例句：字號(hào) **42px**；顏色 **#666**；**目標(biāo)單詞標(biāo)紅（#e74c3c 或 #ff4757）**  
- 中文翻譯：字號(hào) **40px**；顏色 **#777**；與英文例句間距 **18px**  
- 全部文本居中；版面留白充足
## 樣式規(guī)范（寫入 HTML 的內(nèi)聯(lián) CSS 要點(diǎn)）
- 字體：英文 `'Poppins'` 或 `'Inter'`；中文用系統(tǒng)默認(rèn)
- 上半部分：**零內(nèi)邊距**；插圖**完全填充**；**禁止圓角**；
**禁止任何外框/留白邊**
- 下半部分：內(nèi)邊距約 **50px**；不加邊框/陰影
- 僅插圖中的對(duì)象允許描邊；**頁(yè)面邊界不允許描邊或包邊**
- 文字全部居中；層次清晰，行高適中；整體溫馨但清爽
## 響應(yīng)式與呈現(xiàn)
- 以 1080×1920 分辨率為基準(zhǔn)，確保清晰可讀
- 上半部分插圖 **滿幅貼邊、無(wú)圓角、無(wú)外框**；四角直角
- 單詞完整顯示；大小與位置需考慮安全邊距
- 不顯示任何風(fēng)格選擇 UI；直接展示成品
## ?? 單詞輸入
在下方僅輸入要生成的英文單詞，其余（詞性、音標(biāo)、釋義、例句）由系統(tǒng)自動(dòng)生成：
```
單詞：【在此填寫英文單詞】
```
**示例：** apple / beautiful / democracy
## 輸出要求
- 產(chǎn)出**完整 HTML**（包含 `、、

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

太絲滑了朋友們，這是目前我覺(jué)得真正給 Nano Banana 加了強(qiáng)力 buff 的工具，更強(qiáng)的上下文理解和任務(wù)執(zhí)行，疊加批量化，體驗(yàn)感非常好。

到這里腦洞有點(diǎn)停不下來(lái)了，然后我繼續(xù)做了幾個(gè)其他的！

二、日簽海報(bào)自動(dòng)配圖排版

還在煩惱日簽信息怎么排版怎么配圖好看的朋友們有福了，Lovart 現(xiàn)在完美解決。先看看效果。

提示詞我也放在下方了，我的提示詞目前是設(shè)置了偏向于科技風(fēng)格的，大家可以基于我的進(jìn)行修改。

訊息的條數(shù)不限，我設(shè)置了圖片會(huì)智能調(diào)整，也就是說(shuō) 10 條 20 條訊息的長(zhǎng)圖也都可以生成。

輸入的時(shí)候只要給到你的新聞簡(jiǎn)訊就可以了，圖片和排版都有 Lovart 自己安排得妥妥的。

圖片中的文字信息內(nèi)容是 AI 瞎編的不要相信。另外，如果自己使用，記得在提示詞中修改底部我的水印

日簽海報(bào)提示詞如下（提示詞較長(zhǎng)不太方便，我會(huì)全部放在最后的共享文檔鏈接中）：

三、寵物小精靈屬性卡

思路廣一點(diǎn)，小精靈屬性卡能不能做？當(dāng)～然可以。

這個(gè)穩(wěn)定性稍微差了一點(diǎn)點(diǎn)，偶爾會(huì)出現(xiàn)文字內(nèi)容出框的情況，不要慌，讓它重新輸出一遍就好了。

寵物小精靈信息卡提示詞如下（提示詞較長(zhǎng)不太方便，我會(huì)全部放在最后的共享文檔鏈接中）：

知識(shí)卡片之前我做了好幾個(gè)模板嘗試，這兩個(gè)在這里也一起分享給大家。

四、園藝科普卡片

比如，園藝知識(shí)卡！教大家認(rèn)識(shí)植物、養(yǎng)護(hù)植物注意事項(xiàng)。

園藝科普卡片提示詞如下（提示詞較長(zhǎng)不太方便，我會(huì)全部放在最后的共享文檔鏈接中）：

這里可以看到我這一輪的回放：https://www.lovart.ai/r/smon64d

五、動(dòng)物科普卡片

動(dòng)物科普也可以做的。

動(dòng)物科普知識(shí)卡片提示詞如下（提示詞較長(zhǎng)不太方便，我會(huì)全部放在最后的共享文檔鏈接中）：

大家也可以基于我的提示詞，修改更多其他玩法卡片。

小結(jié)

上面完整的 6 套提示詞的鏈接在這里：https://a80cyp5nki.feishu.cn/wiki/NV5swtnH0irN3xkExQPcGwWXnm

太有趣了，我還沒(méi)在 Lovart 使用 Nano Banana 最強(qiáng)的編輯功能，就已經(jīng)迷上了它們這種強(qiáng)強(qiáng)聯(lián)合高質(zhì)量產(chǎn)出的感覺(jué)。其他的下次有空繼續(xù)體驗(yàn)。

燒腦了，太投入了昨天睡得也比較晚，今天還很早就超興奮醒來(lái)繼續(xù)做，火速輸出分享給大家，希望給大家?guī)?lái)更多靈感。

燃盡了，精神亢奮但身體疲憊，我去補(bǔ)個(gè)覺(jué)，希望大家玩得開(kāi)心。

如果有做了有趣、好玩的或者有靈感想法，歡迎在評(píng)論區(qū)分享！如果大家覺(jué)得有幫助或者好玩，請(qǐng)給阿真猛猛三連鼓勵(lì)阿真！本月能不能進(jìn)入 AI 自媒體百?gòu)?qiáng)吊車尾就看今日了，感恩