音樂(lè)可以穿越時(shí)光，而美食可以跨越國(guó)界，它們和好設(shè)計(jì)一樣，都無(wú)需語(yǔ)言來(lái)贅述。在過(guò)去的幾年中，那些設(shè)計(jì)優(yōu)秀的餐館、酒吧類網(wǎng)站開始抓住更多設(shè)計(jì)師的眼睛和吃貨的胃，成了“唯有愛與美食不可辜負(fù)”的真實(shí)注腳。
新鮮精致的美食與優(yōu)雅的環(huán)境無(wú)縫融合，搭配的字體和色彩讓你的饑餓感止不住地翻涌起來(lái)，你的胃口和情緒會(huì)被這些精心設(shè)計(jì)的網(wǎng)站完全調(diào)動(dòng)起來(lái)。優(yōu)設(shè)曾經(jīng)發(fā)過(guò)設(shè)計(jì)優(yōu)異的美食和美酒類的網(wǎng)站，今天我們來(lái)看看這類網(wǎng)站的另外一個(gè)重要分支：咖啡類網(wǎng)頁(yè)設(shè)計(jì)。
在美國(guó)，平均每個(gè)人每年會(huì)喝500~700杯咖啡，在中國(guó)雖然遠(yuǎn)達(dá)不到這個(gè)數(shù)目，但是整個(gè)開發(fā)行業(yè)正在以每年15%的速度告訴增長(zhǎng)，作為設(shè)計(jì)師的你，想必也沒少在咖啡館中流連吧？咖啡文化的內(nèi)涵和外延都非常豐富，不同檔次的咖啡迎合著不同的消費(fèi)群體，周邊極為豐富，千奇百怪的咖啡館更是令人應(yīng)接不暇，所有的這些元素使得咖啡類的網(wǎng)站從來(lái)都不會(huì)單調(diào)，哪怕是千篇一律的咖啡豆+咖啡杯在設(shè)計(jì)的加持之下，能創(chuàng)造出無(wú)限的可能。
Coffee Beans Delivered
和時(shí)下流行的美食類網(wǎng)站近似，現(xiàn)代而時(shí)尚的風(fēng)格，配合著頗為藝術(shù)化的細(xì)節(jié)處理，帶有Grunge風(fēng)格的圖文混拍讓頁(yè)面豐滿而富有質(zhì)感，圖片雖然多，但是視覺中心突出，圖片和圖章的組合是這類網(wǎng)站常見的特色，盡管常見，但是確實(shí)逼格滿滿。
Caffe Cimo
網(wǎng)站的設(shè)計(jì)師將大氣的圖片和流行的扁平風(fēng)組合到一起，清爽的背景圖有細(xì)節(jié)有景深，使得前景的內(nèi)容呈現(xiàn)得更加清晰易讀，最重要的是，這樣的搭配使得網(wǎng)站氛圍極其到位，值得收藏學(xué)習(xí)~
Second Cup
這個(gè)名為Second Cup 的網(wǎng)站整體配色走的淺色系路線，干凈清爽的背景也使得網(wǎng)站的精心打磨的布局頗為突出，加上咖啡類網(wǎng)站必備的圖章設(shè)計(jì)，從細(xì)節(jié)到氛圍一次都搞定了~
Jacu
一圖勝千言，所以Jacu的設(shè)計(jì)師打算用大量美圖來(lái)呈現(xiàn)他們的咖啡。左下角獨(dú)特的矩陣式圖片導(dǎo)航可以讓你快速定位到不同的圖片，那些精美的展示圖足以讓你直觀感受到這個(gè)品牌的精致與細(xì)膩。有意思的是，他們依然準(zhǔn)備好了足夠的文字說(shuō)明。點(diǎn)擊左下角的+號(hào)，圖片變?yōu)楸尘?，并且加上了半透明的黑色蒙板，文字說(shuō)明浮現(xiàn)，和諧而對(duì)比明顯，保證可讀性也營(yíng)造了氛圍。
SCR
SCR的網(wǎng)站設(shè)計(jì)同樣時(shí)尚精致，扁平+大圖的模式。不同于其他網(wǎng)站的地方在于，設(shè)計(jì)師融入了許多幾何元素（正方形、三角形、菱形等），這些圖形散落在頁(yè)面的各個(gè)角落，讓頁(yè)面更豐富，又不會(huì)喧賓奪主。
Where Does Coffee Come From?
美圖和故事永遠(yuǎn)是最抓人的，而這個(gè)網(wǎng)站就是以故事的形式為你講述咖啡是從哪里來(lái)的。扁平風(fēng)的插畫+視差滾動(dòng)效果+引人入勝的故事，并不新穎的手法創(chuàng)造出令人難忘的網(wǎng)頁(yè)，大抵就是如此了。
De la Paz
獨(dú)特的背景圖是De la Paz 這個(gè)網(wǎng)站的標(biāo)志性特征，不同系列的產(chǎn)品被精心擺放呈現(xiàn)在圖片中。作為一個(gè)電商網(wǎng)站，美圖就是生產(chǎn)力！
My First Coffee
如果你是咖啡的資深愛好者，如果沒有什么比咖啡香更能提神，如果你的每天都是從一杯香濃的咖啡開始的，那么這個(gè)網(wǎng)站你一定不要錯(cuò)過(guò)，它就是為你所定制的。這個(gè)網(wǎng)站是典型的以干貨內(nèi)容為主，甚至連圖片和圖形都不多。但是這正好符合你的需求，不是么？
My Coffee My Barista
這個(gè)網(wǎng)站的獨(dú)到之處就在于紋理、擬物插畫/圖形和手寫風(fēng)的字體，所有元素緊密地排列在頁(yè)面上，模擬出咖啡館中獨(dú)有的手繪菜單的樣子，不同尋常，但是絕對(duì)的有逼格~
Icons4Coffee
不同于其他網(wǎng)站，這個(gè)網(wǎng)站是一套名為“Icon4Coffee”的圖標(biāo)合集的官方站點(diǎn)，宣傳語(yǔ)是“這是一套飽含咖啡因的圖標(biāo)集”，足以見得設(shè)計(jì)師是個(gè)資深咖啡控。如果你需要咖啡相關(guān)的圖標(biāo)，來(lái)這里就對(duì)了。
Café Cuba
這是獻(xiàn)給開發(fā)者和極客的一個(gè)咖啡網(wǎng)站，經(jīng)典的字符頁(yè)面和復(fù)古的字體，能讓每個(gè)高齡IT從業(yè)者情懷滿滿。這個(gè)網(wǎng)站的交互方式原始而經(jīng)典，但是這就是情懷，不是么？
Pablo and Rusty’s
這個(gè)網(wǎng)站同樣采用了相對(duì)經(jīng)典的圖文搭配方式，導(dǎo)航欄使用了簡(jiǎn)約的圖標(biāo)來(lái)引導(dǎo)用戶，營(yíng)造了充滿活力的氛圍，引誘你點(diǎn)擊。
Coffee Surfing
這個(gè)網(wǎng)站是為全世界咖啡愛好者而設(shè)的，你在這里能看到他們和咖啡結(jié)緣的故事，耐人尋味，發(fā)人深省。
Ooze
咖啡和工作空間的圖片總是讓人百看不厭，兩者結(jié)合更是如此。這個(gè)網(wǎng)站借助這樣的圖片營(yíng)造出現(xiàn)代而時(shí)尚的氛圍，令人喜愛。
The Bagel Bar Coffee House
網(wǎng)站配色基本全是取自咖啡，黑白灰和棕色。黑色和白色一樣，都能凸顯內(nèi)容，這也是為什么網(wǎng)站上那些食物是如此的醒目。作為餐飲類網(wǎng)站，這種配色似乎偏門了點(diǎn)，但是實(shí)際效果很不錯(cuò)哦。
Little Cove Coffee
設(shè)計(jì)師在構(gòu)建網(wǎng)站的時(shí)候，加入了富有質(zhì)感的紙質(zhì)風(fēng)格的背景和質(zhì)樸的外觀，加上手寫字體和立得拍照片的元素，從細(xì)節(jié)到風(fēng)格都力圖創(chuàng)造出“咖啡館”的感覺。
渝公網(wǎng)安備 50010802001760號(hào)
