任何一个具有创意的网页设计方案，都会把目光聚焦在布局和色彩搭配上。这个餐饮o2o网站独特的地方，就是在用户界面上推出了各种吸引眼球的甜点冰淇淋。网站设计有一个终极目标，介绍鼓励用户去点击、去操作。这些操作行为包括注册或者查询内容等。大量的文字描述会给人一种沉闷的感觉，这个餐饮网站通过大量的食品图片加上少量的注释，很好的解决了这一问题，“我们的食物有多好吃，不用多说，看图就知道了！”

上面我们说到 media queries 可以帮助我们定义不同尺寸设备上的内容显示，那么我们只需要在我们现有的样式中增加针对特定内容在特定设备或者尺寸的样式即可，当元素的宽度超过屏幕的宽度时我们的内容就会出现水平可滚动的效果，类似下面这种效果同样高度也会出现类似的情况，但是一般从网页交互和用户体验的角度来考虑，我们不会对特定的高度做限定，因为网页的内容是自上而下滚动的，高度可以自由延展。

不同的风格类型，也会影响着色彩搭配。色彩中的冷暖深浅，都会影响着整间房间的装修效果。这是一个很基本的法则。软装设计师都知道60：30：10，主色彩是60%的比例，次要色彩是30%的比例，辅助色彩是10%的比例。选择配色方案，一般两种选择。一种是补色的搭配，一个是叫类色搭配。学过美术都知道，色盘上面，两个颜色相对的就是补色的搭配，类似的颜色就是类色搭配。在做室内设计的时候，好是在室内寻找一个比较突出的饰品，哪怕是一个配饰。