iT邦幫忙

2025 iThome 鐵人賽

DAY 14
0
佛心分享-SideProject30

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

🚀 [DAY14] 正式上稿日 Part1!圖文穿插 + 小白/專家切版來了 🎭

  • 分享至 

  • xImage
  •  

歷經十三天的故事設計、插圖繪製、文章撰寫,
今天終於走到這一步——正式上稿!
這篇《三隻小豬懶人包》雙版本文章,正式在 WordPress 登台亮相啦 🐷🐷🐷✨


📝 上稿前的檢查清單 ✅

為了避免發出去的文章有 bug 或漏東漏西,我先做了一輪「上稿前 QA」:

  • ✅ 雙版本段落是否切換順暢(Toggle 功能 OK)
  • ✅ 插圖是否正常載入、解析度清晰
  • ✅ 行動裝置瀏覽體驗是否良好(圖文是否跑版)
  • ✅ 內文連結、CTA 按鈕是否能點
  • ✅ 文章的 title 與 slug 是否易讀+符合主題
  • ✅ 動態元件的套用

🎨 插圖怎麼放最有戲?

為了讓讀者一邊看故事,一邊腦中有畫面,我將 AI 圖像穿插在這些段落中:

段落 插圖 備註
三隻小豬登場 3 隻豬角色插畫 各自有標籤說明代表的存錢方式
豬們辯論會 對話框式插畫 使用類似漫畫分鏡的視覺
大野狼駭客入侵 墨鏡駭客狼 + 撞壞磚牆效果 用來強化「危機感」
專家補完圖表 表格 + 插圖混合 結合圖像+文字比較,降低閱讀負擔

👉 圖片皆使用 Sora AI 生成+Photoshop 微調,保持角色一致性


🧠 小結

今天完成的這一步,是我網站故事化、角色化、互動化的初步成果。
敬請期待明天的 [Day15]✨


上一篇
🧼 [DAY13] 文稿校對 + 插圖擺放 + 最終潤色 🪞
下一篇
🚀 [DAY15] 正式上稿日 Part 2!圖文穿插 + 小白/專家切版同步登場 🎭
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!17
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言