教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

嗨大家好!我是阿真!

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

生成圖片之后,我分析了一下,之所以文字可以非常詳細,是因為 Lovart 首先調用了 Nano Banana 生成了插圖,然后它再生成了需要的相應信息的網頁,并且使用前面生成的配圖作為插圖,然后這個網頁還輸出為了圖片,這也是為什么即使大量文字一樣能穩定輸出的原因,設計 Agent 出手果然非同凡響。

那么可以做的東西就很多了!!!

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

然后,坐穩了,阿真帶大家一起開掛玩轉知識卡片!記住了,下面的卡片,全都可以批量做。

往期教程:

一、卡通單詞卡片

比如做一套無窮無盡的單詞卡,完全不會錯還能保持美觀。

原理就是 Nano Banana 和 Lovart 的強強聯合。Nano Banana 的英文控制能力頂級,生成插圖輕輕松松,而 Lovart 負責找到知識內容,再輸出為網頁并輸出為圖片。

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

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

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

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

然后它會問你的單詞是什么,我們輸入單詞的中文就可以了,其他的都是 Lovart 自己完成。比如我輸入「橘子」,首先它生成了插圖,然后它創建了 HTML 并且生成了圖片。一張單詞卡就完成了!

并且,不是每次只能一張卡片,你也可以一次給到幾十個卡片的中文,逗號間隔,然后 Lovart 就會 kuku 產出,我們過一會兒就可以來收割所有!批量輸出我太愛了。

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

看看回放效果:

當視頻在手機上無法加載,可前往PC查看。

這里我做了 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**(包含 `、、

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

太絲滑了朋友們,這是目前我覺得真正給 Nano Banana 加了強力 buff 的工具,更強的上下文理解和任務執行,疊加批量化,體驗感非常好。

到這里腦洞有點停不下來了,然后我繼續做了幾個其他的!

二、日簽海報自動配圖排版

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

提示詞我也放在下方了,我的提示詞目前是設置了偏向于科技風格的,大家可以基于我的進行修改。

訊息的條數不限,我設置了圖片會智能調整,也就是說 10 條 20 條訊息的長圖也都可以生成。

輸入的時候只要給到你的新聞簡訊就可以了,圖片和排版都有 Lovart 自己安排得妥妥的。

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

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

日簽海報提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

三、寵物小精靈屬性卡

思路廣一點,小精靈屬性卡能不能做?當~然可以。

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

這個穩定性稍微差了一點點,偶爾會出現文字內容出框的情況,不要慌,讓它重新輸出一遍就好了。

寵物小精靈信息卡提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

知識卡片之前我做了好幾個模板嘗試,這兩個在這里也一起分享給大家。

四、園藝科普卡片

比如,園藝知識卡!教大家認識植物、養護植物注意事項。

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

園藝科普卡片提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

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

五、動物科普卡片

動物科普也可以做的。

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

動物科普知識卡片提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):

教你用Lovart+Nano Banana無腦批量制作知識卡片海報!

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

小結

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

太有趣了,我還沒在 Lovart 使用 Nano Banana 最強的編輯功能,就已經迷上了它們這種強強聯合高質量產出的感覺。其他的下次有空繼續體驗。

燒腦了,太投入了昨天睡得也比較晚,今天還很早就超興奮醒來繼續做,火速輸出分享給大家,希望給大家帶來更多靈感。

燃盡了,精神亢奮但身體疲憊,我去補個覺,希望大家玩得開心。

如果有做了有趣、好玩的或者有靈感想法,歡迎在評論區分享!如果大家覺得有幫助或者好玩,請給阿真猛猛三連鼓勵阿真!本月能不能進入 AI 自媒體百強吊車尾就看今日了,感恩

收藏 64
點贊 103

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。