mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4
1041 字
3 分鐘
視覺設計 — 我們一起創作
2026-06-11

這個地方存放了所有關於 夕桜白雪 視覺風格的資料。不管妳是設計師、內容創作者,還是想了解站點的美術方向,都能在這裡找到。


文檔地圖#

如果妳想…#

快速生成素材 → 打開 速查卡(3 分鐘搞定)

深入學習提示詞 → 讀 創作指南(30 分鐘)

了解站點的設計方向 → 看 原始視覺規範(5 分鐘背景知識)

查詢色系、尺寸、配置 → 翻 速查卡(工作時隨時查)


三份文檔的關係#

原始視覺規範

  • 站點整體的美術方向
  • 描述我們想要什麼樣的感覺
  • 基礎與指南

創作指南 ← 新內容!

  • 教妳怎麼用 AI 工具實踐這個風格
  • 細緻的提示詞教學
  • Midjourney / Stable Diffusion 的使用差異

速查卡 ← 新內容!

  • OKLCH 色值表
  • 尺寸規格速覽
  • 現成的提示詞組合
  • 工作時的快速參考

最快的開始方式#

第一次生成素材?

  1. 打開 速查卡 - 現成的提示詞組合
  2. 根據需要(頭像?寬景?文章封面?)選擇對應的組合
  3. 複製提示詞,貼進 Midjourney / Stable Diffusion
  4. 執行,完成!

不同角色的推薦閱讀#

項目管理者#

  1. 本文檔(妳正在讀)
  2. 原始視覺規範 — 5 分鐘了解方向
  3. 速查卡的檢查清單 — 確保素材統一

設計師 / 內容創作者#

  1. 速查卡 — 立即用上
  2. 創作指南 — 深入學習
  3. 原始視覺規範 — 理解背景

開發者 / 技術美術#

  1. 原始視覺規範
  2. 速查卡 - 站點的色彩語言 — OKLCH 色值
  3. 查看代碼中的實際配置

核心概念一覽#

夕桜白雪想要的感覺#

  • 柔和透明 — 像光灑進水裡
  • 低飽和色調 — 冰藍、粉紫、奶油白
  • 日系軟萌 — 清爽又可愛,溫暖又純淨

站點的色系#

  • 主色: 冰藍 (hue: 205)
  • 輔色: 薄紫、薄荷綠、粉紅
  • 色彩空間: OKLCH(現代化、亮暗模式友善)

資源尺寸#

用途尺寸長寬比
首頁寬景2400 × 100016<9> 寬版
手機版1200 × 18002<3> 豎向
文章封面1600 × 90016<9>
頭像800 × 8001<1>

快速參考#

永遠要記得的負面提示詞:

lowres, bad anatomy, bad hands, realistic, 3d,
harsh lighting, distorted, deformed, extra limbs

冰藍色系的參考詞:

ice blue, pale blue, soft pastel palette, low saturation

光線感的參考詞:

soft lighting, volumetric light, ethereal, dreamy, translucent

工作流程#

開始新素材#

1. 決定用途 → 查速查卡找尺寸
2. 選擇現成組合 → 或自己組合詞彙
3. 在工具中執行 → Midjourney / SD / NovelAI
4. 檢查結果 → 色系、品質、尺寸都對嗎?
5. 微調 → 如果需要的話

如果結果不理想#

→ 看 速查卡的快速調整技巧

如果想自訂風格#

→ 讀 創作指南,學會怎麼組合詞彙


相關配置檔案#

項目代碼中的對應位置(給開發者參考):

src/
├── styles/variables.styl # OKLCH 色系定義
├── config/
│ ├── backgroundWallpaper.ts # Banner 配置
│ └── siteConfig.ts # 站點主色 (hue: 205)
└── content/posts/visual-design/
├── original-style-guide.md # 原始風格指南
├── ai-prompt-guide.md # 創作指南 (新)
├── style-quick-reference.md # 速查卡 (新)
└── visual-design-guide-nav.md # 本文檔

常見問題#

Q: 完全不懂 AI 提示詞怎麼辦? A: 打開 速查卡,複製「現成組合」直接用。就是這麼簡單。

Q: 用哪個工具最好? A: 看 創作指南 的「跟不同平台溝通」章節。一般來說 Midjourney 最穩定快速。

Q: 生成的色彩不對怎麼辦? A: 用簡單的修圖軟體(Photoshop / Figma)調整色溫,目標是靠近冰藍色系。

Q: 能否改變風格方向? A: 可以,但建議先跟團隊溝通。改變前看一下 原始視覺規範,確保新風格也符合「柔和、透明、低飽和」的核心。


提醒#

  • 所有新素材都應符合 冰藍色系 (hue: 205) 或既有配色
  • 保持 低飽和度 — 這是夕桜白雪的靈魂
  • 文字可讀性優先 — 背景不該干擾文字
  • 尺寸要正確 — 檢查長寬比和解析度
  • 小改比重來快 — 調整幾個詞彙往往比重新開始更有效

最後一句話: 這些資源是為了讓創作更順暢。沒有硬性規則,只有「怎樣對妳最好用」。慢慢摸索,會找到節奏。

分享

如果這篇文章對你有幫助,歡迎分享給更多人!

視覺設計 — 我們一起創作
https://yuzakura.blog/posts/visual-design/visual-design-guide-nav/
作者
夕桜白雪
發布於
2026-06-11
許可協議
CC BY-NC-SA 4.0

部分資訊可能已經過時

目錄