在大量的動(dòng)態(tài)效果和各類手段的加持之下,界面越發(fā)的驚艷,統(tǒng)計(jì)數(shù)據(jù)加持之下的信息的呈現(xiàn)方式足夠突出,相當(dāng)優(yōu)秀。以往正規(guī)而嚴(yán)肅的內(nèi)容在設(shè)計(jì)師和藝術(shù)家的潤色下,開始表現(xiàn)出令人振奮、充滿娛樂精神的一面,數(shù)字化多媒體的加入則讓原本單調(diào)枯燥的數(shù)字煥發(fā)出不一樣的生命力,帶你開始一場(chǎng)華麗的冒險(xiǎn)。
動(dòng)畫、插畫、視頻、字體、圖標(biāo)等等各種各樣的元素共同協(xié)作構(gòu)成這些復(fù)雜而有機(jī)的“年度總結(jié)”頁面。今天的這些網(wǎng)頁設(shè)計(jì)都是這樣的優(yōu)秀作品,它們功能并不復(fù)雜,但是展現(xiàn)形式參差多態(tài),樣式多變,時(shí)尚多樣,又原創(chuàng)獨(dú)到。
喜歡就收藏了吧。
著名音樂平臺(tái) Spotify 的年度音樂總結(jié)選取的是去年最有影響力、蜚聲國際的真正音樂潮人。設(shè)計(jì)師使用著兩年流行的雙色調(diào)設(shè)計(jì)來調(diào)整精選的藝人照片,營造出獨(dú)特的氛圍。動(dòng)態(tài)設(shè)計(jì)和層次豐富的美感讓頁面的風(fēng)格更加先鋒,也更有特色。
這個(gè)設(shè)計(jì)機(jī)構(gòu)的年度總結(jié)頁面選擇了干凈簡(jiǎn)約的設(shè)計(jì),扁平的圖形、漂亮的動(dòng)畫賦予整個(gè)頁面以清新和獨(dú)具一格的設(shè)計(jì)氣息。加粗的幾何字體賦予網(wǎng)站以務(wù)實(shí)的氣息,此外,其他的部分則顯得有趣而好玩。
來自Atomic.io 的海滋爾個(gè)年度總結(jié)頁面,使用了典型的現(xiàn)代風(fēng)經(jīng)典布局,大量的留白是它的特色。柵格系統(tǒng)被設(shè)計(jì)師用來展現(xiàn)關(guān)鍵點(diǎn),而特效則用來吸引用戶注意力。明亮的紫色漸變效果和典型的像素字體讓整個(gè)界面?zhèn)€性十足,半色調(diào)的動(dòng)效,讓整個(gè)項(xiàng)目顯得原創(chuàng)性十足。
Campaign Monitor 的總結(jié)報(bào)告借助各種信息圖元素將傳統(tǒng)的數(shù)據(jù)以更新穎、更易于解讀的方法展現(xiàn)出來。由于動(dòng)態(tài)設(shè)計(jì)的加入,讓頁面不再是靜止的,微妙的細(xì)節(jié)呈現(xiàn)讓整個(gè)頁面更富有活力。
Behance 的年度總結(jié)稱為盛典也不為過。各路大神的優(yōu)秀作品匯聚一堂,堪稱奢華。頁面的設(shè)計(jì)大膽而令人難忘,華麗的漸變效果和漂亮的設(shè)計(jì)作品結(jié)合起來,相當(dāng)給力。
代表著能量的紅牛在年度總結(jié)的頁面設(shè)計(jì)上也表現(xiàn)出它“精力充沛”的一面。整個(gè)頁面被劃分稱為不同的部分,來展現(xiàn)那些最優(yōu)秀的視頻、最好的故事、最漂亮的照片、最熱播的電視節(jié)目、流傳最廣泛的社交事件等等等等。視差滾動(dòng)和雙色調(diào)設(shè)計(jì)貫穿整個(gè)頁面的設(shè)計(jì),使得視覺和體驗(yàn)上更加統(tǒng)一。
作為最著名的媒體,紐約時(shí)報(bào)的年度總結(jié)網(wǎng)頁貫穿了“一圖勝千言”的理念,設(shè)計(jì)師用最視覺化的方式將過去一年中最重要的事件匯總起來,讓最具代表性的圖片和直擊人心的文字搭配到一起,看起來簡(jiǎn)單,但是著實(shí)讓人難以忘懷。
在線視頻行業(yè)巨頭Youtube 的年度總結(jié)絕對(duì)是不容錯(cuò)過的!和其他的總結(jié)頁面不同,Youtube的年度總結(jié)干脆就是一個(gè)視頻,雖然只有短短的7分鐘,但是內(nèi)容引人入勝,并且充分體現(xiàn)了這個(gè)平臺(tái)的獨(dú)特精神。
Tumblr 的年度總結(jié)在色調(diào)上更加復(fù)古懷舊,抽象的動(dòng)畫和海報(bào)式的界面元素更是強(qiáng)化了這種感覺。略顯臟亂的用色讓整個(gè)頁面充滿了80年代的風(fēng)情,但是卡片式設(shè)計(jì)的加入,又沒有讓這種配色毀了整個(gè)設(shè)計(jì),反而成功地讓它顯得更加條理化了。
著名的科技媒體The Verge 就是Vox Media 旗下的機(jī)構(gòu)。作為一個(gè)設(shè)計(jì)力從來就不差的媒體集團(tuán),Vox Media 的年度總結(jié)還是相當(dāng)有藝術(shù)特質(zhì)的,柔和的配色,精致細(xì)膩的矢量插畫,從整體到細(xì)節(jié)都足夠美觀。
Pingdom 的年度總結(jié)和它的在線服務(wù)的配色是一致的,視覺設(shè)計(jì)看起來高端而又富于創(chuàng)新,充滿了科技感。瀏覽網(wǎng)頁的時(shí)候,用戶會(huì)隨著整個(gè)頁面的視覺線索來看,不會(huì)錯(cuò)過任何一點(diǎn)內(nèi)容,會(huì)從每個(gè)數(shù)據(jù)逐步熟悉這個(gè)網(wǎng)站。
Fiverr 的年度總結(jié)看起來似乎并沒有什么太過特殊的地方,但是橫向的布局別具一格,看起來有趣又引人入勝。這個(gè)團(tuán)隊(duì)的設(shè)計(jì)師善于使用大量互補(bǔ)的圖形素材來呈現(xiàn)數(shù)據(jù)、講述故事。他們的設(shè)計(jì)會(huì)讓你會(huì)心一笑。
這個(gè)團(tuán)隊(duì)在年度總結(jié)頁面中將最好的文章和教程呈現(xiàn)出來,以饗用戶。合集中包含了最具創(chuàng)新性和流行性的評(píng)論,最符合潮流的版式設(shè)計(jì),以及最優(yōu)秀的品牌標(biāo)識(shí)設(shè)計(jì)。
Wix 公司邀請(qǐng)?jiān)L客重新回顧了過去的一年之間,他們卓有成效的一面和強(qiáng)大的盈利能力。數(shù)據(jù)在這個(gè)時(shí)候充滿了說服力,配合著圖片、抽象的背景、動(dòng)態(tài)的元素和動(dòng)畫,讓整個(gè)總結(jié)顯得有理有據(jù),內(nèi)容翔實(shí)又不枯燥。
500px 的年度總結(jié)完全是一個(gè)以多媒體為中心的網(wǎng)頁設(shè)計(jì),那些漂亮的令人難以置信的照片并沒有讓頁面顯得設(shè)計(jì)過度,反而恰到好處地營造出清爽宜人的氛圍。
Panda的設(shè)計(jì)團(tuán)隊(duì)以插畫和微妙的方式來設(shè)計(jì)了總結(jié)頁面,使得整個(gè)頁面讓人想瀏覽下去。瀏覽過程中,設(shè)計(jì)師有意識(shí)地將一個(gè)個(gè)關(guān)鍵的數(shù)據(jù)和時(shí)刻逐個(gè)呈現(xiàn)出來,并且一直緊緊抓住用戶的注意力。
這個(gè)網(wǎng)站的漂亮之處在于圖形、文字和排版恰如其分的組合,三個(gè)因素的合理搭配構(gòu)成了整個(gè)完整的布局美學(xué)。頁面和頁面之間沒有明顯的界限,所有的內(nèi)容看起來是流動(dòng)的、連續(xù)的,并不會(huì)對(duì)用戶瀏覽構(gòu)成壓力。
雖然整個(gè)設(shè)計(jì)充滿了視覺沖擊力,但是用戶并不會(huì)分心或者難受。
MailChimp 的設(shè)計(jì)團(tuán)隊(duì)通過傳統(tǒng)的線性布局巧妙地設(shè)計(jì)出了這個(gè)總結(jié)頁面,協(xié)調(diào)的雙色設(shè)計(jì)看起來富于沖擊力,大氣但不失細(xì)節(jié),它讓人覺得設(shè)計(jì)就應(yīng)該是這個(gè)樣子,注入能量,并將時(shí)尚和現(xiàn)代的氣息傳遞給每個(gè)訪客。
和之前 Campaign Monitor 的案例相仿,你會(huì)發(fā)現(xiàn)經(jīng)典的數(shù)據(jù)依然有著強(qiáng)大的說服力,各種柱狀圖、餅圖在合理的視覺設(shè)計(jì)之下,依然能很快地讓用戶獲得信息。
Immersive Garden 的年度總結(jié)的特殊之處在于它強(qiáng)大的交互性,它的設(shè)計(jì)充滿了實(shí)驗(yàn)性,無論你是在PC上瀏覽還是在移動(dòng)端設(shè)備上瀏覽,都會(huì)讓你充滿了點(diǎn)擊和操作的欲望。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)