iT邦幫忙

2025 iThome 鐵人賽

DAY 13
0
佛心分享-SideProject30

用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!系列 第 13

🧼 [DAY13] 文稿校對 + 插圖擺放 + 最終潤色 🪞

  • 分享至 

  • xImage
  •  

今天總算走到一個里程碑啦:
《三隻小豬懶人包》第一篇雙版本文章,準備上稿囉!(歡呼~~~)


📚 整合所有內容:圖、文、模式切換全到位!

經過前幾天的密集創作,今天的任務是把所有零件整合進一篇文章中:

  • 📝 文字部分:小白版 & 專家版內容合併、調整段落順序與邏輯
  • 🖼️ 插圖配置:挑選對應角色/場景的 AI 插圖,對齊文意與氛圍
  • 🎛️ 模式切換機制:確認 Elementor 元件配置與交互邏輯
  • ✏️ 語句潤色:整體語氣微調、加上親民可愛的轉場,讓故事更順

目前文章已完整包含:

模組 小白版內容 專家版內容
故事背景 三隻小豬存錢故事 加密貨幣區塊鏈機制
大野狼危機 駭客入侵 & 存錢比較 鏈上攻擊場景與防禦策略解析
豬豬辯論會 對話框插圖 技術觀點 + 去中心化分析
總結 豬豬選擇區塊鏈儲蓄 公鏈條件總結

🖼️ 插圖擺放原則

這次的插圖策略很簡單:

📌 「用圖文組合說故事、用圖補概念」

插圖設計原則如下:

  • 每個角色出場都配一張特色圖(小豬、駭客狼)
  • 有情境的地方就放畫面,讓讀者更容易代入故事
  • 小白版主打可愛有感,專家版圖表要清晰有邏輯

Sora AI 幫我省下超多繪製時間,Remix 功能 + Photoshop 修圖 + Figma 排版,讓整體一致性也有顧好 ✨


🔄 模式切換功能最終確認

目前我選擇用 Toggle 開關 來處理模式切換。
簡單點一下,就能看到「小白視角」或「專家視角」的不同內容。
💡 小白版放前面,讓新手先有趣看完;
再提示「想更深入了解嗎?點我切換專家模式 👩‍💻」


🧠 小結:圖文整合 + UX 細節 = 更完整的故事體驗!

有時候一篇文章不只是要「寫完」,還要「寫得好看、讀得順、看得懂」。
今天的整合就是這樣的感覺:
從故事架構、角色設定,到插圖、視覺節奏與 UX 操作設計,都一次到位!
下一步就要正式進入上稿囉~~
準備迎接我網站的第一篇「雙版本童話式區塊鏈懶人包」正式誕生 👶👩‍💻🎉!


上一篇
🧱 [DAY12] 文章內頁排版!小白 / 專業切換機制規劃
下一篇
🚀 [DAY14] 正式上稿日 Part1!圖文穿插 + 小白/專家切版來了 🎭
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!17
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言