保持冷靜與設計 : 來自英國最佳網站設計

0
5389

保持冷靜與設計(Keep Calm and…Design)原意可追朔至 1939 年第二次世界大戰開始時英國政府用來鼓舞民眾士氣所製作的宣傳海報標語「保持冷靜,堅持下去(Keep Calm and Carry On)」。用這個古典與現代交織的標語來形容現代英國網站設計實在恰當不過。

英國擁有與生俱來的藝術文化傳承。這個國家不僅有單一思維,融合了英格蘭、威爾斯、蘇格蘭和北愛爾蘭,造就了網站文化方面的多樣性。除了現代、時尚的扁平設計外,也有許多凌亂、裝飾華麗、紋理構件復古的網頁設計。

今天我們就來看看這些繼承聯合王國獨特共生文化的創意者們,怎樣用畫面來訴說他們的故事,展現最他們最獨特的創意思維。

Best United Kingdom Websites

Audience Entertainment

Audience EntertainmentAudience Entertainment 用一種互動影片的方式讓觀眾有一個難忘的故事體驗。不要猶豫,深入研究會發現令人為之讚嘆的場景變化,立即行動好好享受。

Reebok Lookbook

Reebok Lookbook有想過如何展示衣服的設計嗎?Reebok 官網採用一種新型態線上雜誌模式,拍攝一系列夢幻般的運動主題影片,用互動且引人入勝的方式展示他們的產品。

P&Co

P&CoP&Co 是一個神奇的現代化線上商店,進入網站首先映入眼簾的是超大張豪華的攝影照片和導航。透過視覺吸引力,來帶動產品的銷售。

Long Story Short

Long Story Short有時候,不需要特別極端的創意,因為出眾的設計往往一目了然。Long Story Short 就是採用這種簡單的方式,透過精確的排版帶來巨大的收穫。

Live to Change

Live to ChangeLive to Change 用有趣的插畫和引人入勝的故事,將原本人們不感興趣的數據資料巧妙的呈現出來。神奇的是總能吸引訪客「讀」到最後。這也是一個製作線上資訊圖表的優秀典範。

Akqa

AkqaAkqa 是一個整潔的線上產品展示網站。雖然,算不上精緻。但和諧的視覺效果、經典的黑白配色、簡潔而銳利的字體和組織良好的佈局,已經讓它在網路上享譽盛名。

McDonalds McBurger

McDonalds McBurgerMcDonalds McBurger 不僅有可口的照片和神奇的配色。精心製作的投票測驗更是將用戶心思都綁在頁面上。

World Baking Day

World Baking Day另一個與食品相關的網站。使用插圖,向量圖形,加粗裝飾字體和完美的配色,彷彿到了國際烘焙日。讓人垂涎欲滴的可口網站。

Electric Mainline

Electric MainlineElectric Mainline 是一個相當優秀的作品展示網站。光亮半透明的橘色覆蓋了整個螢幕,加上粗重的白色標語,讓人無時無刻都可感受到積極熱情的氛圍。

Lush

LushLush 使用的是網格式的佈局。四方型正確排列的圖片,使頁面易於探索並容易產生愉快的感覺。

British Airways

British AirwaysBritish Airways 設計相當時尚現代化,網站內提供了許多製作精美的影片搭配高質感專業的照片。這家航空公司的網站可以讓人感受到在高空雲端中該有的氛圍。

Mr. President

Mr PresidentMr. President 打破了原本單調均稱的佈局,使用了不太協調的網格模型。如此一來在混亂無序的圖片中,眼珠勢必一定會跟隨著滑鼠的點擊處而更加集中。

Pollen London

Pollen LondonPollen 給人有種專注時尚美感的第一印象。在入口處使用了超大張豪華的迎賓照片,只有 Logo 甚至無需廣告詞。

Riley’s Cycles

Rileys CyclesRiley’s Cycles 是帶有 Grunge 頹廢落拓風格的網站。由於這種搭配 90 年代奇特、迥異的新潮設計,讓網站成為現代另類設計的完美典範。

Clicky Media

Clicky MediaClicky Media 為了說明他們的專業性和傳達其強大的個性團隊,他們使用全螢幕圖片來代替冗長的描述,快速與訪客達成默契與共識。

Sleep Deprivation

Sleep Deprivation網站使用的是傳統插畫說故事方式。但由於奇妙的視覺變化和花哨的動畫,總是能不斷吸引人停下來駐足觀賞。

Paul Mitchell

Paul Mitchell輕巧的左側滑出選單,外加上粗重的字體,高品質的攝影照片以及最少的佈局。設計團隊相當了解界面功能如何獲得現代用戶的青睞。

Geox

GeoxGeox 團隊成功讓觀眾知道他們特殊的想法及如何完美執行。該網站單純為喜愛及熱衷 Web 技術的人提供新靈感及可能性。

We Are e3

We Are e3We Are e3 試圖透過剝離掉一切都可能分散注意力的手段,讓用戶將注意力都集中在他們的作品上。

Digital Bodies

Digital Bodies粗略充滿活力的插畫給網站一個愉快,俏皮的感覺。其餘剩下的,就只能用一切都很簡單,非常有組織,完全精準的設計來形容。

Super-Looper

Super-LooperSuper-Looper 是一個完全互動極具吸引力的網站,在那裡你可以隨意彈奏歌曲。想要讓你的心情嗨一下嗎?那麼花個分鐘給 Super-Looper 吧。

Lyric

LyricLyric 有著豐富的圖像。覆蓋整個螢幕的幾何圖形,使界面看起來美妙。雖然視覺上稍微有點影響,但得益於流暢的滾動方式,所以還不至於嚴重到壓垮閱讀的舒適度。

Classic Cars on the Big Screen

Classic Cars on the Big Screen這個網站,說明了一台經典汽車簡短而閃亮的故事。詳細的向量插畫巧妙地帶動了一些官方的數據,看起來特別有吸引力且非常有趣。

Red’s True BBQ

Reds True BBQ這個美食網站使用斑駁的設計風格和藝術字體為網站增添了許多美感和創意元素。搭配火紅的主色調不知不覺中激起人們對食物的慾望。

Engage

EngageEngage 極富藝術性的手繪背景、簡單的圖片、樂觀的黃色色調、圓滑的 Logo 和精細的排版。彷彿本身就是創造力的催化劑。

Icons Mind

Icons MindIcons Mind 這個網站利用各種方式,展示他們圖標產品的所有優點。網站專業可靠的外觀,勢必可以帶來銷售的增加。