官网改版

(作者:张江勇 撰写时间:2019年4月10日)
改版一个官网不是什么辛苦的事,因为内容和图片都已经有了,剩下的就是去把旧版官网的排版搞得更好看一点, 并且需要改版的官网差不多都是不怎么好的,或者就是以前的官网已经不适合现在公司的趋势了。所以改版差不多都是不能和旧版官网有相同之处的。
在改版之前我们需要把旧版官网的缺点找出来,并且想好解决方法,当然也要把旧版官网的优点找出来,查看是否在改版的过程中能不能用到这个优点。
改版一个官网是要比设计官网要难的,因为改版官网的时候官网内容已经全部都是规定好的,所以改版的时候还要考虑着这些内容如何摆放才会更好,所以将一个官网改版是一个比较难的事情。 官网改版
可以看见这个改版是相差很大的,相比于之前的官网,改版之后的官网要更加的简洁,并且原版官网看起来是毫无设计感,给人就是感觉想到什么放什么上去,感觉非常的杂乱,在我的感觉上是就跟微信里面那些大妈用的那种非常土的表情包。
并且里面的内容是经常重复的,比如“关于我们”这个标题,在这个原版官网里面就出现了三四次,轮播图片也是毫无规律的,轮播应该是要把重要的放在前面优先播出,但是官网里面轮播的图片我都看不出来那个信息是比较重要的。
图片交互部分,原版的是千篇一律,所有的图片都是菱形的,并且那一抹红色是非常的扎眼,而且红色突出的不是那些图片内容的标题,突出的是“点击查看”这四个字,图片也是非常的冲突,也是感觉有什么图片就放什么进去。
下面就是内容部分,改版的相比较于原版的官网是多了一些活跃性的,原版官网是直接就是一大堆字放上去,并且内容是有一些信息一部分是已经老化了,相比较而言改版之后的官网更加的大气,更加的简洁,多了一种颜色带给人的感觉确实截然不同的。

官网改版
这是我改版之后的官网,相比原版,改版之后的更加的耐看,颜色也是比原版的好一点。
网页顶部部分,我将原版上的那些字都消除掉了,只留下了学校logo和名字,原版顶部是非常的杂乱的,非常多的字,也有非常多的颜色,和那些红的、白的、黄的等等相比,改版之后的顶部要简洁的多,不知道你们有没有注意到,原版的logo图标是已经变形了的,所以logo是我重新再做了一个的,看起来比原版的好看多了,改版之后的顶部要比原版的简洁大方。
首页导航栏部分,我把原版导航栏上的一些多余的内容取消了,就是在网页其他地方会出现的一些内容标题取消了,并且字体变大了,取消了那些多余的内容标题之后,导航栏变得空间很足,我就将每个标题的间距调高了一点,并且还加上了一些矩形,隔离每个标题方便别人使用,并且更加的具有规矩性了,并且这个导航栏在这个网页里,感觉若有若无,明明感觉不重要,却会注意到它,打开这个网页可能看完学校logo之后就是这个导航栏了。
图片轮播部分,我把图片轮播取消掉了,并且在图片旁边加上了一些标题,这些标题都是从原版官网上改的,我将图片交互部分改到了轮播这里来,改版官网取消了图片轮播,我改成了你点击标题之后在哪里图片部分就会弹出相应的图片和简单的内容介绍,在标题下加上了椭圆形做底,让人更加容易注意到,并且也可以起到提示别人这是个可以点击的标题,将原版的那些千篇一律的菱形改成了只有文字。
内容部分,主要是学校的一些公告和新闻,主要是以文字为主加了少量的图片,图片用于当人们看见许多文字的时候缓解眼睛压力,并且也可以起到介绍作用,并且加上图片让内容部分看起来不是那么死板,也不会感觉有什么烦躁。
学校热点和学校公告就是主要以文字构成的了,标题是黑色,而内容文字就是白色,这个部分就都是文字构成了,但是它不像原版那样的拥挤,再加上蓝色底之后,这个部分就不会有之前原版的那种死板的感觉了。
至于底部,改成了黑色,在加上一些内容就行了,并没有做太多的修改。