本作品使用虛構品牌與示範內容,圖片由 AI 生成,並非實際客戶案例。這份概念示範說明這類網站可以怎麼安排。
設計方向
大學網站的訪客身分很多:學生、教職員、校友與考生要找的東西完全不同。用紙白、墨黑與朱紅,粗格線和巨大的宋體標題,像一張展演海報。首屏下方先問「我是」,選身分就換一組常用連結;展演講座用分類按鈕篩選,學院導覽滑過時才浮出照片,資訊多但不擁擠。並依無障礙設計原則製作:跳到主要內容、鍵盤操作與清楚的焦點框。
版面重點
- 首屏海報大字壓在校園照片上
- 身分入口:學生/教職員/校友/訪客,各有五個常用連結
- 展演行事曆可依音樂、戲劇舞蹈、展覽、影像篩選
- 學院六格粗格線,滑過或鍵盤選到時浮出照片
手機版與動態
手機上大標縮小、首屏說明隱藏,展演只列前四筆,學院改單欄、不顯示系所細項,消息區不放圖片。動態有首屏照片緩慢平移、大字上升、篩選時清單淡入;開啟「減少動態」時全部停止。
