敘蕪空間設計 Xuwu Studio — Framer 品牌網站設計
簡約與設計感的交響曲
安靜得像一間屋子裡只有光在移動
『 設計理念 』
接到敘蕪這個案子,跟業主討論後理解網站想要呈現的是「簡約,但要有設計感」。
這八個字聽起來簡單,實際上是整個案子最難的地方。因為「簡約」跟「有設計感」這兩件事,在執行的時候永遠在拉扯,東西放少了,容易顯得空;放多了,又失去那種安靜的分量感。
敘蕪的哲學,時間與材質會說話,人退後,空間才真正出現。
色調以霧白、灰綠、自然米色為主軸,整個網站維持在一個非常窄的色彩範圍裡,不跳色、不爭奪注意力。字體的選擇與字距的控制反覆推敲,讓每一行文字在畫面裡的存在感是「剛好」的,不輕不重,像光落在桌面的那種程度。
真正的設計工作,都發生在那些乍看之下「什麼都沒有」的地方。每一塊留白、每一個元素的位置、每一段文字與圖像之間的距離,都是決定過的。
『 技術與執行 』
平台使用 Framer,充分發揮其在動態排版與滾動互動上的優勢,讓視覺細節的呈現突破一般網站建構工具的限制。
首頁最核心的技術執行是文字雨視差滾動的搭配設計。Logo 在頁面背景緩緩位移,前景文字與影像以不同速率推進,層次在滾動之間自然展開。讓訪客在「向下探索」這個動作本身,就已經開始感受到空間的景深與呼吸感。
作品集內頁的照片呈現方式也是獨立設計過的。影像不是單純排列,而是在比例、留白與出現節奏上精心控制。
整個網站的技術選擇始終服務於同一件事:讓細節被看見,但讓設計本身隱形。
『 頁面架構 』
網站以「感受空間哲學 → 走進作品 → 了解服務 → 主動聯繫」為引導軸線,讓訪客從第一個畫面就進入敘蕪的世界,而不是在找資訊。
主要頁面包含:
首頁 — 視差大字開場,氛圍定調,滾動即體驗
關於敘蕪 — 設計哲學與品牌故事,讓訪客理解這間工作室在做什麼、為誰而做
作品集 — 精選案例呈現,每件作品都有獨立的呼吸空間
作品內頁 — 沉浸式單案展示,照片排版精心設計,值得慢慢看
Contact — 簡潔,一個入口,一次對話的開始