《10 位日本資深設計師的 185 條經驗法則》—— 這不僅是一本書，更是一套經過實戰驗證的設計師生存手冊。以 FAQ 形式精準擊中日常設計痛點：版式規則、配色邏輯、CSS 排版秘籍、PS/DW 高效技巧、網站架構參考。無論初學者還是資深從業者，都能從中提煉即刻可用的「知道就賺到、不知道虧大了」的實戰智慧。

核心知識模塊速覽

📐 版式設計規則（約 40 條）

• 網格系統建立與打破、留白黃金比例、視覺流向控制、標題層級跳躍率、行長最佳字符數、圖文周圍留白、對齊原則（左/右/中/兩端/基線）、模組化佈局複用

🎨 配色設計法則（約 30 條）

• 主色確定流程、配色比例 7:2.5:0.5、色相環實戰應用、色彩心理與品牌屬性映射、無障礙對比度標準、印刷與屏幕色域轉換、漸變/疊加/不透明度技巧

💻 CSS 排版秘籍（約 40 條）

• Flexbox/Grid 實戰模式、響應式斷點策略、垂直居中 5 法、等高列/聖杯/雙飛翼佈局、字體載入優化、變量字體應用、動畫性能優化、CSS 模組化架構（BEM/ITCSS/Utility-first）

⚡ Photoshop / Dreamweaver 高效技巧（約 50 條）

• PS：智能對象/圖層合成/動作錄製/批次處理/通道抠圖/頻率分離/筆刷/形狀/路徑/蒙版/調整圖層/生成填充/神經濾鏡
• DW：代碼提示/Emmet/實時預覽/Git 整合/代碼片段/多游標/重構/驗證/無障礙檢查

🏗 網站內容架構參考（約 25 條）

• 信息架構（IA）建立流程、卡片排序/樹測試、導航模式（全局/局部/語境/輔助）、麵包屑/標籤/搜索/分面導航、內容策略/治理/遷移

高頻金句精選（節選）

• 「不知道就糟了」—— 這 185 條法則，每一條都是踩過坑才換來的
• 「版式沒有標準答案，但有標準思考路徑」
• 「配色不靠感覺，靠邏輯與驗證」
• 「CSS 寫得好不好，看能不能不寫 JS 就搞定交互」
• 「PS 技巧再多，不如一套標準化的圖層命名與組織規範」
• 「參考優秀網站不是抄襲，是逆向工程其決策邏輯」

如何高效內化這 185 條法則

1. 建立個人知識庫：Notion/Obsidian/Flomo 按模塊標籤存入，每條加上「適用場景/避坑提醒/關聯法則」
2. 專項攻克：每週選 1 模塊（如「Flexbox 佈局模式」），集中 3 天攻克相關 10-15 條法則，產出速查卡
3. 實戰複盤：每個專案結束，對照法則清單打勾：用到了哪些？違反了哪些？新發現哪些？
4. 團隊共創：內部分享會輪流講解 1 條法則 + 實戰案例，沉澱組織經驗資產

日本設計師的匠人精神，凝縮在這 185 條看似平常、實則關鍵的經驗法則中。不貪多、不求全，但求每一條都能在關鍵時刻成為你手中最順手的工具。把這本書放在工位最頂層，下次遇到棘手問題，翻開它——答案往往就在那一頁。