咖啡类网页设计基本思路

Author: Chris Song

出海远航看灯塔,行业钻研看龙头。优秀的企业懂得从更优秀的公司中学习对自己企业成长有帮助的东西。当我们接到一个关于咖啡类网站设计任务时,我们会不会想到先找行业老大的网站看看,多调研一些咖啡品牌网站建设状况了解行业特征?


咖啡类网页设计基本思路


说起咖啡品牌,我想很多人都马上想到星巴克。星巴克官网的建设,不同时期,网站设计策略不同。


咖啡类网页设计基本思路



咖啡类网页设计基本思路


星巴克从一个小店发展到如今的规模和影响力,品牌官网经历了多次的升级。现在在线版的有一个很重要的特征,就是对于贴心slogan的完美呈现以及菜单的设计。这个网站的最大胆设计的地方,就是左侧把一个位置空出来给slogan和menu留位。大家可是试想一下,通常我们对于slogan摆放的位置,以及菜单是否是一开始折叠,点击后才展开这样一个交互逻辑?



说起咖啡类的品牌,国内外有很多个,之前我们素马也做过这方面的详细调研。今天只针对小品牌的网站设计进行分析。


咖啡类网页设计基本思路之一——行业特征


咖啡类网页设计,很注重网站给用户的氛围,看了有欲望。跟美食食材行业有相似之处。而这种行业特征的表现技巧和策略,主要是通过界面的艺术化处理,把细节呈现做到位。


咖啡类网页设计基本思路


咖啡类网页设计基本思路


咖啡类网页设计基本思路之二——似乎都在走扁平风


扁平化风格在咖啡类网页中也有大量体现。这样设计的思路主要是为了让主图更加突出,内容更加清晰易读。


咖啡类网页设计基本思路


咖啡类网页设计基本思路


咖啡类网页设计基本思路


咖啡类网页设计基本思路


咖啡类网页设计基本思路之三——焦点图的重点打造


一图胜千言。做好一张焦点图,网站已经足够出彩了。结合简约的网站版式和框架,花更多心思在构图上。让界面的图片更有故事情节。当然这个图片的拍摄也是很有讲究的。我们素马之前提到过,餐饮、食材、室内植物类的官网,产品图片的拍摄角度可以尝试着俯视角度拍摄,效果更佳。


咖啡类网页设计基本思路


咖啡类网页设计基本思路


咖啡类网页设计基本思路


喝咖啡跟喝茶一样,是一种生活习惯,也是一种文化。当你拿到一个咖啡品牌网站设计任务时,你可以当作一种情怀来设计,充分运用咖啡的行业特征及网页设计的基本原则,在网站细节表现方面,尝试一些富有质感的纸质纹理、一些手绘的插图元素来装饰,从大的场面到具体的一个按钮细节,都在打造一种咖啡独有的文化和网页界面作品。

相关阅读