萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

2015年度最佳網頁設計精選:響應式、動效與敘事的完美融合

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

年度佳作巡禮

BBQ Cultures —— 餐飲站也能高大上

高清質感大圖、精製視頻、裝飾圖形、微動效微交互,讓燒烤網站充滿活力與高級感。

In Pieces —— 多邊形賦予頁面生命

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

Trippeo —— 橫向單頁的滾動藝術

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

Be More by Reebok —— Grunge風單頁的質感極致

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

The DNA Project —— 音樂創作的沉浸式共創

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

ACME Experience —— 非對稱佈局演繹「未來先鋒」

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

Weltrade —— 華麗晦暗中的觸控優先

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

Georg Jensen —— 背景視頻渲染奢華基因

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

Tenslife —— 非傳統雙欄電商的秩序感

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

Quechua —— 靜態細節與動態排版的雜誌美學

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

Ice and Sky —— 視頻插畫交織的敘事新高度

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

DogStudio —— 經典佈局注入設計師靈魂

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

Namale —— 柔美優雅的產品氛圍營造

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

Kingsman Movie —— 超越預告片的沉浸式官網

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

Braastad —— 柵格系統構建優雅秩序

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

Keep Portland Weird —— 華麗動態插畫的獨特動態外觀

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

YouTube 10th Anniversary —— 知識問答式品牌慶典

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

Environment by Subaru —— 先鋒交互重塑大圖敘事

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

Silenza —— 視頻講故事的多品牌電商

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

Sennheizer Reshaping Excellence —— 雅致質感的互動體驗

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

Void —— 新技術與創意構成的「畫廊」

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

LegWork Studio —— 單頁裝進所有驚喜

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

2015總結與2016展望

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

copyright © 萬盛學電腦網 all rights reserved