Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

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

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

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

Audience Entertainment

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Reebok Lookbook

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

P&Co

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Long Story Short

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Live to Change

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Akqa

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

McDonalds McBurger

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

World Baking Day

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Electric Mainline

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Lush

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

British Airways

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Mr. President

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Pollen London

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Riley’s Cycles

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Clicky Media

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Sleep Deprivation

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Paul Mitchell

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Geox

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

We Are e3

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Digital Bodies

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Super-Looper

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Lyric

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Classic Cars on the Big Screen

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Red’s True BBQ

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Engage

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

Icons Mind

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

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

結(jié)語

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

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

霸氣側(cè)漏,細(xì)節(jié)到位:
《重劍無鋒大巧不工!20個帥氣利落的影視劇網(wǎng)站設(shè)計》

氣象萬千,美輪美奐:
《視覺盛宴!一組美不勝收的好萊塢經(jīng)典電影網(wǎng)站設(shè)計》

雅致華美,美艷無方:
《讓你喜歡讓你愛!20款效果驚艷的產(chǎn)品宣傳網(wǎng)站》

原文地址:designmodo
優(yōu)設(shè)譯者:@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯,請尊重版權(quán)和譯者成果,轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接,違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計微博:擁有粉絲量91萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

Keep Calm & Design!26個來自英國最優(yōu)秀的網(wǎng)頁設(shè)計

收藏 7
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。