在數位時代，網頁不只是一段程式碼，而是一種「第一印象」。
好的設計能吸引目光，更能提升信任與專業感。本次協同教學課程邀請具有設計、品牌與行銷實務經驗的講師，以跨領域視角帶領學生理解——「為什麼美感會影響使用者？」「網頁怎麼設計才好看又有效？」
課程從最核心的「美學基礎」開始，包括構圖、視覺層級、對比、留白、節奏等，搭配色彩心理、品牌設計策略、字體排印原則，讓學生先學會看懂「好設計」的原因，再進一步學習如何應用到網頁版面與實際作品中。
透過大量品牌案例（Apple、Tesla、Aesop、Nike 等）與不同排版模式（Z 型、卡片式、非對稱全螢幕主視覺），學生能理解網頁視覺的邏輯，並進行小組練習、版面拆解與風格討論，將美學概念真正轉化為網頁實務能力。
課程內容包含
① 美學基礎與視覺原則
重複、對比、對稱、漸變、均衡
如何讓畫面穩定、吸睛、有節奏
從「看到什麼、代表什麼、感受什麼」三層次判斷美感
② 品牌視覺與色彩策略
色彩心理（藍＝科技／紅＝活力／綠＝自然等）
單色、類似色、互補色配色應用
高質感、科技感、自然感、奢華感等配色與排版策略
③ 字體與排版技巧
網頁中文字排印（層級、行距、間距、對齊）
中英文常用字體風格解析（黑體、宋體、楷體…）
2-3 字體規則：如何維持一致性與專業感
④ 網頁設計實務解析
Z 型排版、卡片式排版、非對稱式排版
Google、Apple、Nike 等網站的視覺拆解
按鈕、留白、圖片比例如何提升使用者體驗
⑤ 練習 × 創作 × 分組發表
搜尋網站並拆解優缺點
提供 2 項重點修改建議
共同討論如何讓網頁更「美又有效」
課程價值
這堂課不只是教你「好看」，
而是教你 如何用設計說話、用美學提升網頁的專業度與行銷效果。
