今天給大家介紹一個(gè)神級(jí)網(wǎng)頁(yè)設(shè)計(jì)！

是一個(gè)中學(xué)的網(wǎng)站，來自廣西南寧21中。。

www.nn21z.com

說真的，別人發(fā)給我看的第一眼，我認(rèn)為是惡搞。

不是真的學(xué)校網(wǎng)站，肯定是被人惡搞故意做成這個(gè)樣子。

后來，過了一個(gè)星期，還是這樣，我斷定，這個(gè)是真的了。

從整體大圖看過去，這個(gè)風(fēng)格，無法直視。

20年前的套路。

因?yàn)?0年前還沒有專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師，很多網(wǎng)頁(yè)都是程序員來完成美工部分的。

所以很多辣眼睛的頁(yè)面都可能出現(xiàn)，但是這個(gè)是2017年的今天。網(wǎng)頁(yè)設(shè)計(jì)這個(gè)行當(dāng)已經(jīng)存在了20年了，怎么可能還有這種玩意出現(xiàn)？

更重要的事，這個(gè)是一個(gè)正經(jīng)的網(wǎng)站啊！學(xué)校網(wǎng)站啊！不是那種騙錢充值的色情網(wǎng)站啊！怎么可能做得那么不正規(guī)？

給大家剖一點(diǎn)細(xì)節(jié)。

我們先不管中間的那個(gè)五角星造型和上面的白綠圓頂像一個(gè)不太喜慶的那種場(chǎng)合的花圈的事。。。

but! 這個(gè)是什么審美水平？

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

水晶效果素材，照射燈發(fā)射線，寫實(shí)的向日葵，卡通的氫氣球，比例完全不對(duì)的水花濺起，后面還有一個(gè)可怕的漂浮熱帶島嶼，認(rèn)真看，還有一只寫實(shí)的蜻蜓和蜜蜂，到底這樣的畫面，再表達(dá)什么思想感情和風(fēng)格？

我是完全看不懂的。

中間還是用已經(jīng)早被主流網(wǎng)站淘汰的flash動(dòng)畫技術(shù)，可想而知這個(gè)設(shè)計(jì)師的對(duì)互聯(lián)網(wǎng)世界的理解還停留在10年前。

而且，

這個(gè)是南寧的學(xué)校，不是北海啊！

為什么要把一個(gè)海底總動(dòng)員搬到頁(yè)面里？

鯊魚？

海豚。。

魷魚，其實(shí)蠻好吃的。

海馬，這個(gè)吃了可以長(zhǎng)身體，增高，有愛心的設(shè)計(jì)？

對(duì)蝦。。

各種熱帶魚。。

海龜。。。

各種海洋生物，請(qǐng)問，你要表達(dá)什么？

是表達(dá)這個(gè)中學(xué)很快就要沉淪了嗎？

3d立體水晶風(fēng)格素材。。

這個(gè)，我不知道怎么解釋。。

這一塊看起來，像不太吉利的東西。

而更重要的是，你連學(xué)校名字的字體，都可以這么兒戲。。

然后，最有勇氣的地方是這里了，

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

一個(gè)學(xué)校的網(wǎng)站可以署設(shè)計(jì)師的名。。。

其實(shí)沒看全，人家是禁止非法復(fù)制。。。。但是，誰會(huì)復(fù)制這樣的設(shè)計(jì)，這種審美不是人人可以有的啊！

好了，

吐槽歸吐槽，

得給點(diǎn)意見。

到底為什么這個(gè)網(wǎng)站會(huì)那么奇怪，或者說那么丑？

2個(gè)原因

第一，當(dāng)然是風(fēng)格非常過時(shí)，這個(gè)是20年前得素材拼湊玩著得呢，如果自己練手，沒啥事，但是這個(gè)是正規(guī)得學(xué)校網(wǎng)站啊，兄弟，你不要臉人家學(xué)校還是要得。

