首页 > 网页教程 > 设计分享 > 10个以美食为主题的网页设计案例赏析

10个以美食为主题的网页设计案例赏析

时间:2014-08-30    来源:AnyForWeb

友情提示:减肥者慎入,放毒咯!

美食,无疑是在这个吃货纵横的时代中大家最愿意探讨的话题。厨师满足了我们的味蕾,而设计师也可以用他们的方式为浏览者调制出一种美好的精致和个性,色彩、文字和图片就是他们驾轻就熟的调味品。

AnyForWeb应景的分享一些以美食为主题的网页设计,希望在勾起大家食欲的同时,能为大家带来一些设计灵感。

1.Kettle Cuisne的网站用木质感的大背景作为主要衬托物,和美食的色彩和质感相搭配都恰如其分,体现了一种古朴和惬意的生活情调,宁静、安逸的格调不就是我们向往的生活方式吗?

2.Molly&Me网站使用的设计方法还是相对比较传统的。一张简简单单的高清食物图片、常用字体的网站标题、幽灵按钮和下方干净整洁的导航就构成了网站首页的设计。原来没有过多修饰的食物大图很轻松的就能勾起大家的食欲。

3.这个网站是一个很短的单页式网页,所以在布局上也与常规的网站不太一样。图片在页面中虽然仍然占了很大了比重,但由于其他的部分也一起堆在页面上,不免令人在视觉上觉得有些厚重。在色彩搭配上,设计师运用的还是很合理的,尽量减少了色彩的摄入,让网站看起来不那么繁复。

4.这个网站整体看起来与普通的美食网站没什么区别,但在小细节上又很别出心裁,比如一些小图标和小画框,都用了与网站全局风格相符的cup cake造型元素,让甜蜜和可爱无处不在。

5.Vitalmar是一个充满地中海风情的美食网站,从色彩到格局都显得很有亲和力,并且生活化。食物图片在首页中虽然只有一小部分,但这似乎更能引起浏览者的目光,其余部分也丝毫不会对此有所干扰。

相关推荐
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
视觉设计之材质绘制的色彩理论
网站设计之10个儿童网站分析及设计特点总结
网页配色经验分享:叠柔配色技巧及图解分析
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
分享:网页核心内容对视觉表现的影响
响应式网页设计正成为移动互联网大势所趋
20个超棒的photoshop网页设计教程分享
浅谈界面设计中的结构设计
网站营销活动页面制作过程图文分享
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
仿生设计—让互联网产品更易用
深入分析网页栅格系统的规范制作
分享:360安全桌面主题设计过程及思路总结
网页设计教程分享—能影响观众的网站首页设计10个要点
网页Banner设计的风格、排版以及配色经验分享
国外精彩网页界面设计案例赏析
中文网页设计排版之破格的好例子
30个国外立体动感的视差滚动效果网站欣赏
网页设计教程:关于网页设计的那些事儿
网页设计中使用不对称设计创建不平衡中的平衡
最新Web设计8个趋势:视差滚动 响应式设计等

精彩推荐

热门教程