最新的年度總結(jié)優(yōu)秀網(wǎng)頁設(shè)計
在大量的動態(tài)效果和各類手段的加持之下,界面越發(fā)的驚艷,統(tǒng)計數(shù)據(jù)加持之下的信息的呈現(xiàn)方式足夠突出,相當(dāng)優(yōu)秀。以往正規(guī)而嚴(yán)肅的內(nèi)容在設(shè)計師和藝術(shù)家的潤色下,開始表現(xiàn)出令人振奮、充滿娛樂精神的一面,數(shù)字化多媒體的加入則讓原本單調(diào)枯燥的數(shù)字煥發(fā)出不一樣的生命力,帶你開始一場華麗的冒險。
動畫、插畫、視頻、字體、圖標(biāo)等等各種各樣的元素共同協(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è)計和層次豐富的美感讓頁面的風(fēng)格更加先鋒,也更有特色。
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)代風(fēng)經(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è)計的加入,讓頁面不再是靜止的,微妙的細(xì)節(jié)呈現(xiàn)讓整個頁面更富有活力。
Year in Review by Behance
Behance 的年度總結(jié)稱為盛典也不為過。各路大神的優(yōu)秀作品匯聚一堂,堪稱奢華。頁面的設(shè)計大膽而令人難忘,華麗的漸變效果和漂亮的設(shè)計作品結(jié)合起來,相當(dāng)給力。
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è)計師用最視覺化的方式將過去一年中最重要的事件匯總起來,讓最具代表性的圖片和直擊人心的文字搭配到一起,看起來簡單,但是著實讓人難以忘懷。
Rewind 2015
在線視頻行業(yè)巨頭 的年度總結(jié)絕對是不容錯過的!和其他的總結(jié)頁面不同,的年度總結(jié)干脆就是一個視頻,雖然只有短短的7分鐘,但是內(nèi)容引人入勝,并且充分體現(xiàn)了這個平臺的獨特精神。
’s Year in Review
的年度總結(jié)在色調(diào)上更加復(fù)古懷舊,抽象的動畫和海報式的界面元素更是強化了這種感覺。略顯臟亂的用色讓整個頁面充滿了80年代的風(fēng)情,但是卡片式設(shè)計的加入,又沒有讓這種配色毀了整個設(shè)計,反而成功地讓它顯得更加條理化了。
Year in Review by Vox Media
著名的`科技媒體The Verge 就是Vox Media 旗下的機構(gòu)。作為一個設(shè)計力從來就不差的媒體集團,Vox Media 的年度總結(jié)還是相當(dāng)有藝術(shù)特質(zhì)的,柔和的配色,精致細(xì)膩的矢量插畫,從整體到細(xì)節(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)秀的品牌標(biāo)識設(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)成了整個完整的布局美學(xué)。頁面和頁面之間沒有明顯的界限,所有的內(nèi)容看起來是流動的、連續(xù)的,并不會對用戶瀏覽構(gòu)成壓力。
雖然整個設(shè)計充滿了視覺沖擊力,但是用戶并不會分心或者難受。
Countup by MailChimp
MailChimp 的設(shè)計團隊通過傳統(tǒng)的線性布局巧妙地設(shè)計出了這個總結(jié)頁面,協(xié)調(diào)的雙色設(shè)計看起來富于沖擊力,大氣但不失細(xì)節(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è)備上瀏覽,都會讓你充滿了點擊和操作的欲望。
【最新的年度總結(jié)優(yōu)秀網(wǎng)頁設(shè)計】相關(guān)文章:
網(wǎng)頁設(shè)計優(yōu)秀實習(xí)總結(jié)范文11-17
40個網(wǎng)頁設(shè)計優(yōu)秀案例11-11
關(guān)于網(wǎng)頁設(shè)計的實習(xí)總結(jié)11-16
網(wǎng)頁設(shè)計實習(xí)總結(jié)范文11-16
關(guān)于網(wǎng)頁設(shè)計實習(xí)總結(jié)11-16
網(wǎng)頁設(shè)計的設(shè)計技巧09-15
網(wǎng)頁設(shè)計的技巧經(jīng)驗總結(jié)11-16
網(wǎng)頁設(shè)計的禁忌11-17