0/1

Blockstudio
2022.11.01
bryantcodes.art
來自美國的自由接案工程師 Bryant 所創建的作品集,結合生活中驚喜的時刻與有趣的互動
- 主要動態
進到網站後,進場動態為貫穿全站設計的主軸蠟筆,以筆觸塗鴉動畫畫出 Intro 畫面(很像大嘴鳥,時代眼淚…)首頁為 Three.js 渲染出的將網站架構轉為首頁主視覺、背景為環繞跑馬燈,搭配游標互動產生前後視差效果。
- canvas 繪圖
整體排版沒什麼規則可言,過於無厘頭因此會想每個都點看看,在 ABOUT_BRYANT 中介紹技能的的區塊脫離無聊的條列形式,而是以 canvas 繪圖做顯示,切換不同的顏色擦出不同技能。
- 彩蛋
在網站最主要的目的 — 聯絡按鈕上,游標Hover會觸發彩蛋,背景變色並顯示一堆 hi! hi! hi! 讓人看了就想馬上聯絡 Bryant 本人。
雖然網站佈局較不規則,但在手機版轉換無論是互動還是資訊呈現上都很完整,不過因為畫較花俏,加上引導與狀態不明顯,有時會不知道進入什麼頁面,但網站在互動與視覺上的創意與突破都很值得一看!
網站|https://bryantcodes.art/