食品网站和学校网站设计区别于总结

                              食品网站和学校网站设计区别于总结

一．食品网站
食品网站可以设计添加很多的设计，颜色可以设计成很多种颜色。排版多样式，设计感比较强。
二．学校网站
学校网站不能添加过多的设计，颜色不可以设计成丰富化，排版比较严谨，不能有过多的设计和颜色，设计感比较弱。
1.食品网站的顶部和学校网站
食品网站

食品网站的背景颜色偏向于比较食欲，一般都是偏向于少女心，颜色一般都是一些清新，可爱，时尚，高尚，漂亮。它的排版里必须要有充足的设计。
我这个食品网站的顶部导航栏，用了我自己设计的LOGO，添加了叠加的效果，这个LOGO了我们一个高尚的感觉，这个LOGO也代表我店是买什么食品。店名用中文和英文的搭配，给了我们一个时尚的感觉，其他它些文字就没有用到了过多的设计。它的这个轮播，我的设计偏向于美食上的颜色，还有它的轮播的圆，我给了个描边曲线，这会让这个轮播变得更有设计感，下面那个矩形和文字是提醒顾客们，我们的食品要涨价了，让他们抓紧时间买，这里我用到了一个铃铛，这个我说不出他它的设计在哪里。下面这里，这个圆角矩形要填充色和描边，描边采用了渐变，这会给顾客一个时尚的感觉，再加了一个卡通人物，这又给顾客一个可爱的感觉。下面那个矩形添加到哪里只是让这个网站，感觉没有那么空荡，也是一种设计。下面我这个的背景颜色，是在蛋糕上的颜色，比较于偏向于少女心的颜色。再加了个卡通人物，又比较可爱。食品图片上加了一些星星形状和四边形，这只是让图片没有那么单调。字体只用了微软雅黑，因为有些人看其它字体会很费力。那三个矩形只是让页面没有那么单调。下面用到了食品的图片当作活动，这个设计只是宣传这个图片上食品，让更多人知道。底部我没有用过多的设计，和其它网站差不多。

2.学校网站

学校网站的背景颜色一般都是严肃的，不像食品网站那样丰富多彩。学校网站一般都是排版严谨，不需要太多的设计。颜色和设计不能做的花丽呼少。顶部的背景颜色，我用白色，因为这样做，看起来比较舒服。我这个网站顶部没有用到设计，顶部内容我是尽量少做，这样看起来比较舒服，导航栏这里的圆角矩形，我做了一点点的设计，颜色我用是深蓝色，因为学校文网站一般都是很严肃的，所以我用了个深蓝色。那个小的圆角矩形，我用了渐变，就连渐变的颜色我都采用了很严肃的颜色。这里设计高校网站里想出来的，我看了20张高校网站，就是没有看到这里用渐变的，所有我打破常规思路。导航文字的颜色，，我选择了白色，因为白色于什么颜色都能搭配，还有颜色我尽量少用其它颜色。排版要把它们的字间距一样宽。这个轮播图片，我用了个能与我下面的浅蓝色能搭配，我没有用添加过多的设计，只是用了三个矩形。下面这里，我用钢笔工具画了六条波浪线分别放在两边，颜色用了个浅蓝色，我想做一个以蓝色为主色调。又用椭圆工具在中间做了点设计，颜色比刚刚那个波浪线颜色要深一点，外边的那四个小圆，我给它调了个羽化，在把“学校特色”放在刚刚做的那个椭圆上。这里图片的摆放没有添加设计，我在第一张图片左下角做了一点设计，用了个黑色矩形，把透明度调一下，然后在上面添加一个“校训”白色。因为想来读书的，他们会了解学校的规章制度。图片下面的文字，没有怎么设计，就是以图片的中心，来摆放的，下面矩形和文字也是一样的。下面这里我用到了两个矩形，一个是白色，另一个是浅蓝色。我这样做让着两个矩形的颜色形成对比色，把白色的那个矩形添加一点设计，用椭圆创建剪切蒙版，椭圆颜色是在那个浅蓝色矩形上吸取的。这样做可以让这两个矩形形成很强的对比。我做了两个圆角矩形做了一点设计，就和导航栏那里那个圆角矩形一样的，只是颜色不同。白色矩形那边的圆角矩形用浅蓝色，浅蓝色那边用白色。只是让这两个矩形形成一个对比，还有让它们形成互补色。然后分别把这两段文字添加到圆角矩形上“师资力量”“教学环境”。
然后把两张图分别片放在两个矩形上，都是靠左排，再添加一些来衬托这个图片。再到下面用圆角矩形，颜色：一个白色，一个浅蓝色。来衬托下面的文字。下面那四个矩形，颜色只有两种，将它们排列成左浅蓝色右白色，下面的两个据形排列左白色右浅蓝色。这是一个视觉设计。矩形里的文字，把每一个间隔相同，文字大小相同，排列相同。这是文字排版的要求。在这四个矩形的中间添加两段文字，这样就不会感觉没有那么空荡。尾部我没有怎么去