食品网站与学校网站对比

作者：李哲定 时间：2019年4月27日
先开始说起制作食品的过程吧，一开始做的这个食品网站更现在如图这个截然不同的，开始的视频网站排版分工也不明确，字体和字体大小都不统一，图片也是歪歪扭扭的不整齐。然后交上去之后老师说这里有问题那里有问题没有给过关。

随后就跟我说我这个食品网站轮播这里的跳转箭头和这5个椭圆其中选取一个去掉不用，因为这2个代表的涵义都是跳转所以叫我去掉一个（这也是我第一次改动），然后我就去把这个跳转箭头去掉了，留下5个椭圆放置再轮播的下方这样还起到一个交互效果，要是这个banner跳转到该页面椭圆就会随着它的变动而变成红色不在当前的页面就变成白色效果，依次这样交互循环效果。

然后我又去交，老师又没给过，她说顶部栏那个交互首页下面的横线太贴字体了而且长度还超过了字体，还有北京那里小三角形太贴着这个字体了还比较大（这是我第二次改动），然后我又回去改我把它们的间距和大小调了一下感觉差不多就可以了随后我自己又检查了一遍自认为没有问题之后我又去交了。

然后还是没有给过，随后说我这个蛋糕专区丶巧克力专区丶曲奇饼干专区把它们的英文翻译放到下面中文放置到英文的上面，而且英文字体的长度不要过度的超过中午字体，叫我把字体与字体直接的字间距和上下的距离调一下不要太贴的紧这样的话会给人一种压迫感（这是我第三次改动），然后又拿回来改，专区那里的字间距缩放到正100把英文字体缩放到负100然后再把中文和英文互换一下位置把中午放置到上面把英文放置到下面，然后又把物品下面的名称和价格的字间距和行间距给调节了一下，随后我又自己检查了一遍发现图片和字体都没有居中，然后我就把标尺线拉出来对准中心间位置这样就起到一个居中效果，随后我把图片和字体全部左右对齐和居中。

然后我又发现一开始这个蛋糕系列丶巧克力系列丶饼干系列全部都是贴着的没有一点距离感而且还大小不一样，从整体来看这里就感觉太乱了没有吸引力还不好看，然后我就拉标尺线到这里来把它们全部统一缩小，缩小之后再利用标尺线起到一个居中的效果再把左右的距离调试好就可以了，改好之后就感觉没有一开始那样的单调和距离感了看上去就比较有创意性和吸引力。

然后我真的以为接近完美的作品感觉没有任何瑕疵了，我又去交了，然而还是没有过关，老师说这个关于我们这里可以用一个矩形圈住这个区域不然就感觉太空了，然后老师还说我这个了解更多这里可以做一个类似于交互的效果，然后我又回来改（第四次改动），随后我就先改这个了解更多这里然后使用矩形工具圈住它就感觉可以到达一个点击的样子，然后再使用矩形工具把关于我们这块区域圈出来就显得不是那么的空荡荡了。

最后我有认真的参考了一些其他的网站来和我的对比，我发现我这个网站的底部栏内容一点多摆放位置不是很协调，然后我就把底部栏的字体和LOGO全部居中，没用的删减有用的内容放置到上面来，最后再把前后之间的距离调节了一下感觉合适就可以了，这样一来就比较简约清新就好比如国外网站的欧美风格类型了。（最后我去交就过关了）

未改动网站缺陷：
第一点这个网站从整体来看顶部内容太多了看上去密密麻麻的很不舒服，字体颜色不统一大小也不统一，还有这个学校的名称到底是用广东信息科技职业培训学院还是用广信IT学院这让一些不是我们学校的人浏览这个网站产生疑惑。
第两点就是网站的banner太单一还有那个跳转红色和白色搭配不好看，下面的椭圆还多了看上去就会感觉太拥挤。
第三点就是那个关于我们-校园风光全部用菱形不好看而且内容太多了也没有什么设计感还有图片也太模糊看不清楚。
这个网站大多数的问题都是内容太多了，没有什么设计感在里面，而且颜色搭配也不好看，把这个网站缩小了来看全部是文字，还有一些细节问题也不处理的很到位，好像看上去都不像学校官网，看上去让人太紧绷，像一个查找信息之类的官网。
改动网站的优点：
第一点改动之后的网站从整体上来看简介了很多，排版也丰富多样化还带有一些科技感，顶部的内容删减了许多，就留下学院名称和校训，然后我添加了一个学院名称的英文放在学院名称的下面，然后首页栏的内容也简化掉了一些，然后在调一下间距就不显得那么单调和拥挤。
第二点轮播也换成具有科技感的图片了，跳转数量也减少了还做出呼应效果，在这个banner里面还添加了一些字，就不会显那么单调看上去也很舒服。
第三点字体和图片的排版依次按照左右规律来，之后再到公告的下面放置英文翻译，内容不要过度的多，字体还有字体大小和间距给予一个归纳性统一看上去才不会歪歪扭扭，使用者才会觉得好看才会吸引点击进去了解。
第四点顶部的banner就是放置素材图之后再添加一个黑色矩形盖住这个素材图，然后再把黑色矩形的透明图层和填充各调到50就达到透明图层的效果了，然后再到上面制作一个播放，再写上一些字就可以啦，就能到达一种效果，这样就给人一种冲击感。
第五点总体来说我的网站偏向于简约的风格，排版就比较严谨不是那么的花里胡哨，色彩也是偏向于学校风格来制作。

食品网站要是比较爱玩有创意性的人做食品网站好一些，因为比较有创意性的人做出来的网站色感搭配就是比较好的。
而学校网站截然不同，学校网站适合于严谨的人制作，因为颜色和排版就比较严谨不用那么的花里胡哨，色彩也是偏向同色系来制作。