26個(gè)來自英國最優(yōu)秀的網(wǎng)頁設(shè)計(jì)

2015-8-26    博博

藍(lán)藍(lán)設(shè)計(jì)yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里

來源:優(yōu)設(shè)網(wǎng)

the-best-england-website-1

如果你也著迷英倫風(fēng),那么你一定那句耳熟能詳?shù)摹癒eep Calm and Carry On”,這句著名的標(biāo)語可以向上追溯到1939年。隨著英倫風(fēng)在世界范圍內(nèi)的流行和網(wǎng)絡(luò)的快速發(fā)展,這句話也出現(xiàn)了許多變種,比如設(shè)計(jì)師的版本:“Keep Calm and … Design”。這些有趣的文化現(xiàn)象,不僅激發(fā)了英國人的創(chuàng)意,還間接催生了許多優(yōu)秀的英國網(wǎng)站。

作為一個(gè)歷史悠久也獨(dú)具個(gè)性的歐洲國家,英國有著豐富的文化和藝術(shù)遺產(chǎn),如同“Keep Calm and … Design”這樣古典與現(xiàn)代互動(dòng)式的設(shè)計(jì)對英倫設(shè)計(jì)師而言簡直是信手拈來,和諧自然。除了這種獨(dú)特的創(chuàng)意特征之外,英國網(wǎng)站還有一個(gè)獨(dú)到之處:來自英格蘭、威爾士、蘇格蘭和愛爾蘭的藝術(shù)家的緊密合作,將不同地區(qū)的文化藝術(shù)都融合到了網(wǎng)站里面。

那些充滿異域風(fēng)情的優(yōu)秀網(wǎng)頁設(shè)計(jì)
《嚴(yán)謹(jǐn)而浪漫!20個(gè)來自德國最優(yōu)秀的網(wǎng)頁設(shè)計(jì)》
《情迷西班牙!20個(gè)來自西班牙最優(yōu)秀的網(wǎng)頁設(shè)計(jì)》
《時(shí)尚雅致!25個(gè)來自法國最優(yōu)秀的網(wǎng)頁設(shè)計(jì)》

這些天賦異稟的設(shè)計(jì)師走到一起,在厚重的歷史遺產(chǎn)和多元的現(xiàn)代文化中擷取素材,構(gòu)成網(wǎng)站。在這里,你可以看到極為現(xiàn)代的簡約扁平化的設(shè)計(jì),也可以看到截然相反,內(nèi)容飽滿、細(xì)節(jié)豐富而富有質(zhì)感的復(fù)古設(shè)計(jì),還有借助獨(dú)具匠心的動(dòng)效講述故事的單頁網(wǎng)站,交互繁復(fù)視覺炫酷的時(shí)尚站點(diǎn),以及充滿傳統(tǒng)設(shè)計(jì)但是執(zhí)行到位的“英倫老派”網(wǎng)頁設(shè)計(jì)

Audience Entertainment

Audience Entertainment 借助令人側(cè)目的用戶體驗(yàn)設(shè)計(jì)講述故事,為自己的品牌正名。不要猶豫,打開這個(gè)網(wǎng)站去體驗(yàn)?zāi)切┝钊伺d奮的場景設(shè)計(jì),享受瀏覽的樂趣吧。

Reebok Lookbook

想有效促進(jìn)你的服裝設(shè)計(jì)?先看看Reebok是如何創(chuàng)建生動(dòng)直觀的在線Lookbook的,目前展示的是一個(gè)夢幻般的運(yùn)動(dòng)主題視頻。

P&Co

P&CO 是一個(gè)非?,F(xiàn)代時(shí)尚的在線商店,不同于其他同行,P&CO 的網(wǎng)站是視覺設(shè)計(jì)驅(qū)動(dòng)的,基于圖片的全屏導(dǎo)航就能說明它的獨(dú)到之處。

Long Story Short

