零基礎也能跟做的網頁設計入門實戰：以「感恩日誌」概念項目為例，手把手構建優雅簡潔的首頁設計。覆蓋：畫布設定、參考線/GuideGuide 插件佈局、圖層組管理、Hero 區背景虛化+文字排版、導航欄懸浮設計、用戶見證卡片、CTA 按鈕、字體搭配（無襯線標題+襯線副標）、呼吸感留白原則。

核心流程

1. 畫布與參考線：1400×900 px；垂直參考線 200/500/700/900/1200 px 定義 1000 px 內容區 + 兩側留白。推薦 GuideGuide 插件一鍵生成。

2. 圖層組架構：Header / Content / Footer 三大一級組，Navigation/Example/CTA 等二級組巢狀管理。

3. Hero 區：黑矩形底 → 置入圖片建剪貼蒙版 → 不透明度 70% 融合 → 大標題（Source Sans Pro Black 80px 白）+ 副標題（Playfair Display Italic 26px 白）+ 行高/間距留白。

4. 用戶見證：圓形剪貼蒙版頭像 + 綠色成就徽章 + 姓名/描述排版（PT Serif Bold Italic / Source Sans Pro Regular）。

5. CTA 按鈕：280×60 px 白底矩形，深灰字（Source Sans Pro Semibold 16px，字符間距 140），文案「START LIVING →」。

資源包含：Chillin' in the sun 照片、PT Serif/Playfair Display/Source Sans Pro 字體、User Inter Faces 頭像、完整 PSD 源文件。完成即得可直接切圖開發的首頁設計稿。