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

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

www.nn21z.com

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

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

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

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

20年前的套路。

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

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

更重要的事，這個是一個正經(jīng)的網(wǎng)站??！學(xué)校網(wǎng)站?。〔皇悄欠N騙錢充值的色情網(wǎng)站??！怎么可能做得那么不正規(guī)？

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

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

but! 這個是什么審美水平？

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

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

我是完全看不懂的。

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

而且，

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

為什么要把一個海底總動員搬到頁面里？

鯊魚？

海豚。。

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

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

對蝦。。

各種熱帶魚。。

海龜。。。

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

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

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

這個，我不知道怎么解釋。。

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

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

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

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

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

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

好了，

吐槽歸吐槽，

得給點(diǎn)意見。

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

2個原因

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

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

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

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

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

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

魚蝦蟹是看到不少了，

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

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

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

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

看看這里

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

但是這個畫面

最強(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è)計原理都不知道，柳暗花明，柳明花暗啊??！你怎么可以把主體和背景用同一個色系？隨便換成白色都比現(xiàn)在好一百倍??！

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

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

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

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

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

不想什么妖艷貨色。

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

注意看下區(qū)別。

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

這個主圖位置是一個視頻，很長，都是學(xué)生的活動為主。

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

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

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

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

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

最后要說的是，

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

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

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

分享題目：韋建華，你設(shè)計這個網(wǎng)站我是服的！
鏈接分享：http://www.rwnh.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)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)