之前社團裡收到很多私訊跟留言：「版主都是在哪找到那麼酷的網站呢？」、「除了 Awwwards 外還有什麼其他的參考網站？」、「請問你們是從哪裡看到這麼多的網站與參考資料的？」…

我們整理了各種參考網站並加以分類，製作成懶人包，分為網站設計資源、動態特效資源兩種面向，無私的跟大家公開分享！
前四個為必看的參考網站，廣羅世界上大量的網站作品，可參考性極高。

❶ Awwwards —— 必看，首看。
來自於西班牙的 Awwwards ， 2009 年開始營運，是目前全世界第一大且最有指標性的網站設計獎。
❷ Muuuuu —— 必看。
位於日本的亞洲少數網站設計收集平台，沒有投稿或評選機制，以收集分類為主，如果有日文網站參考需求，這裡也是必訪之地。
❸ FWA —— 作品技術比較高難度，可當作藝術品觀看。
這網站的作品屬性明顯地會以「高技術含量」為主，獲獎作品不論在 3D 特效、粒子特效、前瞻性作法都必須有一定程度才會獲獎
❹ Dribble —— 找看看天馬行空的動態、流行的 Layout 。
找尋 UI 顏色靈感、網站 UI 設計作法以及 UI 動態特效想法。
但！這裡的「 UI 動態特效」比較偏用AE做出來的天馬行空型，不考慮實際可行性。

 

接下來的參考網站收集風格較小眾且特殊的網站。
❺ LOADMORE —— 以 mobile 呈現獨特的實驗性作品
除了收集其他參考網站少見的作品外，並以 mobile 介面呈現網站，以鼓勵數位設計師在手機版介面互動與功能設計上探索更多可能性。
❻ Hoverstat.es —— 收藏小眾作品
雖然沒有詳細介紹每個網站，但在這邊，你可以看到其他網站遺漏的小眾作品，絕對值得你一讀。
❼ Brutalist Websites —— 酷炫野獸派風格網站
收集以大膽、鮮明的網站作品，在互動與排版上有更多不常見的嘗試，既充滿實驗性，也挑戰傳統網站設計規範。

 

下一篇將分享特殊分類方式的參考網站、網站特效參考資源以及最重要的參考網站懶人包，敬請期待！！