很多時(shí)候你并不一定非得將設(shè)計(jì)推到某個(gè)以求脫穎而出,很多設(shè)計(jì)的解決方案其實(shí)并不復(fù)雜。這個(gè)名為“長話短說”的網(wǎng)站就是這樣,精心設(shè)計(jì)內(nèi)容,仔細(xì)挑選排版,控制好細(xì)節(jié)就能帶來壓倒性的勝利。

Live to Change

這個(gè)網(wǎng)站的突出之處在于它引人入勝的故事呈現(xiàn),插畫和真實(shí)的圖片、統(tǒng)計(jì)數(shù)據(jù)交織在一起,令人難忘又極為有趣,促使你“讀”到最后。發(fā)人深省的信息被信息圖巧妙地展現(xiàn)出來,每一個(gè)訪客都會(huì)為之動(dòng)容。

Akqa

Akqa是一個(gè)整齊而精妙的在線作品展示站點(diǎn),可以有效地呈現(xiàn)品牌設(shè)計(jì),提升品牌影響力。雖然它看起來沒有其他的許多同類站點(diǎn)那么精致,但是經(jīng)典的黑白配色方案,簡約銳利的字體,以及良好的排版布局絕對是一個(gè)作品展示的優(yōu)秀平臺(tái)。

McDonalds McBurger

如果你是吃貨那么一定不要錯(cuò)過這個(gè)網(wǎng)站!充滿活力的圖形和極為優(yōu)秀的配色方案能讓你胃口大開。網(wǎng)站精心準(zhǔn)備的測試會(huì)促使用戶選擇他們真正喜歡的漢堡,然后逐漸引導(dǎo)他們開始關(guān)注三明治(好吧英國人民在吃的問題上好象還是那么沒有創(chuàng)意)。

World Baking Day

這是另外一個(gè)美食相關(guān)的網(wǎng)站——世界烘培日。借助插畫、矢量圖形和大膽的個(gè)性化裝飾字體與色彩,網(wǎng)站設(shè)計(jì)師無所不用其極地試圖勾起你的食欲。

Electric Mainline

令人驚艷的內(nèi)容展示使得 Electric Mainline 這個(gè)站點(diǎn)充滿了正能量。借助疊加在一起的半透明的橙色和醒目的白色標(biāo)語,網(wǎng)站營造出溫暖的氛圍。

Lush

Lush是一個(gè)基于柵格系統(tǒng)來設(shè)計(jì)的網(wǎng)站,圖片地排列在四四方方的區(qū)塊中,頁面可以輕松適應(yīng)各種屏幕,令人愉悅,頗為好玩。

British Airways

這是英國航空公司的網(wǎng)站,充滿現(xiàn)代氣息的整體設(shè)計(jì),配合精致入微的專業(yè)圖片,讓你在網(wǎng)站上找到云層之上的體驗(yàn)。

Mr. President

這個(gè)網(wǎng)站打破了傳統(tǒng)意義上大家所熟知的網(wǎng)站布局,在扁平化的非對稱的結(jié)構(gòu)中,充分運(yùn)用各種抓人眼球的元素,實(shí)際上可以說是亂中有序,非常值得學(xué)習(xí)。

Pollen London

當(dāng)你大開Pollen London的時(shí)候,你會(huì)清楚地意識(shí)到這個(gè)網(wǎng)站所有內(nèi)容都是圍繞著時(shí)尚之美來的。清晰時(shí)尚的大圖在你打開網(wǎng)站的第一刻歡迎你的到來,充滿識(shí)別度的品牌展示,這一切都為整個(gè)網(wǎng)站定下了基調(diào)。

Riley’s Cycles

Riley’s Cycles 這個(gè)網(wǎng)站簡直是現(xiàn)代Grunge風(fēng)網(wǎng)頁設(shè)計(jì)的典范,略顯怪異的組合簡直將個(gè)性和質(zhì)感推到了。

Clicky Media

為了表現(xiàn)團(tuán)隊(duì)的專業(yè)性和強(qiáng)烈的個(gè)性,Clicky Media選擇放棄又臭又長的宣傳語,而是采用三個(gè)全屏大圖來展現(xiàn)他們的三個(gè)特征,說服你“將自己設(shè)定在和他們相同的頻率”。

