舌尖上的餐饮网页设计是如何炼成的?（第3期）
时间：2023-10-14 13:36:01 | 来源：网站运营
时间：2023-10-14 13:36:01 来源：网站运营
舌尖上的餐饮网页设计是如何炼成的?（第3期）：
★★通过网页看设计 添加星标不错过★★继前两期的网页参考后，我们迎来了第三期网页设计灵感，通过一些群友和粉丝私聊后得知：
大家对餐饮领域的网页作品呼声较高，闲来之余，收集了4款不错的餐饮网站设计作品参考，来看看这方面的网页该如何设计！说到餐饮，你能想到什么？我想肯定是
热气腾腾、热辣辣、酸甜脆爽等等这些关键词，我们经常在餐饮设计里面看到很多都是暖色系，司空见惯了。要知道餐饮业要吸引吃货，不只是在口碑上下功夫，有一个好看又好吃的网站能更好地加速品牌传播。
餐饮网站的作用不仅仅是门面装饰，更是用来传达品牌调性和美食理念，不同的餐饮品类会有不同的特色差异，这些差异也影响着网站的设计走向。简单举个例子，一个素食餐厅，如果在网站上是采用那种“
油腻”“肉感”的画风，这样只会让用户感觉你不专业，没有把握好美食的精髓。所以，餐饮网站设计必须是要匹配美食气质的。例如，日式料理讲求食材
新鲜，清淡，精致，健康，那么在网站设计上，可以走
淡雅极简的路线，或者带点小清新，
展示食材的加工过程，突出自然新鲜的感觉。今天分享几款网页界面设计，和我们见到的餐饮类官网有所不同，站在设计角度来说，
艺术观赏性比较强，设计比较大胆，思维超前，一起来看看~
丸千千代田水产
鱼生寿司海鲜类网站
一个非常有趣的
横屏滑动海鲜鱼生类网页，在以往我们的认知里面网页滚动都是从上到下预览的，而这款网页交互设计可能要颠覆你的认知，它则是
左到右进行展示的。
在滚动的同时页面的一些元素进行错落有致的出现
整体风格以
手绘插画为主，色彩选用海洋蓝为主色，导航为左侧导航，排版布局很有章法考究。
灵感网站↓
http://www.marusen.co.jp/recruit/鱼生刺身料理
极简刺身料理网页设计参考
一款日式料理网站，此网站设计中采用了
大量的留白，以此让界面看起来非常
简洁干净、高雅。除此之外，所有的配图都非常高清，产品配色丰富多彩，在黑白色的衬托下显得很抢吸眼球，主次关系处理的非常巧妙。
你会发现，该站中很多页面和导航则采用了
竖版排列方式，有点类似我们传统文化中的书写方式，这样的排版一下子给页面增添了不少文艺色彩，略显精致！
灵感网站↓
http://www.kagaman.co.jp/Wild Souls少女心爆棚的网页参考
第一次看到有人将果酱类网页做的色彩如此丰富，瞬间感觉满满的少女心爆棚，此款整个网页里面比较喜欢他的
版式和
色彩搭配，我们先来看看这个帅气的首页↓
看到这里你会发现整个页面非常可爱，很多元素都是用手绘完成，色彩亮丽醒目，又不抢整体关系，设计体验挺棒的，其中有个交互细节和大家分享下，我们鼠标移动到可以点击的地方时鼠标则变成了一个小眼睛，被触发的页面会出现一点交互动画，提醒用户已选定当前状态！
下面则是他们的线下店铺，整个品牌设计风格和配色装修高度保持和官网一致
灵感网站↓
https://www.wildsouls.gr/Chocolaphil
极简刺身料理网页设计参考
最后再和大家分享一个
糕点类网站，说实话，初次看到这种网站时感觉不像是做糕点的那种调性，因为首页看着很科技风，有人肯定会误以为是手机或者平板类官网，满屏飞的蛋糕会当成装饰品。
灵感网站↓
https://chocolaphil.com/小 结
网页设计参考学习系列文章已经发了三期内容了，后续还会延续下去，至于大家想找什么样的都可在底部留言或者私信告知！
官宣！壹念视觉PC端官网上线啦！
中国风网页设计，表示无从下手？（第一期）
推荐给设计师看的个人&工作室网页设计（第2期）
在线咨询
