誒！這是我今年看過前三名厲害的網站！！！
厲害在於它平衡了動態特效、平面設計、網站設計，重點還有商業需求！！能夠在創作與商業平衡，且服務超級大客戶真的是給 100 個 Respect 🙏
​
愛迪達在法國巴黎蓋了一棟運動場競技場館。主要作為一些體育比賽、演唱會、音樂會等表演。當然也包含了餐廳、酒吧、畫廊、旅館..等。
–
主要動態

• 明顯的是用WebGL 3D技術將模型作為網站核心，利用鏡頭旋轉、物件移動等方式來介紹場館細節，並用旁邊文字微動態帶出其他資訊，淺顯易懂啊！
• 跟前幾篇我分享的模型風格「outline外框線」一樣。這種塊狀並指顯示顏色與外框的模型是最省效能與資源的，而且仔細看模型還有點Lowpoly感，沒有到真正的曲面！聰明！

過場動態
這是經典的「Reveal」效果，利用幾個色塊尺寸變化，加入緩衝ease就可以達到揭幕感， 版塊 Block Studio 官網也是用此效果，經典不敗啦！！

​ ​
其他動態

• 視差
  注意看！許多物件、圖片都帶有一點點與游標反向的視差效果，我想作者不是要呈現空間感，而是希望在單純平面閱讀上可以增添一點點微互動，避免資訊乏味。
• 橫式滾動
  在 L’ARENA 頁面可以看到 Fullscereen 的橫式滾動，橫式滾動，莫名的滑順，而且重點是「無限滾動」！
  無限滾動做在橫式 Gallery 算是很少見耶！好讚！
• 卡片視差
  首頁下方卡片中的圖片也做了內視差，在拖曳過程圖片移動會比框框還要慢，而造成了空間感，好細節啊啊啊啊！

 

先介紹到這邊，不然要變很大一篇了
下一篇繼續講！
→ → 網站連結