Sleep Deprivation

要講好故事,網(wǎng)站的交互模式其實(shí)有很多成功的案例可以學(xué)習(xí)。這個(gè)網(wǎng)站就采用了按鈕+滾動(dòng)的方式來進(jìn)行交互,奇妙的插畫和好玩兒的小動(dòng)畫為你展現(xiàn)了這個(gè)故事的全部細(xì)節(jié)。

Paul Mitchell

網(wǎng)站的菜單使用了目前流行的漢堡菜,大膽的排版、高品質(zhì)的照片和極簡風(fēng)的布局,設(shè)計(jì)團(tuán)隊(duì)明顯拿捏好了當(dāng)今用戶的口味。

Geox

網(wǎng)站設(shè)計(jì)讓人眼前一亮,難能可貴的是執(zhí)行性也非常優(yōu)異。如果你想了解時(shí)下流行的或者處于前沿的網(wǎng)頁開發(fā)/設(shè)計(jì)技術(shù),那么這個(gè)站可能會(huì)讓你有更多想法。

We Are e3

網(wǎng)站試圖剝離所有令你分心的因素,讓你完全專注于網(wǎng)站展示的內(nèi)容。

Digital Bodies

略顯拙稚的插畫賦予網(wǎng)站令人愉悅而俏皮的體驗(yàn),淡化了嚴(yán)肅的氣氛。剩余的部分也非常簡單直觀,內(nèi)容組織嚴(yán)密也非常準(zhǔn)確。

Super-Looper

Super-Looper這個(gè)網(wǎng)站交互性很強(qiáng),非常吸引人,讓你和音樂進(jìn)行互動(dòng)。給網(wǎng)站幾分鐘,它能讓你徹底High起來。

Lyric

網(wǎng)站包含了豐富的圖片,但是得益于良好的優(yōu)化,網(wǎng)站瀏覽流暢,不會(huì)對用戶產(chǎn)生負(fù)擔(dān),以多彩幾何結(jié)構(gòu)覆蓋屏幕,看起來頗為美妙。

Classic Cars on the Big Screen

信息化的項(xiàng)目越來越多。這個(gè)網(wǎng)站通過插畫展諸多經(jīng)典老爺車,加上關(guān)于這些經(jīng)典款車型的故事,配合官方的數(shù)據(jù)。在這個(gè)網(wǎng)站可以漲姿勢還能學(xué)設(shè)計(jì),一次滿足你兩個(gè)愿望。

Red’s True BBQ

這也是一個(gè)Grunge風(fēng)的網(wǎng)站,不同的設(shè)計(jì)元素和藝術(shù)字體配合在一起,讓整個(gè)頁面更富有創(chuàng)意,也更加美觀。紅色是網(wǎng)站的主色調(diào),也非常能刺激人的食欲。

Engage

Engage網(wǎng)站使用它極富藝術(shù)性的手繪背景,細(xì)膩的圖標(biāo),流暢的排版,黃色主色調(diào)和手繪的圖形來催發(fā)創(chuàng)意。

Icons Mind

這是一個(gè)頗為專業(yè)的圖標(biāo)設(shè)計(jì)網(wǎng)站,網(wǎng)站通過各種不同的方式,揭示了不同LOGO設(shè)計(jì)的利弊。

結(jié)語

英國人常常給人傳統(tǒng)古板的感覺,但是今天的英國設(shè)計(jì)師所設(shè)計(jì)的網(wǎng)站已經(jīng)少有完全走傳統(tǒng)風(fēng)格的了,新的技術(shù)和新的解決方案讓網(wǎng)頁設(shè)計(jì)更加現(xiàn)代,也具備了更多的可能性。接下來,你想看到哪個(gè)國家設(shè)計(jì)師的網(wǎng)頁作品呢?

【一切都是為了高大上!】

 

日歷

鏈接

個(gè)人資料

存檔