0/1

Blockstudio
2023.09.18
Somefolk® Digital Goods
位於英國倫敦的 Webflow Designer 個人作品集網站
近年 Webflow 這個 No Code 工具越來越多人使用,我之前在幾篇貼文也有提到,這次 版塊 Block Studio 的新版官方網站 About 頁面也是採用全 Webflow 建置。
本站在諸多動態特效上都藏有很多細節與製作,包含以下幾種動態:
- Loading 動態
首頁進入時做了一個多張照片的 Loading 動態凸顯網站氛圍 (這應該是設計師本人吧?)
- 進場動態
以色塊刷開作為進場,刷開後內容物件再做由下而上微幅位移,彰顯了整體細膩感。
- 主要動態
經由滑鼠 XY 軸移動而有不同角度的顯示,這做法應為獨立程式撰寫,非完全倚靠 Webflow 達成。
- 視差效果
頁面閱覽過程大多數的圖片區塊皆製作視差效果,以弱化閱讀時的平面感,增加微空間感。
- 離場動態
從當前頁面離開時,出現色塊刷開與 Logo 出現,呈顯頁面切換的儀式感。