🎯 今日任務目標

✅ 根據 Logo 與品牌色彩，延伸網站的整體視覺氛圍
✅ 完成首頁的風格草圖（Figma / 手稿）
✅ 定調字體、版面設計、留白與情緒氛圍
✅ 蒐集靈感板（Moodboard），為之後每頁版型打好基調！

🧠 視覺設計的思考邏輯

今天是「視覺統整日」🎨
承接昨天做好的 Logo 與角色方向，我開始將整體視覺延伸到網站首頁設計上：

• 色彩使用：以品牌主色＋淺色/深色背景為基底，營造未來童話的神秘感 ✨
• 字體選擇：目前考慮 Google Fonts + 自訂字型
• 排版風格：簡單、有層次、善用留白，讓閱讀節奏更舒服
• 情緒氛圍：讓人一進來就感受到「這裡不一樣，有故事要說」💫

為了讓執行能更有效率，我選定了我熟悉的 WordPress 主題 valt
它版型結構直觀，非常適合故事型內容呈現
我會在這個基礎上進行品牌風格客製化調整，打造專屬宇宙入口 🚪🌌

🖼️ 靈感來源：Moodboard 時間！

我習慣邊設計邊開 Figma 做靈感整理，這次也不例外！
我今天的靈感來源包含：

• 👾 童話＋金屬珠寶光澤的質感搭配
• 💻 Behance 上類似故事型產品網站的設計風格
• 📚 雜誌風排版中 “沉浸式文字區塊” 的呈現法

✍️ 手稿 x Figma 雙管齊下

這次我同步進行兩種方式：

• ✏️ 手帳速寫：快速把想法草畫下來！
• 🖥️ Figma 初稿：將 Logo、品牌色、角色元素、首頁分區擺進畫面裡，初步排版出現！

🌈 首頁大致區塊規劃

目前首頁會包含以下幾個大區塊（暫定）：

1. Hero 區塊：主視覺、簡介標語、有趣簡單互動，吸引目光的第一站
2. 故事地圖導覽：用地圖式互動導引閱讀順序（童話風）、保留切換小白/專業模式按鈕區塊
3. 熱門故事推薦：最新文章、影音介紹
4. 訂閱／支持區塊：未來計畫開放電子報或贊助功能

📌 小結：從今天起，品牌宇宙逐漸發光

首頁的風格，是整個網站給人的第一印象。
今天完成了雛型，雖還是草圖，但我已經感受到那個故事世界正在慢慢成形✨
一樣頁面完成度更高時再來分享畫面。
明天開始會針對每個首頁區塊，進一步撰寫對應文案與素材配置，敬請期待！