作品集設計
專案簡介
建築事務所的線上作品集，使用極簡主義風格突出建築攝影的細節，以深色質感底板和乾淨的白空間形成強烈對比。
設計理念
建築講求比例與留白。作品集設計遵循同樣原則：給予每張建築照片足夠的呼吸空間，而非填滿每個像素。採用 60 / 30 / 10 色彩法則，主色深炭、輔色灰銀、點綴暖米，讓照片成為真正的主角。
挑戰與解法
如何在不損失畫質的前提下，讓 300+ 張高解析建築照片快速加載？我導入 Next.js Image 的漸進式加載搭配模糊佔位，並對 LCP 圖片做優先載入，PageSpeed 分數從 62 提升至 94。
專案成果
- 300+ 高解析照片管理，PageSpeed 分數 94/100
- 鍵盤可存取的 Lightbox，支援觸控手勢滑動
- 自訂濾鏡系統，依建案類型、地域即時篩選
- 案例頁面支援 Open Graph，分享到 LinkedIn 自動帶縮圖
✦ 更多作品
查看全部