网页改版过程和步骤

作者：李哲定 时间：2019年4月17日

未改动网站缺陷：
第一点这个网站从整体来看顶部内容太多了看上去密密麻麻的很不舒服，字体颜色不统一大小也不统一，还有这个学校的名称到底是用广东信息科技职业培训学院还是用广信IT学院这让一些不是我们学校的人浏览这个网站产生疑惑。
第两点就是网站的banner太单一还有那个跳转红色和白色搭配不好看，下面的椭圆还多了看上去就会感觉太拥挤。
第三点就是那个关于我们-校园风光全部用菱形不好看而且内容太多了也没有什么设计感还有图片也太模糊看不清楚。
这个网站大多数的问题都是内容太多了，没有什么设计感在里面，而且颜色搭配也不好看，把这个网站缩小了来看全部是文字，还有一些细节问题也不处理的很到位，好像看上去都不像学校官网，看上去让人太紧绷，像一个查找信息之类的官网。
改动：
我会把顶部的内容和位置进行一个改动适当不用怎么多内容，颜色和字体大小进行一个统一，内容会删减些，然后再添加一些设计感，排版丰富多样化，进行一个全方位的改动。

改动网站的优点：
第一点改动之后的网站从整体上来看简介了很多，排版也丰富多样化还带有一些科技感，顶部的内容删减了许多，就留下学院名称和校训，然后我添加了一个学院名称的英文放在学院名称的下面，然后首页栏的内容也简化掉了一些，然后在调一下间距就不显得那么单调和拥挤。
第二点轮播也换成具有科技感的图片了，跳转数量也减少了还做出呼应效果，在这个banner里面还添加了一些字，就不会显那么单调看上去也很舒服。
第三点字体和图片的排版依次按照左右规律来，之后再到公告的下面放置英文翻译，内容不要过度的多，字体还有字体大小和间距给予一个归纳性统一看上去才不会歪歪扭扭，使用者才会觉得好看才会吸引点击进去了解。
第四点顶部的banner就是放置素材图之后再添加一个黑色矩形盖住这个素材图，然后再把黑色矩形的透明图层和填充各调到50就达到透明图层的效果了，然后再到上面制作一个播放，再写上一些字就可以啦，就能到达一种效果，这样就给人一种冲击感。
第五点总体来说我的网站偏向于简约的风格，排版就比较严谨不是那么的花里胡哨，色彩也是偏向于学校风格来制作。