每年年底總結(jié)總能給過去的一年收個尾，為新的一年找準方向，越來越多的科技企業(yè)、設(shè)計機構(gòu)也開始熱衷于在網(wǎng)站上呈現(xiàn)年度總結(jié)。雖然傳統(tǒng)意義上的正式評估會讓人覺得枯燥，但是在網(wǎng)頁設(shè)計的圈子里，總能玩出讓人眼前一亮的花樣。

在大量的動態(tài)效果和各類手段的加持之下，界面越發(fā)的驚艷，統(tǒng)計數(shù)據(jù)加持之下的信息的呈現(xiàn)方式足夠突出，相當優(yōu)秀。以往正規(guī)而嚴肅的內(nèi)容在設(shè)計師和藝術(shù)家的潤色下，開始表現(xiàn)出令人振奮、充滿娛樂精神的一面，數(shù)字化多媒體的加入則讓原本單調(diào)枯燥的數(shù)字煥發(fā)出不一樣的生命力，帶你開始一場華麗的冒險。

動畫、插畫、視頻、字體、圖標等等各種各樣的元素共同協(xié)作構(gòu)成這些復(fù)雜而有機的“年度總結(jié)”頁面。今天的這些網(wǎng)頁設(shè)計都是這樣的優(yōu)秀作品，它們功能并不復(fù)雜，但是展現(xiàn)形式參差多態(tài)，樣式多變，時尚多樣，又原創(chuàng)獨到。

喜歡就收藏了吧。

Year in Music by Spotify

著名音樂平臺 Spotify 的年度音樂總結(jié)選取的是去年最有影響力、蜚聲國際的真正音樂潮人。設(shè)計師使用著兩年流行的雙色調(diào)設(shè)計來調(diào)整精選的藝人照片，營造出獨特的氛圍。動態(tài)設(shè)計和層次豐富的美感讓頁面的風格更加先鋒，也更有特色。

Year in Review by Beard Design

這個設(shè)計機構(gòu)的年度總結(jié)頁面選擇了干凈簡約的設(shè)計，扁平的圖形、漂亮的動畫賦予整個頁面以清新和獨具一格的設(shè)計氣息。加粗的幾何字體賦予網(wǎng)站以務(wù)實的氣息，此外，其他的部分則顯得有趣而好玩。

Product Design Year in Review by Atomic.io

來自Atomic.io 的海滋爾個年度總結(jié)頁面，使用了典型的現(xiàn)代風經(jīng)典布局，大量的留白是它的特色。柵格系統(tǒng)被設(shè)計師用來展現(xiàn)關(guān)鍵點，而特效則用來吸引用戶注意力。明亮的紫色漸變效果和典型的像素字體讓整個界面?zhèn)�性十足，半色調(diào)的動效，讓整個項目顯得原創(chuàng)性十足。

Annual Email Marketing Report by Campaign Monitor

Campaign Monitor 的總結(jié)報告借助各種信息圖元素將傳統(tǒng)的數(shù)據(jù)以更新穎、更易于解讀的方法展現(xiàn)出來。由于動態(tài)設(shè)計的加入，讓頁面不再是靜止的，微妙的細節(jié)呈現(xiàn)讓整個頁面更富有活力。

Year in Review by Behance

Behance 的年度總結(jié)稱為盛典也不為過。各路大神的優(yōu)秀作品匯聚一堂，堪稱奢華。頁面的設(shè)計大膽而令人難忘，華麗的漸變效果和漂亮的設(shè)計作品結(jié)合起來，相當給力。

Year in Review by Red Bull

代表著能量的紅牛在年度總結(jié)的頁面設(shè)計上也表現(xiàn)出它“精力充沛”的一面。整個頁面被劃分稱為不同的部分，來展現(xiàn)那些最優(yōu)秀的視頻、最好的故事、最漂亮的照片、最熱播的電視節(jié)目、流傳最廣泛的社交事件等等等等。視差滾動和雙色調(diào)設(shè)計貫穿整個頁面的設(shè)計，使得視覺和體驗上更加統(tǒng)一。

The Year in Pictures by NYTimes

作為最著名的媒體，紐約時報的年度總結(jié)網(wǎng)頁貫穿了“一圖勝千言”的理念，設(shè)計師用最視覺化的方式將過去一年中最重要的事件匯總起來，讓最具代表性的圖片和直擊人心的文字搭配到一起，看起來簡單，但是著實讓人難以忘懷。

YouTube Rewind 2015

