通过自身的菜品和轻食的概念打造出一个有趣新颖的美食网站，把餐厅的核心价值呈现给大家。在网站界面设计中，以传播轻食主义的观念和餐厅特有的功能性相互结合，设计一套属于餐厅自己的网站界面设计。如何摒弃传统网站的框架，利用手绘和别出心裁的交互打造出一个活泼生动的情境化网站是我本次毕业设计的研究目的和意义所在。

1  项目背景及前期调研

1. 1 “轻食主义”的由来及如何轻食

    “轻食主义”初始定义是指分量少而且容易吃饱的食物。其实“轻食”一说，最早是从欧洲而来的。在法国，午餐的“Lunch”正具有轻食的意。此外，常被解释为餐饮店中快速、简单食物的“Snack”，也是轻食的代表字眼之一。轻食主义强调的是简单、适量、健康和均衡。每日饮食所摄取的食物种类尽量符合基本的三低一高原则（低糖分、低脂肪、低盐分、高纤维），以低热量的食材取代大鱼大肉，再搭配烫、蒸、炖、煮等简单健康的烹饪方式，不再把进食简单地理解为满足口福之欲的享乐。

     因为轻食主义者的最终目的在于健康而非减肥，所以要循序渐进，长期坚持。轻食是摄取高纤维的粗粮、蒸煮的肉类以及新鲜蔬菜（如图）。食用时应该注意搭配，每天选择不同的食材，避免太过单调。像胡萝卜、茄子、彩椒、南瓜等色彩鲜艳的蔬菜所含维生素较丰富，而根茎叶类的蔬菜则含有较多的纤维。再搭配一些乳制品和动植物蛋白，既能满足人体每天需要的能量，又有效地控制总热量的摄入。

1.2轻食餐厅网站现状

在进行设计前，我准备寻找沪上几家点评较高的轻食餐厅的网站进行调研考察源Z自+优尔/文%论,文]网[www.youerw.com，想研究每个餐厅网站的风格和菜谱。但是发现它们几乎很少有自己的官网，于是无奈又另外寻找了几家国外轻食餐厅的网站进行分析。了解到更多关于轻食的知识，并对于这些网站的缺陷和功能性进行了分析。

这些网站大多都显得死板无趣，整体上用了大篇幅的页面来做餐厅介绍，表现形式单一过于局限于框架式的排版缺少设计美感，而且忽视了核心轻食概念的传播，特别是在功能和交互上没有引人注目的技术。有了这些优劣对比，对于后续的网站风格及整体界面设计有了更好的想法和突破。以下是几个网站的截屏和分析，可以看出网站大多想用高清诱人的食物来吸引消费者，交互形式较少，用户很难真正融入其中，只能作为一名观赏者。

 这是一家在上海宛平路弄堂里的轻食餐厅Sunday Brunch的官网，网站被分为门店，产品，动态及联系四大板块。进入内页可以看到类似电商的排版，虽然有精致的菜品和门店的实拍图，但是光图片加上简单的文字介绍毫无视觉层次感。类似的页面排版使得板块之间没有明确的划分，也没有重点突出。网站缺少功能性，只有单纯的展示作用