請更新您的瀏覽器

您使用的瀏覽器版本較舊,已不再受支援。建議您更新瀏覽器版本,以獲得最佳使用體驗。

理財

不用苦練生圖咒語了!我用JSON復刻大師級設計風格,簡單3步驟一次看

數位時代

更新於 01月19日03:41 • 發布於 01月19日03:41

身為一個做內容的人,有時候滑到製作精良的圖解,就會想「這做得好清楚,我的文章配圖也想要長這樣!」或是,好不容易做出一張漂亮的圖解,以後也想要套用類似的風格,又該怎麼做?

之前靠 AI 繪圖工具,我無法完美復刻風格,怎麼做,都不像以前直接打開 Canva 套用模板那麼簡單。

最近發現一個不錯的解法:與其辛苦猜測「這是什麼畫風」,不如讓 AI 直接列出答案。

這個做法就是, 讓 Gemini 讀參考圖片後,解構成 JSON 語法 ,把你想替換的元素跟 AI 溝通一下, 根據新的 JSON 調用 nano banana 生圖,就能復刻喜歡的視覺圖解 ,做簡報、社群圖卡都適用。

JSON 是什麼?為什麼要用它?

首先,我們得先理解什麼是 JSON。

簡單來說,JSON 是一種資料交換格式,主要方便電腦進行解析和理解。如果把一張設計圖看作一個生命體,那麼 JSON 就像是這張圖的「數位 DNA」。

當我們透過 AI 掌握了這組 DNA,電腦就能精確地理解圖片中的版面配置、配色邏輯、圖形關聯等細節,之後要再複製、修改或重建,電腦能聽懂我們的需求,不會出現「溝通誤差」。

三步驟教你,如何使用 JSON 提取圖片視覺?

接下來,我們直接進入實作環節。

STEP 1:上傳圖片,提取視覺 DNA

打開 Gemini(或其他支援視覺辨識與圖像生成的 AI 模型),上傳那張你很喜歡、想參考風格的圖解或圖表。
接著,請貼上這句關鍵指令:

將此圖像轉換為 JSON 提示字元,包括尺寸和所有視覺細節。

AI 會開始分析圖片,轉化為一長串的 JSON,這就是 AI「看懂」並「記錄」下來的圖片設計結構。

STEP 2:客製化微調

拿到了 JSON 代碼後,這裡還只是純文字的階段,這正是我們介入修改的好時機。

你不需要懂程式語言, 只需要用「白話文」跟 AI 對話即可 。告訴 AI 你想要放入的內容,或者想要調整的結構。

例如,你可以這樣下指令:

把這個 JOSN 做為風格模板,依照我想放入的文字動態調整,產出新的 JSON,新的文字如下:…(貼上你的內容)…,並修改為 4 個步驟。」

AI 會根據你的自然語言指令,去修改那串 JSON 語法,為下一步的生成做好準備。

STEP 3:生成新圖

當你檢查 AI 修改後的 JSON 都符合你的需求(例如步驟數對了、文字內容對了),就可以下達最後的指令:
「使用修改後的 JSON 來建立影像。」 (小提醒:請確認你使用的 AI 工具已開啟建立圖像的功能)

AI 就會讀取這組新的語法,生成一張保留了原本的設計風格,但內容完全是為你量身打造的新圖表(如範例中,將原本的圖表成功轉化為「永光化學導入循環經濟」的 4 步驟圖解)。

以上方法你可以透過訂閱《一天一AI》日報,得到實用的AI技巧!歡迎回信跟我聊聊,或是許願也可以喔~

延伸閱讀:Perplexity隱藏用法!3步驟串接Google日曆,幫你蒐集「客戶情報」,不用狂想破冰話題了

延伸閱讀

AI人才新生存地圖!吳恩達點出「能回答兩件事」的人最貴,會寫程式不再是護身符?
ChatGPT Translate實測|免費支援逾50種語言,比Google翻譯更好用嗎?誰是繁中王者?
Gemini大升級!可串連YouTube、Gmail、Google相簿等個資,化身「最懂你」的專屬助理
「加入《數位時代》LINE好友,科技新聞不漏接」

查看原始文章

更多理財相關文章

01

深入3千米山林 台電冒死守護「新東西線」

NOWNEWS今日新聞
02

川普威脅對加拿大商品課徵100%關稅!加拿大回應

anue鉅亨網
03

紐西蘭要小心?中國1水果殺進越南 價格跳水創新低

自由電子報
04

信昌化工爆大裁員!勞工局證實:產線已停工

NOWNEWS今日新聞
05

市值有望超越蘋果 專家點名4檔潛力股表現亮眼

CTWANT
06

11-12月統一發票開獎!千萬獎「97023797」 中獎號碼一次看

太報
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...