2015年網頁設計無顛覆性趨勢,卻是沉澱與融合之年:響應式與移動端適配大幅進步,扁平化進化為「扁平化2.0」(層次感更強),動效與微交互成標配,單頁/漢堡菜單/柵格布局穩中求新。Designmodo團隊精選以下佳作,展現這一年設計師如何在穩健基礎上「開腦洞、玩花樣」。
高清質感大圖、精製視頻、裝飾圖形、微動效微交互,讓燒烤網站充滿活力與高級感。

JS/CSS驅動多邊形滲透頁面各元素,動態展示效果一流,幾何圖形成敘事主角。

經典橫向布局本質單頁滾動,滾動動效設計精妙,留下深刻印象。

風格化Grunge元素賦予極強質感,動態執行力強,單頁高效承載全信息。

創新音樂網站,將歌曲拆解為節點、故事、音樂家,讓用戶參與共創,時尚異響。

非對稱多層佈局+微動效+活潑色調+趣味小技巧,視覺化踐行品牌口號。

著陸頁適配桌面/觸屏,散落菱形按鈕暗示手指操作最佳。

宏大華麗品牌視頻+精致細節,直擊購買慾望。

雙欄佈局容納海量信息不凌亂,風格統一、細節精美,兼顧展示與資訊獲取。

壯觀自然景觀融合品牌精神,平滑瀏覽+精心內容=流連忘返。

視頻與插畫無縫融入故事,平滑呈現兼容主流設備,講故事的教科書級作品。

內容佈局經典,但設計美學貫穿始終,多層次佈局+收尾動效,技藝純熟。

女性柔美氣質貫穿產品集合,獨特氣質成關鍵轉化力。

有趣交互+引人場景+聲音音樂,比預告片更真實更豐富。

柵格穩固結構,精致控件+規範排版+優雅細節+動態元素,交互體驗極優。

動態插畫賦予獨一無二外觀,豐富內容誘人深度探索。

流行文化問答穿插動畫、動效、插畫、視頻,互動性極強。

高清大圖+文字基礎上,交互手法極具先鋒性。

視頻素材生動講品牌故事,兼顧保守客戶標準界面,唯移動端適配缺失為憾。

清爽內容說明與背景搭配相得益彰,互動體驗驚艷。

尖端技術與電子藝術匯聚,Chrome/Safari體驗最佳,無與倫比的實驗場。

精致交互+難忘體驗,動效動畫為特長,插畫作品集單頁打包,沉浸感極強。

優秀交互與有意義動效是共同特徵,實驗性新技術廣泛滲透。扁平化2.0博采眾長,動效微交互發生化學反應,響應式/單頁/柵格在融合中尋新表達。技術碰撞不激烈,卻催生新搭配新融合,移動端與桌面端握手言和。2016,更值得期待。