藍(lán)藍(lán)設(shè)計(jì)( www.bouu.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)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

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

如果你也著迷英倫風(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)站。

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

那些充滿異域風(fēng)情的優(yōu)秀網(wǎng)頁設(shè)計(jì)：
《嚴(yán)謹(jǐn)而浪漫！20個來自德國最優(yōu)秀的網(wǎng)頁設(shè)計(jì)》
《情迷西班牙！20個來自西班牙最優(yōu)秀的網(wǎng)頁設(shè)計(jì)》
《時尚雅致！25個來自法國最優(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ú)具匠心的動效講述故事的單頁網(wǎng)站，交互繁復(fù)視覺炫酷的時尚站點(diǎn)，以及充滿傳統(tǒng)設(shè)計(jì)但是執(zhí)行到位的“英倫老派”網(wǎng)頁設(shè)計(jì)。

Audience Entertainment

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

Reebok Lookbook

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

P&Co

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

Long Story Short

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

Live to Change

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

Akqa

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

McDonalds McBurger

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

World Baking Day

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

Electric Mainline

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

Lush

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

British Airways

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

Mr. President

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

Pollen London

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

Riley’s Cycles

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

Clicky Media

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

Sleep Deprivation

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

Paul Mitchell

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

Geox

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

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這個網(wǎng)站交互性很強(qiáng)，非常吸引人，讓你和音樂進(jìn)行互動。給網(wǎng)站幾分鐘，它能讓你徹底High起來。

Lyric

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

Classic Cars on the Big Screen

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

Red’s True BBQ

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

Engage

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

Icons Mind

這是一個頗為專業(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)代，也具備了更多的可能性。接下來，你想看到哪個國家設(shè)計(jì)師的網(wǎng)頁作品呢？

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