藍(lán)藍(lán)設(shè)計(jì)( www.shtzxx.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來(lái)源：優(yōu)設(shè)網(wǎng)

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

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

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

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

Audience Entertainment

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

Reebok Lookbook

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

P&Co

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

Long Story Short

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

Live to Change

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

Akqa

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

McDonalds McBurger

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

World Baking Day

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

Electric Mainline

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

Lush

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

British Airways

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

Mr. President

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

Pollen London

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

Riley’s Cycles

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

Clicky Media

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

Sleep Deprivation

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

Paul Mitchell

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

Geox

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

We Are e3

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

Digital Bodies

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

Super-Looper

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

Lyric

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

Classic Cars on the Big Screen

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

Red’s True BBQ

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

Engage

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

Icons Mind

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

結(jié)語(yǔ)

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

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