网页设计总结

这个网站是我在学习的积累里面一步步做好的，比如说一开始的我甚至连排版都不会，什么颜色的搭配也不懂，但是在一步步的实践中，我知道了该怎么做，怎么做会更好，在一步步的实践里面，我把这个网页首页慢慢的做了出来，从一开始的字体杂乱的，这个字体那个字体交错，什么字体都往上面放，到现在的基本上字体都是一种，从一开始的字放的歪七八扭，再到现在的井井有条，从一开始的字大小不一，到现在的字大小相同，我从一个萌新到一个熟练的人，这一步步都是学习过来的，做这个网页首页我花费了很多时间来改，也请教了别人，让别人来指出那里的不足，一开始这个网页首页的美感一点都没有，就感觉我只是把他做出来的，根本没有一点美感可言，我慢慢的改，把他从图片的方方正正变成了圆角矩形，让他好看了一点，不至于那么生硬，把字的大小一点点的调整，让他让人感觉刚刚好，大一点不好看，小一点不行的感觉。在颜色这个上面我也花费了不少，一开始我的颜色都是乱调的，一点规格都没有，在朋友的意见下，我觉得水果网页和橙色比较搭配，然后我就慢慢的改，把那些可以放橙色的，放上去很好看的地方改成了橙色，接着把logo做了出来给他上了一个背景，背景色也是橙色，上好了就把搜索栏做了出来，一开始搜索栏放的不是一个放大镜，后面觉得太单调了，就把他换成了一个icon，接着做了一个滑轮栏，放上几张图片，给图片放上每个图片的小圆点，后面给水果做了一个分类，把分类点击到进口水果这里，接着在下面放了一些进口水果的信息，让客人们观看，接着为了让客人们买，我给他打了一下折，把打折之前的参考价写出来划上一条横线，化好横线之后把活动价放在下面的位置，放好之后把活动价的价钱用大一号的字打出来，然后为了和整个界面搭配，给他上了橙色。上了橙色之后，我做了一个立即购买的点击栏，一开始做的很大，觉得不怎么搭配，所以把他做的小了一点，然后把字的大小调整了一下，而后把橙色的矩形也给做小了一点，接下来是背景，一开始我的背景是青色的而且很明显，到后面我就把他的色彩平衡和色彩饱和度调整了一下，最后因为太明显了。整体上不好看，所以我就把透明度调的低一些。这个网页首页就是这样做出来的，从一开始的杂乱无章，到现在的井井有条，让我明白了，做什么东西一定要保证良好的心态去做，只要你认真做，只是时间多一点而已。

首先这是学院官网和已经改好的图片的对比，相比学院密密麻麻的字，可以说我改了之后的可以完虐了，在改这个的时候我写了一下简单的整改过程，过程是这样写的，首先在这个IT学院排列这里我感觉太乱了，如果是我的，我都不会去看的，我们只需要把重要的给留下来，比如说学院的logo和学院名字还有学院的校训这些留下来就可以了。
第二，首页这些这些放在那里总是感觉不太好，我觉得应该把首页那项目栏做成一个矩形条，然后把他的字打上去，接着多放一些就好了
第三，我不管从什么角度来看都看不出学院这个图片做出菱形有什么好看的，没有一点高大上的感觉，我个人觉得这个要不要都没有关系。
第四，就是在那个什么字体这里感觉好长，都是却让人提不起一点去看的兴趣，我个人感觉吧，把他做成一个矩形工具，然后把内容都放在里面会比较好。
第五，关于我们这个地方不知道为什么总感觉怪怪的，但是这个地方的排版还是比较好的，所以觉得照搬好了，然后下面可以调到学生风采那里去，然后放几张学院学生的集体照。
这个就是我一开始写的简单的过程，后面我也是这么做的，首先把学院的logo那个位置给清理了一下，只留下了logo和校名还有校训。然后就把首页那个地方整理了一下，给他加了一些，接着在学院的那个菱形的那个地方，我感觉没有什么用，所以我就没有用了，接着做字体这里，这个字体太多了，所以我选择了几个，然后给他放好了图片，接下来我把关于我们这儿给稍微改了一下颜色，然后放了几张集体照，接下来，我就给学校做了一些icon，做了之后这个icon可以点击的。最后我们把学校的一些有用的东西反在下面，在把一些学校的信息打出来，这个改版就是这样了。

现在我们把两个网站的步骤弄好之后，我们看看这两个网站有什么不一样的地方，首先我们发现他们的排版就不一样，排版相差很大，一个是卖东西的网站，一个是学校的，接下来看颜色，这个颜色相差也比较大，一个是暖色，一个是严肃的蓝紫色。因为一个买水果的网站比较活跃，但是学校官网是一个高大上的地方，所以要比较严肃。接下来是图片选择，水果网站选择的都是一些水果的图片，然而学校官网就不可以这样了，学校官网要一些比较适合学校气氛的图片来衬托学校的高大上，但是也不能用太活跃的图片，毕竟学校是一个高大上的神圣地方，而水果网站是一个交易平台，其中的东西都是大不一样的。然后排版也是比较不同，比如下面我列下部分出来。

就是在首页栏这里的排版就有很大差别了，水果网站的就是首页栏在上面，但是学校的首页栏却在下面。

在下面的内容这里的排版也不一样，因为水果网站的内容多而鲜艳，但是官网的就比较严肃了，严肃但是不失整安全整洁。

就是做的icon都比较不同一些，因为食品网站做的是卖东西的，所有icon就是偏向买卖的那边，学校因为比较严肃就是偏向介绍学校信息的那方面。最后在在下面把结尾栏做出来就好了。