图片

韦建华,你设计这个网站我是服的!

发布时间:2017-8-12 11:39:18 浏览次数:

今天给大家介绍一个神级网页设计!

是一个中学的网站,来自广西南宁21中。。

www.nn21z.com


说真的,别人发给我看的第一眼,我认为是恶搞。

不是真的学校网站,肯定是被人恶搞故意做成这个样子。


后来,过了一个星期,还是这样,我断定,这个是真的了。


从整体大图看过去,这个风格,无法直视。

20年前的套路。

因为20年前还没有专业的网页设计师,很多网页都是程序员来完成美工部分的。

所以很多辣眼睛的页面都可能出现,但是这个是2017年的今天。网页设计这个行当已经存在了20年了,怎么可能还有这种玩意出现?


更重要的事,这个是一个正经的网站啊!学校网站啊!不是那种骗钱充值的色情网站啊!怎么可能做得那么不正规?


给大家剖一点细节。

我们先不管中间的那个五角星造型和上面的白绿圆顶像一个不太喜庆的那种场合的花圈的事。。。


but! 这个是什么审美水平?

完全是中老年人表情包水平啊!



水晶效果素材,照射灯发射线,写实的向日葵,卡通的氢气球,比例完全不对的水花溅起,后面还有一个可怕的漂浮热带岛屿,认真看,还有一只写实的蜻蜓和蜜蜂,到底这样的画面,再表达什么思想感情和风格?

我是完全看不懂的。


中间还是用已经早被主流网站淘汰的flash动画技术,可想而知这个设计师的对互联网世界的理解还停留在10年前。


而且,

这个是南宁的学校,不是北海啊!

为什么要把一个海底总动员搬到页面里?


鲨鱼?


海豚。。

鱿鱼,其实蛮好吃的。


海马,这个吃了可以长身体,增高,有爱心的设计?


对虾。。


各种热带鱼。。


海龟。。。


各种海洋生物,请问,你要表达什么?

是表达这个中学很快就要沉沦了吗?


3d立体水晶风格素材。。


这个,我不知道怎么解释。。


这一块看起来,像不太吉利的东西。


而更重要的是,你连学校名字的字体,都可以这么儿戏。。


然后,最有勇气的地方是这里了,

署名了。。。署名了。。。署名了。。。

一个学校的网站可以署设计师的名。。。


其实没看全,人家是禁止非法复制。。。。但是,谁会复制这样的设计,这种审美不是人人可以有的啊!


好了,

吐槽归吐槽,

得给点意见。


到底为什么这个网站会那么奇怪,或者说那么丑?


2个原因


第一,当然是风格非常过时,这个是20年前得素材拼凑玩着得呢,如果自己练手,没啥事,但是这个是正规得学校网站啊,兄弟,你不要脸人家学校还是要得。


看看14年前,2003年的淘宝都比这个要显得潮流一些啊。


而2012年的新浪微博都已经非常接近目前的主流风格了。而你是在2017年啊大哥!



第二,设计在信息铺排上,严重得主次不分。

也就是很多设计师多少会犯的,装饰过度。


我们认真在看回去这个图。

鱼虾蟹是看到不少了,

但是内容一点都看不到。


一个网页,它的功能应该是内容的容器,主角是信息,而不是网站的本身。

试问大家看上面的那个图,能看到任何一点信息了吗?

我可以负责任滴说,完全看不到。


看看这里

其实用户要看的是新闻列表,然后点击进去看内容。

但是这个画面

最强烈的是右上角的logo

其次是那条蛮好吃的鱿鱼

再之是主标题

最后你以为到了内容?

不是的,是到了内容分割线!


内容标题是用了蓝色,在蓝色的背景下面使用蓝色的字体,我猜你应该是很怕用户看得到标题内容吧


这么基础的设计原理都不知道,柳暗花明,柳明花暗啊!!你怎么可以把主体和背景用同一个色系?随便换成白色都比现在好一百倍啊!


最后我们来看看一个正常的或者说比较不错的校园网站应该是怎样的?


先看点国内的,至于是不是很好,我等下说。




这个学校的网站到底好不好?

我认为是有很大的欠缺的,内容非常沉闷呆板,让人没有多少阅读的欲望。

但是起码不奇葩,正正经经的。

不想什么妖艳货色。


再看下国外的学校网站。

注意看下区别。


很明显和国内的不一样。


这个主图位置是一个视频,很长,都是学生的活动为主。



看到什么规律的吗?


中国的学校网站,主要以学校为主体,更多是显示这个学校如何如何。


但是老外的学校网站,更多是以学生影像为主。传达的信息也很清晰,你来我们学校,会很好玩,会有很多活动,会交到很多志同道合的朋友。


明显后者是更加人性化一些。


回到设计风格上,当然是老外的这几个更加接近现在的潮流方向,简单的结构,单色大面积,全屏等等。


最后要说的是,

韦建华同学,如果你看到这个文章,我建议可以把学校的网站重新设计一下,起码让人可以容易找到可以阅读的信息。


如果对你的工作造成了困扰,那我也没办法啊,

设计师的天职就是消灭丑啊!


联系荣尚网络顾问
免费获得专属《网站策划方案》及报价详情。

多一份参考,总有益处!

服务热线

TEL:152 6368 1535【微信同号】

联系荣尚网络顾问
免费获得专属《网站策划方案》及报价详情。

多一份参考,总有益处!

服务热线

TEL:152 6368 1535【微信同号】