0/1
AW - Creative Developer Freelance - France
Antoine Wodniack是一位法國的創意工程師,擁有超過15年的經驗,參與了超過140個項目,專長於動畫驅動的高衝擊力網站開發。
這網站主要目的是他的作品集,透過網站的設計與炫技可以快速了解到這位工程師的屬性!我們一起來看看埋藏了什麼細節吧~
主視覺&動態
只保留兩種純色作為主色,讓使用者快速留下印象,是個很聰明簡單的作法!
線段作為整體核心元素,在主動態上也是利用線段搭配節點變化的方式與滑鼠互動,有點像是低面數的3D布料效果。
重點發現在手機呈現上效能也還不錯,且可以無痛使用。
假3D效果
在「獲獎區塊」利用方格的角度呈現立體空間感在約莫10年前是個非常流行的作法,放到現在看會有點復古但又還是蠻有趣的!
在「作品區塊」
直接將這區塊的z-index層級往前放,透過不同速度造成是差視差,更有一種前後景的感受。更厲害的是在這區塊到了定點後直接放大背景產生「進入感」,進去後發現是用canvas處理的3D環景空間,讓作品照片也有了扭曲!!
在「Slogan區塊」
1987數字的這種作法也是大概10年前非常流行的玩法,這種作法有用CSS處理,也有用JS處理,都可以有很棒的效果!
→ → 網站連結
