業(yè)務(wù)專線：15989169178
即將告別2015年，這一年中涌現(xiàn)了許多優(yōu)秀的設(shè)計(jì)作品，設(shè)計(jì)趨勢(shì)也在時(shí)間的推移中漸漸轉(zhuǎn)變。在這個(gè)新舊更替的時(shí)間節(jié)點(diǎn)，溫故一下過(guò)去一年中的網(wǎng)頁(yè)設(shè)計(jì)，無(wú)疑是對(duì)2015最好的紀(jì)念和總結(jié)。
這一年當(dāng)中，網(wǎng)頁(yè)設(shè)計(jì)的轉(zhuǎn)變絕大多數(shù)時(shí)候是可以預(yù)見(jiàn)的，顛覆性的設(shè)計(jì)趨勢(shì)并沒(méi)有跳到你我面前，不過(guò)許多原創(chuàng)、奇特的設(shè)計(jì)依然讓我們驚艷不已。
總體上來(lái)說(shuō)，在響應(yīng)式設(shè)計(jì)、頁(yè)面對(duì)移動(dòng)端的兼容、動(dòng)效都有了不小的進(jìn)步，扁平化的設(shè)計(jì)風(fēng)格和頁(yè)面滾動(dòng)效果則更加成熟，漢堡圖標(biāo)和單頁(yè)設(shè)計(jì)總體上還是維持2014年的狀態(tài)，并無(wú)明顯改變。毫無(wú)疑問(wèn)，2015年是設(shè)計(jì)師們正在沉淀的一年，是網(wǎng)頁(yè)設(shè)計(jì)圈穩(wěn)步前進(jìn)的一年，也正是有了這個(gè)基礎(chǔ)，創(chuàng)意十足的設(shè)計(jì)者們才可以更輕松地開(kāi)腦洞玩兒出更多花樣。
當(dāng)然，我們依然可以追溯這一年中設(shè)計(jì)圈中的每一個(gè)關(guān)鍵時(shí)刻，不過(guò)用最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品來(lái)一窺這一年的成就，似乎更加巧妙而有趣。
下面，是 Designmodo 團(tuán)隊(duì)評(píng)選出的2015最佳網(wǎng)頁(yè)設(shè)計(jì)作品，準(zhǔn)備好截圖和收藏夾吧。
BBQ Cultures 的頁(yè)面設(shè)計(jì)證明了關(guān)乎燒烤的餐飲業(yè)網(wǎng)站也可以設(shè)計(jì)得高大上。設(shè)計(jì)手法上，設(shè)計(jì)師結(jié)合流行的設(shè)計(jì)趨勢(shì)，用足以取悅用戶的設(shè)計(jì)手法來(lái)完成設(shè)計(jì)，包括高清而充滿氣質(zhì)的圖片，精心制作的視頻，漂亮的裝飾圖形和微妙的交互和動(dòng)效。尤其是微動(dòng)效和微交互，讓整個(gè)站都充滿了活力。
In Pieces 的頁(yè)面展示了第一流的動(dòng)態(tài)展示效果是怎樣的，設(shè)計(jì)師巧妙地使用JS和CSS將多邊形融入頁(yè)面不同的元素中，讓多邊形元素賦予了頁(yè)面全新的生命力。
Trippeo 展示了如何使用現(xiàn)代的解決方案來(lái)呈現(xiàn)即將到來(lái)的產(chǎn)品。這個(gè)網(wǎng)站采用了經(jīng)典的橫向布局，本質(zhì)上接近單頁(yè)滾動(dòng)式頁(yè)面設(shè)計(jì)，所以頁(yè)面中的滾動(dòng)動(dòng)效設(shè)計(jì)地非常不錯(cuò)，給用戶深刻的印象。
Reebok 的這個(gè)網(wǎng)頁(yè)采用了經(jīng)典的單頁(yè)式的設(shè)計(jì)，有效地收納了全部的相關(guān)信息。風(fēng)格化明顯的Grunge 風(fēng)元素讓整個(gè)頁(yè)面的質(zhì)感極為突出，動(dòng)態(tài)效果的執(zhí)行力也極強(qiáng)，賦予了頁(yè)面良好的用戶體驗(yàn)。
The DNA Project 是一個(gè)極為創(chuàng)新的音樂(lè)網(wǎng)站項(xiàng)目，它為用戶提供了截然不同的音樂(lè)制作流程，時(shí)尚又不同凡響。每首歌都被劃分為關(guān)鍵的音樂(lè)節(jié)點(diǎn)、音軌背后的故事和參與的音樂(lè)家等幾個(gè)部分，這個(gè)項(xiàng)目讓用戶與音樂(lè)人們一同制作音樂(lè)。
網(wǎng)站以更加視覺(jué)化的方式來(lái)踐行這家公司的口號(hào)“我們是未來(lái)先鋒”，這個(gè)頁(yè)面采用率非對(duì)稱式布局，多層布局技術(shù)和微妙的動(dòng)效，配合這色調(diào)活潑的背景，許多有趣的小技巧在頁(yè)面中各自發(fā)揮出獨(dú)特的功用，充分展現(xiàn)了“先鋒”這一特色。
Weltrade 營(yíng)造了華麗而晦暗的場(chǎng)景，作為一個(gè)著陸頁(yè)，無(wú)論是桌面端還是觸摸屏都可以輕松操作，不過(guò)頁(yè)面中散落的菱形按鈕，最好的操作介質(zhì)還是手指。
Georg Jensen 的背景視頻將整個(gè)品牌宏大、華麗的氣質(zhì)渲染了出來(lái)，每個(gè)精致到位的細(xì)節(jié)都會(huì)讓你忍不住將他們的產(chǎn)品放到購(gòu)物車中去。
Tenslife 也是一個(gè)采用了非傳統(tǒng)式的頁(yè)面布局的在線商店，其中精致而美觀的細(xì)節(jié)保持了風(fēng)格的一致性和。兩欄式布局包含了所有有用的信息，不僅展示了產(chǎn)品的美妙之處，還讓用戶同時(shí)可以獲取產(chǎn)品信息，雖然內(nèi)容很多，但是一點(diǎn)都不凌亂。
Quechua 是一款著名的在線雜志網(wǎng)站，靜態(tài)的細(xì)節(jié)展現(xiàn)和動(dòng)態(tài)的排版都是它的特色。壯觀的自然景觀和獨(dú)樹(shù)一幟的品牌精神融為一體，平滑自然的瀏覽體驗(yàn)配合精心制作的內(nèi)容，讓用戶流連忘返。
用網(wǎng)站來(lái)講述一個(gè)故事，已經(jīng)變得越來(lái)越繁復(fù)多樣了，而從某種程度上Ice and Sky 這個(gè)網(wǎng)頁(yè)的設(shè)計(jì)在這方面做的非常的突出。它巧妙地將視頻和漂亮的插畫(huà)融入到故事中去，這種平滑的展現(xiàn)方式不僅在桌面上給人良好的體驗(yàn)，而且兼容了目前主流的瀏覽設(shè)備。
DogStudio 是一個(gè)屢獲殊榮的網(wǎng)站，盡管網(wǎng)頁(yè)的內(nèi)容和布局都采用了久經(jīng)考驗(yàn)的經(jīng)典方案，但是設(shè)計(jì)美學(xué)上還是加入了許多設(shè)計(jì)師本身的想法。無(wú)疑網(wǎng)站的設(shè)計(jì)師對(duì)于各種設(shè)計(jì)手法和技術(shù)都非常熟稔，開(kāi)頭使用了多層次的布局，頁(yè)面結(jié)尾的動(dòng)效都恰如其分地起到了作用。
女性的柔美和優(yōu)雅在 Namale 網(wǎng)站中得到了全面的展現(xiàn)，其中的產(chǎn)品集合也都具備相同的氣質(zhì)。作為一個(gè)產(chǎn)品展示網(wǎng)站，重點(diǎn)自然是產(chǎn)品，但是網(wǎng)站所營(yíng)造的獨(dú)特氣質(zhì)起到了關(guān)鍵性的作用。
電影《王牌特工：特工學(xué)院》的官方網(wǎng)站不僅起到了預(yù)告片的作用，但是它又比預(yù)告片做的更多。更多的展現(xiàn)形式在這里得到了體現(xiàn)，有趣的交互，引人入勝的場(chǎng)景，聲音和音樂(lè)背景則讓這些顯得更加真實(shí)。
柵格系統(tǒng)為Braastad 的網(wǎng)站搭建起穩(wěn)固又富有條理的結(jié)構(gòu)，用戶不會(huì)因?yàn)閮?nèi)容過(guò)多而感到迷惑。漂亮又精致的網(wǎng)頁(yè)控件、正規(guī)的排版、優(yōu)雅的細(xì)節(jié)和平和的氛圍都是網(wǎng)站的特色。各種動(dòng)態(tài)的元素在用戶與網(wǎng)站進(jìn)行交互的過(guò)程中，提供了非常優(yōu)秀的用戶體驗(yàn)。
Keep Portland Weird 網(wǎng)頁(yè)中充分運(yùn)用了華麗的動(dòng)態(tài)插畫(huà)，這賦予頁(yè)面以一個(gè)獨(dú)一無(wú)二的動(dòng)態(tài)外觀，內(nèi)容豐富的插畫(huà)內(nèi)容則讓網(wǎng)站顯得有趣又特別值得深入探索。
世界最著名的視頻網(wǎng)站Youtube 10周年的紀(jì)念網(wǎng)頁(yè)肯定是不同凡響的，它會(huì)邀請(qǐng)?jiān)L客參與一個(gè)關(guān)于流行文化的知識(shí)問(wèn)答，中間穿插著有趣的動(dòng)畫(huà)，誘人的動(dòng)效，漂亮的插畫(huà)，當(dāng)然，還有優(yōu)秀的視頻。
這個(gè)引起了多方面的關(guān)注的項(xiàng)目，有其獨(dú)到之處。網(wǎng)頁(yè)的設(shè)計(jì)方式采用了常見(jiàn)的高清大圖+文字的方式，但是網(wǎng)頁(yè)交互中使用了許多相當(dāng)先鋒的方式。
這個(gè)包含了多個(gè)品牌的在線商店和絕大多數(shù)的同類網(wǎng)站不一樣。網(wǎng)站借助許多視頻和素材生動(dòng)地講述了關(guān)于自家公司的故事，同時(shí)，為保守的客戶提供了標(biāo)準(zhǔn)化的界面和全面的內(nèi)容。不過(guò)，網(wǎng)站并沒(méi)有為移動(dòng)端做好兼容，這無(wú)疑是一大缺陷。
網(wǎng)站提供了令人驚艷的互動(dòng)體驗(yàn)，它雅致而富有質(zhì)感的頁(yè)面也非常值得關(guān)注。清爽的內(nèi)容說(shuō)明和背景的搭配相得益彰。
這個(gè)網(wǎng)站之所以被人用“無(wú)與倫比”來(lái)形容，主要是因?yàn)榫W(wǎng)站幾乎是一個(gè)新技術(shù)和創(chuàng)意所構(gòu)成的“畫(huà)廊”。許多尖端的技術(shù)和有趣的電子匯集到這里，組成了這個(gè)有趣的網(wǎng)站。當(dāng)然，你如果想完整體驗(yàn)，最好使用Chrome和Safari 瀏覽器。
精致無(wú)比的交互和令人難忘的用戶體驗(yàn)是LegWork Studio 網(wǎng)站為用戶提供的服務(wù)，動(dòng)效和動(dòng)畫(huà)是這個(gè)工作室的特長(zhǎng)。這所有的一起被這個(gè)單頁(yè)網(wǎng)站打包到了一起，流連在這些有趣的插畫(huà)和設(shè)計(jì)作品中，真是一種令人沉迷的體驗(yàn)。
優(yōu)秀的交互性和充滿意味的動(dòng)效是這些網(wǎng)站共有的特征，實(shí)驗(yàn)性的新技術(shù)也在許多網(wǎng)站中有所體現(xiàn)。2015年的確是沉淀下來(lái)的一年，曾被瘋狂追捧的扁平化開(kāi)始博采眾長(zhǎng)形成了如今漂亮又不失層次的扁平化2.0，動(dòng)效和微交互在這種風(fēng)格下發(fā)生化學(xué)反應(yīng)，響應(yīng)式和單頁(yè)、柵格式布局也開(kāi)始在融合中找到了新的表現(xiàn)方式。并不激烈的碰撞，讓不同的技術(shù)之間有了新的搭配、融合的方式。新的想法和新的技術(shù)讓移動(dòng)端和桌面端握手言和。2016年更加值得期待了。
