ORON
AI 高CP值建站
ORON-320教育補習設計範例(Design Demo)

教育補習網站設計範例

教育補習網站設計範例(完整頁面)— ORON 設計範例

設計思路

這個設計把整個首頁當成一份親手裝訂的紙本刊物來編排。暖米白的紙感背景、沉穩的炭墨字色,搭配頁眉細線、章節編號與頁緣註腳,讓人一進站就像翻開一本被仔細排過版的學年手冊,而不是一張促銷傳單。

字體採襯線中文宋體搭配編輯感襯線英文,標題以較細的字重呈現典雅而不笨重;正文行距刻意放寬,閱讀起來透氣從容。少量的鉛筆暖赭色只用在章節數字與重點底線上,整體視覺靠紙色塊與細線分層,捨棄一切陰影與圓胖卡片,營造克制而成熟的編輯紀律。

版面以單欄垂直的章節序列推進,每個段落之間留出大量空白,照片以去飽和的黑白處理書頁、長桌與手寫筆記的光線。這樣的編排讓教學理念、課程脈絡與講師文字能被慢慢讀進去,而非被切成擁擠的區塊。

對教育補習這類重視信任感的產業來說,這種沉靜的紙本氣質特別適合面對成熟、講究內容的家長客群。它不爭奪三秒注意力,而是用考究的排版傳遞專業與用心,把「老師真的會教」這件事,透過版面本身說清楚。

本設計為 ORON 自製的設計範例(Design Demo),並非實際客戶委託專案;可作為你網站的版型參考並延伸客製。

加 LINE 詢問