看看14年前，2003年的淘寶都比這個(gè)要顯得潮流一些啊。

而2012年的新浪微博都已經(jīng)非常接近目前的主流風(fēng)格了。而你是在2017年啊大哥！

第二，設(shè)計(jì)在信息鋪排上，嚴(yán)重得主次不分。

也就是很多設(shè)計(jì)師多少會(huì)犯的，裝飾過度。

我們認(rèn)真在看回去這個(gè)圖。

魚蝦蟹是看到不少了，

但是內(nèi)容一點(diǎn)都看不到。

一個(gè)網(wǎng)頁(yè)，它的功能應(yīng)該是內(nèi)容的容器，主角是信息，而不是網(wǎng)站的本身。

試問大家看上面的那個(gè)圖，能看到任何一點(diǎn)信息了嗎？

我可以負(fù)責(zé)任滴說，完全看不到。

看看這里

其實(shí)用戶要看的是新聞列表，然后點(diǎn)擊進(jìn)去看內(nèi)容。

但是這個(gè)畫面

最強(qiáng)烈的是右上角的logo

其次是那條蠻好吃的魷魚

再之是主標(biāo)題

最后你以為到了內(nèi)容？

不是的，是到了內(nèi)容分割線！

內(nèi)容標(biāo)題是用了藍(lán)色，在藍(lán)色的背景下面使用藍(lán)色的字體，我猜你應(yīng)該是很怕用戶看得到標(biāo)題內(nèi)容吧

這么基礎(chǔ)的設(shè)計(jì)原理都不知道，柳暗花明，柳明花暗啊！！你怎么可以把主體和背景用同一個(gè)色系？隨便換成白色都比現(xiàn)在好一百倍啊！

最后我們來看看一個(gè)正常的或者說比較不錯(cuò)的校園網(wǎng)站應(yīng)該是怎樣的？

先看點(diǎn)國(guó)內(nèi)的，至于是不是很好，我等下說。

這個(gè)學(xué)校的網(wǎng)站到底好不好？

我認(rèn)為是有很大的欠缺的，內(nèi)容非常沉悶呆板，讓人沒有多少閱讀的欲望。

但是起碼不奇葩，正正經(jīng)經(jīng)的。

不想什么妖艷貨色。

再看下國(guó)外的學(xué)校網(wǎng)站。

注意看下區(qū)別。

很明顯和國(guó)內(nèi)的不一樣。

這個(gè)主圖位置是一個(gè)視頻，很長(zhǎng)，都是學(xué)生的活動(dòng)為主。

看到什么規(guī)律的嗎？

中國(guó)的學(xué)校網(wǎng)站，主要以學(xué)校為主體，更多是顯示這個(gè)學(xué)校如何如何。

但是老外的學(xué)校網(wǎng)站，更多是以學(xué)生影像為主。傳達(dá)的信息也很清晰，你來我們學(xué)校，會(huì)很好玩，會(huì)有很多活動(dòng)，會(huì)交到很多志同道合的朋友。

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

回到設(shè)計(jì)風(fēng)格上，當(dāng)然是老外的這幾個(gè)更加接近現(xiàn)在的潮流方向，簡(jiǎn)單的結(jié)構(gòu)，單色大面積，全屏等等。

最后要說的是，

韋建華同學(xué)，如果你看到這個(gè)文章，我建議可以把學(xué)校的網(wǎng)站重新設(shè)計(jì)一下，起碼讓人可以容易找到可以閱讀的信息。

如果對(duì)你的工作造成了困擾，那我也沒辦法啊，

設(shè)計(jì)師的天職就是消滅丑啊！

分享題目：韋建華，你設(shè)計(jì)這個(gè)網(wǎng)站我是服的！
鏈接分享：http://m.2m8n56k.cn/news/214302.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站建設(shè)、用戶體驗(yàn)、靜態(tài)網(wǎng)站、品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)