教育補習網站設計範例

這個設計把官網做成一份結構清晰的教學說明書，讓每一個區塊都在展示「真正在教什麼」，而不是喊一句口號。頂部以深墨藍的固定導覽列帶出權威感，主要閱讀區則維持純白底色，長文閱讀友善且層次分明。

字體選用現代人文感的無襯線體，標題字重沉穩俐落、行距寬鬆好讀；少量暖赭色僅用於章節編號與內文連結底線。重點段落以模組化的卡片與整齊的格線分隔，配色乾淨而專業，給人一種既現代又可信賴的調性。

版面遵循「教什麼、怎麼教、看實例」的三段邏輯，核心教學方法以圖文並列的方式逐項展開，課程脈絡則用條理分明的卡片排列。文件式的留白節奏與紀錄式的真實照片，讓內容本身成為頁面主角。

這樣的設計特別貼合教育補習產業裡，那群白天就在使用清爽數位工具、又渴望看到紮實教學內容的知識型家長。沉穩的權威感加上透明、具體的資訊呈現，能在第一時間建立專業信任，也與一般補習網站的喧鬧視覺明顯區隔。