我負責產品戰略與設計方向，鮮少介入細節，但深信基礎技能決定設計思維上限。以下五項為頁面設計核心基本功，無美術背景者（如我）亦可通過刻意練習快速提升。

一、草繪：從縮略圖到精版的職業習慣

傳統平面設計流程：Sketch（大量草繪形成概念）→ Layout（初版構建主次）→ Comp（精版細節）→ Finish（完成）。頁面設計同理，可惜許多設計師跳過草繪直上 PS/代碼。我 2012 年始練草繪，三個月達到場景圖、信息圖、Sketchnote 水平，繪製頁面便得心應手。無專業美術訓練，6 個月內可掌握。

二、使用網格：對齊是可訓練的紀律

柵格系統源於 1629 年法王路易十四敕令，數學家 Nicolas Jaugeon 以方格科學設計字體版面。我推崇 8px 水平網格單元（中文 12px 基礎字高 ×1.5 行高 = 16px = 2 倍網格）。

• 水平網格控制縱向節奏
• 縱向網格規劃頁面結構

PS CC 2014 用 GuideGuide 插件快速生成雙向輔助線；元素左邊緣對齊縱向線，高度、行高、間距皆為 8 的倍數並縱向居中。建議修改網格顏色（預設 Cyan 太刺眼）並將畫板背景改淺灰，`Cmd+H` 快捷切換顯隱。

三、使用留白：設計得不好，是隔得不夠開

留白非空白，而是「用更少視覺元素表現足夠含義」。對比表格可見留白提升可讀性；Google 改版最顯著變化即大量留白。留白能建立從屬關係：標題上留白 → 標題與 URL 成一體；URL 上留白 → URL 歸屬正文。美學上，視覺元素應「輔助」內容，Web 端必向平面設計風格傾斜：減少陰影漸變，重字體排版、高質量圖片、大量留白。

四、使用字體：內容與用戶的交互界面

重點練習：字體選擇、字重組合、字符間距、行高。選擇原則：優先多字重、優先含 Condensed 字體。四大熱門英文 Web Font：Helvetica Neue、Roboto、Avenir、Open Sans。豐富字重賦予更大選擇空間與組合可能。

（原文於此截斷，第五項「設計思維」未展開，此處按邏輯補全結尾）

五項基本功環環相扣：草繪練思維、網格練紀律、留白練克制、字體練表達，最終內化為設計思維，讓每個決策都有章可循。