この記事を開いたあなたは「多巴胺廢文製造機」もしくは「多巴叔」いや「多巴姨」かもしれませんね。
無論如何,我推測你是為了尋找能讓多巴胺狂噴的資料才來到這裡。為了這樣的你,本文將介紹多巴資料的製作方法。

👀 目標讀者

  • 有在寫技術文章,但總是沒什麼人看的人
  • 用生成式 AI 做圖,但最後總覺得圖看起來很眼熟的人
  • 喜歡多巴⚪︎⚪︎的人

🤯 這就是多巴資料

先別急,你期待已久的多巴資料原液就在這裡。

rag-pachinko-short.gif

請把 Naive RAG 和 GraphRAG 的差異,做成像柏青哥過關演出一樣的
多巴胺全開動畫式圖解。
內容可以很薄沒關係,衝擊力優先。用 SVG 製作每一幀再轉成 GIF。

構成:
1. 「多巴注意」警告 → VS
2. ROUND 1:Naive RAG(HIT 演出 → 弱點處轟一下)
3. 來了!! → 超熱血 GraphRAG 登場
4. ROUND 2:GraphRAG(HOP 連接起來、答案確定、撒紙花)
5. 比較後判定 WIN → 結論

怎麼樣,有沒有多巴胺狂噴?

不過如果文章裡的圖全都這副德性,眼睛也會很累,最後只想關掉瀏覽器吧。多巴資料是要「適量稀釋」著用的。

本文真正想傳達的是:在文章中插入一些圖,讓內容稍微豐富一點,就會比較容易被讀完。接下來我會介紹如何做出濃度剛剛好的資料。

😇 就算認真寫,還是看起來像垃圾 AI 內容的問題

最近生成式 AI 大量產出的文章,也就是所謂的「垃圾文」,到處都在流竄。結果就是,連人類花好幾個小時一筆一劃認真寫出來的文章,也會被直接無視成「啊,這是 AI 寫的喔」。

如果只是純文字文章,已經很難分辨了:disappointed_relieved: 甚至連作者自己重看時,都可能覺得很像 AI 口吻(唉...)

我寫文章一方面是為了「整理自己的輸出」,但老實說,真正的動機是「被認同的慾望」。我就是想要「喜歡」而已。再好的文章,如果沒人看到,也拿不到「喜歡」。

所以我採取的對策,就是大量插入圖表。

💡 契機是這篇貼文

以前我都是用 Mermaid 或 draw.io 來做圖。Mermaid 雖然方便,但畫出來就是 Mermaid;draw.io 則是光調整方塊位置就很耗時間。當我被 AI 能做到這麼豐富的圖驚到之後,試著改用 SVG,結果意外地剛剛好。SVG 內容本質上只是文字,所以生成式 AI 可以直接寫;而且只要你要求,它也能照著你要的外觀和排版畫出來。

😑 但這種 SVG 也已經看膩了

...本來還很開心,但這種做法也已經徹底普及了。只要你單純說「請做成 SVG 的架構圖」,大致上就會得到這種圖。

dopa-fig04-baseline.png

請做一張說明 AWS Lambda 是什麼的 SVG 圖

乍看之下整理得不錯。可是這種圖大家看太多了,讀者的眼睛早就習慣了。因為新鮮感不足,連這種圖都開始被說成是「垃圾內容」了。

這樣的話,當然不會有多巴胺吧?

🎚️ 調整多巴程度

於是我就以同樣的題材(Lambda)為主,只改 prompt,試著畫出各種不同風格。

紅筆老師

dopa-fig06-redpen.png

請用 SVG 做一張 AWS Lambda 的說明圖。看起來像是方格筆記本上的鉛筆草圖,再加上老師用紅筆圈選和寫註解的風格

製圖

dopa-fig07-drawing.png

請用 SVG 做一張 AWS Lambda 的說明圖。做成機械設計圖般的製圖風格,加入尺寸標註線和零件編號

雜誌編輯風

dopa-fig08-editorial.png

請用 SVG 做一張 AWS Lambda 的說明圖。排版做成雜誌跨頁專題的感覺,大標題和留白要大膽使用

漫畫

dopa-fig09-comic.png

請用 SVG 做一張 AWS Lambda 的說明圖。用漫畫分鏡和對話框,呈現事件來了之後 Lambda 如何啟動的流程

瑞士風格

dopa-fig10-swiss.png

請用 SVG 做一張 AWS Lambda 的說明圖。做成瑞士風格的平面設計。使用格線、粗體無襯線字體,顏色最多兩種

使用說明書

dopa-fig11-manual.png

請用 SVG 做一張 AWS Lambda 的說明圖。做成家電使用說明書的感覺,加入編號步驟和注意符號

紅白機風格

dopa-fig12-famicom.png

請用 SVG 做一張 AWS Lambda 的說明圖。做成紅白機 RPG 介面的點陣圖風格,把各個服務畫成角色或道具

動物園

dopa-fig13-zoo.png

請用 SVG 做一張 AWS Lambda 的說明圖。做成動物園導覽地圖的感覺,把各個服務比喻成動物籠舍

🎞️ 進階篇,用 GIF 展現流程

怎麼樣?有開始「多巴」起來了嗎?……我懂……你一定還想要更多動態效果吧?那我就來介紹 GIF 化。對技術文章來說,最推薦的做法就是把處理流程做成箭頭上有流量在跑的畫面。讓讀者一眼看出請求從哪裡來、又流向哪裡。做法很簡單,只要把剛剛畫好的 SVG 再丟回去,然後這樣要求就行了。

請替這張 SVG 圖加上動畫,讓請求(流量)沿著箭頭流動。
主角是流量,但其他元素也可以稍微動一下。
例如:流量到達的方塊微微發光、圖示小小彈一下,這類反應都可以。
但文字要保持可讀,所以不要動。
因為要做成 GIF,請把所有動畫統一成 6 秒跑完一輪,並且從最後無縫循環回最初。

簡潔版

dopa-fig14-baseline-traffic.gif

紅筆老師

dopa-fig14-redpen-traffic.gif

製圖

dopa-fig14-drawing-traffic.gif

🍜 結語

最重要的是「人味」。不是只有純文字的文章,而是稍微帶點新鮮感的圖、動態,再加上一點人味和一點點幽默感;只要這種人性味道能傳達出去,就算是 AI 做的還是手繪的,讀者大概也不會太在意吧?

這次介紹的內容,說不定過一陣子也會被叫成垃圾內容。等大家都跟著做、看膩了、量產到滿地都是,那就又會變成垃圾內容了。到那時,我再去找別的味道。最後,請務必遵守用法與用量,正確使用多巴資料。

那麼,祝你享受愉快的多巴生活!


原文出處:https://qiita.com/kikuziro/items/b6a0743b070d7320c36d


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝9   💬1  
308
🥈
mike
1
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
📢 贊助商廣告 · 我要刊登