header_logo

bryantcodes.art

Blockstudio

2022.11.01

來自美國的自由接案工程師 Bryant 所創建的作品集,結合生活中驚喜的時刻與有趣的互動

  • 主要動態

進到網站後,進場動態為貫穿全站設計的主軸蠟筆,以筆觸塗鴉動畫畫出 Intro 畫面(很像大嘴鳥,時代眼淚…)首頁為 Three.js 渲染出的將網站架構轉為首頁主視覺、背景為環繞跑馬燈,搭配游標互動產生前後視差效果。

  • canvas 繪圖

整體排版沒什麼規則可言,過於無厘頭因此會想每個都點看看,在 ABOUT_BRYANT 中介紹技能的的區塊脫離無聊的條列形式,而是以 canvas 繪圖做顯示,切換不同的顏色擦出不同技能。

  • 彩蛋

在網站最主要的目的 — 聯絡按鈕上,游標Hover會觸發彩蛋,背景變色並顯示一堆 hi! hi! hi! 讓人看了就想馬上聯絡 Bryant 本人。
雖然網站佈局較不規則,但在手機版轉換無論是互動還是資訊呈現上都很完整,不過因為畫較花俏,加上引導與狀態不明顯,有時會不知道進入什麼頁面,但網站在互動與視覺上的創意與突破都很值得一看!
網站|https://bryantcodes.art/

隨時掌握設計趨勢

訂閱即表示您同意我們的隱私政策,並同意接收我們公司的更新。

Copyright © WebCRACK. All rights reserved.

版塊創意有限公司

| hello@webcrack.tw

| 統編:83197129