Lovart 加 Nano Banana 無腦批量制作知識卡片海報,我把 Lovart 做設計玩出新花樣了。
文章介紹通過 Lovart 與 Nano Banana 結合,批量制作多種知識卡片海報的方法,涵蓋卡通單詞卡、日簽海報等場景,附具體操作提示詞與案例,為高效制作知識類視覺內容提供思路。
昨晚睡前刷到賽博禪心大老師用 Lovart + Nano Banana 制作一句話詳解長圖,一下子很好奇怎么做到的,原理是怎樣的,然后看到他說 Lovart 還有 Nano Banana 免費的活動,截止到下周二!于是我火速 Lovart 啟動,小干了一票。
生成圖片之后,我分析了一下,之所以文字可以非常詳細,是因為 Lovart 首先調用了 Nano Banana 生成了插圖,然后它再生成了需要的相應信息的網頁,并且使用前面生成的配圖作為插圖,然后這個網頁還輸出為了圖片,這也是為什么即使大量文字一樣能穩(wěn)定輸出的原因,設計 Agent 出手果然非同凡響。
那么可以做的東西就很多了?。?!
還是先上鏈接:https://www.lovart.ai/
然后,坐穩(wěn)了,阿真帶大家一起開掛玩轉知識卡片!記住了,下面的卡片,全都可以批量做。
目錄
1. 卡通單詞卡片
2. 日簽海報自動配圖排版
3. 寵物小精靈屬性卡
4. 園藝科普卡片
5. 動物科普卡片
6. 小結
1.卡通單詞卡片
比如做一套無窮無盡的單詞卡,完全不會錯還能保持美觀。
原理就是Nano Banana 和 Lovart 的強強聯(lián)合。Nano Banana 的英文控制能力頂級,生成插圖輕輕松松,而 Lovart 負責找到知識內容,再輸出為網頁并輸出為圖片。
我在單詞卡這里放了單詞、音標、詞性、翻譯、例句,這里可以看到非常清晰直觀。
那怎么做呢,下面是一套完整的元提示詞,我們只需要像下面這樣把提示詞給 Lovart :
然后它會問你的單詞是什么,我們輸入單詞的中文就可以了,其他的都是Lovart自己完成。比如我輸入【橘子】,首先它生成了插圖,然后它創(chuàng)建了HTML并且生成了圖片。一張單詞卡就完成了!
并且,不是每次只能一張卡片,你也可以一次給到幾十個卡片的中文,逗號間隔,然后 Lovart 就會 kuku 產出,我們過一會兒就可以來收割所有!批量輸出我太愛了。
看看回放效果:
這里我做了2個版本的卡片提示詞,一個是卡通高飽和版,一個是馬卡龍顏色的版本,這里放的是那卡龍色系的版本,其他的后續(xù)我都放在云文檔里分享給大家。# 英語單詞學習卡片生成器?Time: 2025-08-30 | Version: v1.0.0 | Author: 阿真Irene請創(chuàng)建一個 1080×1920 像素的英語單詞學習卡片網頁,按以下規(guī)范輸出**一個可直接在瀏覽器打開的完整 HTML(含內聯(lián) CSS)**。風格為治愈卡通描邊。色彩需要**柔和但稍微明快**(輕微提升飽和度),畫面**簡潔不擁擠**。插圖區(qū)域**嚴禁任何圓角與外框**。## 整體布局-?移動端友好的垂直布局(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° 直角**;**絕不允許圓角**-?**嚴禁外框/相框/白邊/卡片邊/貼紙邊/描邊圍框/內嵌細線框/發(fā)光邊/投影邊/UI 面板/容器**等一切邊界裝飾-?**風格細則**:? – 柔和但稍微明快的馬卡龍色系;輕微提升飽和度;**不艷不霓虹**;畫面清新通透? –?**soft daylight illumination, gentle highlights, subtle contrast for clarity**(柔和日光、輕微高光、適度對比度,讓畫面更清晰)? –?**clean composition, not too many details, avoid overcrowding**(構圖簡潔,控制細節(jié)密度,避免擁擠)? – 卡通化造型,線條柔和可愛;僅對象元素可有描邊,**畫布四周不得出現任何邊框**-?**單詞融入**:? – 英文單詞為畫面有機元素,卡通字體、可帶描邊? – 大小適中(約?**60–75px**),**留足邊距**,避免裁切? – 顏色與整體風格協(xié)調,清晰可讀;**單詞必須完整顯示在畫面內**-?**創(chuàng)意示例**(可理解為風格傾向,非強制內容):? – “apple”:蘋果樹、可愛動物與花朵,單詞位于安全區(qū)域,留足邊距? – “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 高)- 信息展示區(qū)(純凈背景,全部居中)-?純凈背景;**不使用卡片效果/陰影/邊框**-?垂直居中排列;間距舒適統(tǒng)一;**所有文本居中對齊**1)?**音標**??–?采用國際音標格式 /…/ ?–?字號?**58px**;顏色?**#555**;與下方釋義間距?**30px**;**不得添加任何邊框/細線框**2)?**中文釋義**??–?核心釋義,加粗,字號?**68px**;顏色?**#333**;與例句區(qū)間距?**40px**;**不得添加邊框/細線框**3)?**例句**??–?英文例句:字號?**42px**;顏色?**#666**;**目標單詞標紅(#e74c3c 或 #ff4757)**??–?中文翻譯:字號?**40px**;顏色?**#777**;與英文例句間距?**18px**??–?全部文本居中;版面留白充足## 樣式規(guī)范(寫入 HTML 的內聯(lián) CSS 要點)-?字體:英文?`’Poppins’`?或?`’Inter’`;中文用系統(tǒng)默認-?上半部分:**零內邊距**;插圖**完全填充**;**禁止圓角**;**禁止任何外框/留白邊**-?下半部分:內邊距約?**50px**;不加邊框/陰影-?僅插圖中的對象允許描邊;**頁面邊界不允許描邊或包邊**-?文字全部居中;層次清晰,行高適中;整體溫馨但清爽## 響應式與呈現-?以 1080×1920 分辨率為基準,確保清晰可讀-?上半部分插圖?**滿幅貼邊、無圓角、無外框**;四角直角-?單詞完整顯示;大小與位置需考慮安全邊距-?不顯示任何風格選擇 UI;直接展示成品## ?? 單詞輸入在下方僅輸入要生成的英文單詞,其余(詞性、音標、釋義、例句)由系統(tǒng)自動生成:“`單詞:【在此填寫英文單詞】“`**示例:**?apple / beautiful / democracy## 輸出要求-?產出**完整 HTML**(包含?`<html>、<head>、<style>、<body>`?等),可直接打開預覽-?插圖位圖由?**NanoBanana**?生成并按上述規(guī)則合成到上半部分-?下半部分僅展示:音標、中文釋義、例句(含紅色標注的目標單詞)## 智能生成說明(系統(tǒng)端)-?詞性識別(n./v./adj. 等) ?–?準確音標(/…/)并居中 ?–?常用中文釋義 ?–?治愈卡通插圖(NanoBanana;**無外框/無圓角/滿幅貼邊**;**色彩輕微提飽和、清新通透**;**構圖簡潔不過密**) ?–?例句與翻譯生成,并將目標單詞在英文例句中**標紅**
這里可以看到我這一輪的回放:https://www.lovart.ai/r/e0qd2cs
太絲滑了朋友們,這是目前我覺得真正給 Nano Banana 加了強力 buff 的工具,更強的上下文理解和任務執(zhí)行,疊加批量化,體驗感非常好。
到這里腦洞有點停不下來了,然后我繼續(xù)做了幾個其他的!
2.日簽海報自動配圖排版
還在煩惱日簽信息怎么排版怎么配圖好看的朋友們有福了,Lovart 現在完美解決。先看看效果。
提示詞我也放在下方了,我的提示詞目前是設置了偏向于科技風格的,大家可以基于我的進行修改。
訊息的條數不限,我設置了圖片會智能調整,也就是說10條20條訊息的長圖也都可以生成。
輸入的時候只要給到你的新聞簡訊就可以了,圖片和排版都有 Lovart 自己安排得妥妥的。
圖片中的文字信息內容是 AI 瞎編的不要相信。另外,如果自己使用,記得在提示詞中修改底部我的水印??
日簽海報提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):
向下滑動查看所有內容
3.寵物小精靈屬性卡
思路廣一點,小精靈屬性卡能不能做?當~然可以。
這個穩(wěn)定性稍微差了一點點,偶爾會出現文字內容出框的情況,不要慌,讓它重新輸出一遍就好了。
寵物小精靈信息卡提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):
向下滑動查看所有內容
知識卡片之前我做了好幾個模板嘗試,這兩個在這里也一起分享給大家。
4.園藝科普卡片
比如,園藝知識卡!教大家認識植物、養(yǎng)護植物注意事項。
園藝科普卡片提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):
向下滑動查看所有內容
這里可以看到我這一輪的回放:
https://www.lovart.ai/r/smon64d
5.動物科普卡片
動物科普也可以做的。
動物科普知識卡片提示詞如下(提示詞較長不太方便,我會全部放在最后的共享文檔鏈接中):
大家也可以基于我的提示詞,修改更多其他玩法卡片。
小結
上面完整的6套提示詞的鏈接在這里:
https://a80cyp5nki.feishu.cn/wiki/NV5swtnH0irN3xkExQPcGwWXnmf?from=from_copylink
太有趣了,我還沒在 Lovart 使用 Nano Banana 最強的編輯功能,就已經迷上了它們這種強強聯(lián)合高質量產出的感覺。其他的下次有空繼續(xù)體驗。
燒腦了,太投入了昨天睡得也比較晚,今天還很早就超興奮醒來繼續(xù)做,火速輸出分享給大家,希望給大家?guī)砀囔`感。
燃盡了,精神亢奮但身體疲憊,我去補個覺,希望大家玩得開心。Lovart 還有 Nano Banana 免費的活動,截止到下周二,速速去體驗吧~!
本文由人人都是產品經理作者【阿真Irene】,微信公眾號:【阿真Irene】,原創(chuàng)/授權 發(fā)布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協(xié)議。
感謝分享,點贊