在線視頻行業(yè)巨頭Youtube 的年度總結(jié)絕對是不容錯過的!和其他的總結(jié)頁面不同，Youtube的年度總結(jié)干脆就是一個視頻，雖然只有短短的7分鐘，但是內(nèi)容引人入勝，并且充分體現(xiàn)了這個平臺的獨特精神。

Tumblr’s Year in Review

Tumblr 的年度總結(jié)在色調(diào)上更加復(fù)古懷舊，抽象的動畫和海報式的界面元素更是強化了這種感覺。略顯臟亂的用色讓整個頁面充滿了80年代的風情，但是卡片式設(shè)計的加入，又沒有讓這種配色毀了整個設(shè)計，反而成功地讓它顯得更加條理化了。

Year in Review by Vox Media

著名的科技媒體The Verge 就是Vox Media 旗下的機構(gòu)。作為一個設(shè)計力從來就不差的媒體集團，Vox Media 的年度總結(jié)還是相當有藝術(shù)特質(zhì)的，柔和的配色，精致細膩的矢量插畫，從整體到細節(jié)都足夠美觀。

Year in Review by Pingdom

Pingdom 的年度總結(jié)和它的在線服務(wù)的配色是一致的，視覺設(shè)計看起來高端而又富于創(chuàng)新，充滿了科技感。瀏覽網(wǎng)頁的時候，用戶會隨著整個頁面的視覺線索來看，不會錯過任何一點內(nèi)容，會從每個數(shù)據(jù)逐步熟悉這個網(wǎng)站。

Year in Review by Fiverr

Fiverr 的年度總結(jié)看起來似乎并沒有什么太過特殊的地方，但是橫向的布局別具一格，看起來有趣又引人入勝。這個團隊的設(shè)計師善于使用大量互補的圖形素材來呈現(xiàn)數(shù)據(jù)、講述故事。他們的設(shè)計會讓你會心一笑。

A look back at 2015

這個團隊在年度總結(jié)頁面中將最好的文章和教程呈現(xiàn)出來，以饗用戶。合集中包含了最具創(chuàng)新性和流行性的評論，最符合潮流的版式設(shè)計，以及最優(yōu)秀的品牌標識設(shè)計。

2015 by Wix

Wix 公司邀請訪客重新回顧了過去的一年之間，他們卓有成效的一面和強大的盈利能力。數(shù)據(jù)在這個時候充滿了說服力，配合著圖片、抽象的背景、動態(tài)的元素和動畫，讓整個總結(jié)顯得有理有據(jù)，內(nèi)容翔實又不枯燥。

Year in Review by 500px

500px 的年度總結(jié)完全是一個以多媒體為中心的網(wǎng)頁設(shè)計，那些漂亮的令人難以置信的照片并沒有讓頁面顯得設(shè)計過度，反而恰到好處地營造出清爽宜人的氛圍。

Panda 2015

Panda的設(shè)計團隊以插畫和微妙的方式來設(shè)計了總結(jié)頁面，使得整個頁面讓人想瀏覽下去。瀏覽過程中，設(shè)計師有意識地將一個個關(guān)鍵的數(shù)據(jù)和時刻逐個呈現(xiàn)出來，并且一直緊緊抓住用戶的注意力。

A Very Earnest 2015

這個網(wǎng)站的漂亮之處在于圖形、文字和排版恰如其分的組合，三個因素的合理搭配構(gòu)成了整個完整的布局美學。頁面和頁面之間沒有明顯的界限，所有的內(nèi)容看起來是流動的、連續(xù)的，并不會對用戶瀏覽構(gòu)成壓力。

雖然整個設(shè)計充滿了視覺沖擊力，但是用戶并不會分心或者難受。

Countup by MailChimp

MailChimp 的設(shè)計團隊通過傳統(tǒng)的線性布局巧妙地設(shè)計出了這個總結(jié)頁面，協(xié)調(diào)的雙色設(shè)計看起來富于沖擊力，大氣但不失細節(jié)，它讓人覺得設(shè)計就應(yīng)該是這個樣子，注入能量，并將時尚和現(xiàn)代的氣息傳遞給每個訪客。

Year-end Review by L2

和之前 Campaign Monitor 的案例相仿，你會發(fā)現(xiàn)經(jīng)典的數(shù)據(jù)依然有著強大的說服力，各種柱狀圖、餅圖在合理的視覺設(shè)計之下，依然能很快地讓用戶獲得信息。

Immersive Garden

Immersive Garden 的年度總結(jié)的特殊之處在于它強大的交互性，它的設(shè)計充滿了實驗性，無論你是在PC上瀏覽還是在移動端設(shè)備上瀏覽，都會讓你充滿了點擊和操作的欲望。