来源:网络 作者:佚名
音乐可以穿越时光，而美食可以跨越国界，它们和好设计一样，都无需语言来赘述。在过去的几年中，那些设计优秀的餐馆、酒吧类网站开始抓住更多设计师的眼睛和吃货的胃，成了“唯有爱与美食不可辜负”的真实注脚。
新鲜精致的美食与优雅的环境无缝融合，搭配的字体和色彩让你的饥饿感止不住地翻涌起来，你的胃口和情绪会被这些精心设计的网站完全调动起来。优设曾经发过设计优异的美食和美酒类的网站，今天我们来看看这类网站的另外一个重要分支：咖啡类网页设计。
在美国，平均每个人每年会喝500~700杯咖啡，在中国虽然远达不到这个数目，但是整个开发行业正在以每年15%的速度告诉增长，作为设计师的你，想必也没少在咖啡馆中流连吧？咖啡文化的内涵和外延都非常丰富，不同档次的咖啡迎合着不同的消费群体，周边极为丰富，千奇百怪的咖啡馆更是令人应接不暇，所有的这些元素使得咖啡类的网站从来都不会单调，哪怕是千篇一律的咖啡豆+咖啡杯在设计的加持之下，能创造出无限的可能。
下面我们一起来看看这些网站，看看它们是如何在屏幕上为你创造出缱绻的氛围。
Coffee Beans Delivered
和时下流行的美食类网站近似，现代而时尚的风格，配合着颇为艺术化的细节处理，带有Grunge风格的图文混拍让页面丰满而富有质感，图片虽然多，但是视觉中心突出，图片和图章的组合是这类网站常见的特色，尽管常见，但是确实逼格满满。
Caffe Cimo
网站的设计师将大气的图片和流行的扁平风组合到一起，清爽的背景图有细节有景深，使得前景的内容呈现得更加清晰易读，最重要的是，这样的搭配使得网站氛围极其到位，值得收藏学习~
Second Cup
这个名为Second Cup 的网站整体配色走的浅色系路线，干净清爽的背景也使得网站的精心打磨的布局颇为突出，，加上咖啡类网站必备的图章设计，从细节到氛围一次都搞定了~
Jacu
一图胜千言，所以Jacu的设计师打算用大量美图来呈现他们的咖啡。左下角独特的矩阵式图片导航可以让你快速定位到不同的图片，那些精美的展示图足以让你直观感受到这个品牌的精致与细腻。有意思的是，他们依然准备好了足够的文字说明。点击左下角的+号，图片变为背景，并且加上了半透明的黑色蒙板，文字说明浮现，和谐而对比明显，保证可读性也营造了氛围。
SCR
SCR的网站设计同样时尚精致，扁平+大图的模式。不同于其他网站的地方在于，设计师融入了许多几何元素（正方形、三角形、菱形等），这些图形散落在页面的各个角落，让页面更丰富，又不会喧宾夺主。
Where Does Coffee Come From?
美图和故事永远是最抓人的，而这个网站就是以故事的形式为你讲述咖啡是从哪里来的。扁平风的插画+视差滚动效果+引人入胜的故事，并不新颖的手法创造出令人难忘的网页，大抵就是如此了。
De la Paz
独特的背景图是De la Paz 这个网站的标志性特征，不同系列的产品被精心摆放呈现在图片中。作为一个电商网站，美图就是生产力！
