- 高端網(wǎng)站建設(shè) 公眾號(hào)開(kāi)發(fā) 小程序制作 網(wǎng)站seo優(yōu)化 H5活動(dòng)營(yíng)銷(xiāo) 互聯(lián)網(wǎng)產(chǎn)品
龐門(mén)正道()獨(dú)家編輯
今天給大家介紹一個(gè)神級(jí)網(wǎng)頁(yè)設(shè)計(jì)!
是一個(gè)中學(xué)的網(wǎng)站,來(lái)自廣西南寧21中。。
說(shuō)真的,別人發(fā)給我看的第一眼,我認(rèn)為是惡搞。
不是真的學(xué)校網(wǎng)站,肯定是被人惡搞故意做成這個(gè)樣子。
后來(lái),過(guò)了一個(gè)星期,還是這樣,我斷定,這個(gè)是真的了。
從整體大圖看過(guò)去,這個(gè)風(fēng)格,無(wú)法直視。
20年前的套路。
因?yàn)?0年前還沒(méi)有專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師,很多網(wǎng)頁(yè)都是程序員來(lái)完成美工部分的。
所以很多辣眼睛的頁(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)站啊!不是那種騙錢(qián)充值的色情網(wǎng)站啊!怎么可能做得那么不正規(guī)?
給大家剖一點(diǎn)細(xì)節(jié)。
我們先不管中間的那個(gè)五角星造型和上面的白綠圓頂像一個(gè)不太喜慶的那種場(chǎng)合的花圈的事。。。
but! 這個(gè)是什么審美水平?
完全是中老年人表情包水平??!
水晶效果素材,照射燈發(fā)射線,寫(xiě)實(shí)的向日葵,卡通的氫氣球,比例完全不對(duì)的水花濺起,后面還有一個(gè)可怕的漂浮熱帶島嶼,認(rèn)真看,還有一只寫(xiě)實(shí)的蜻蜓和蜜蜂,到底這樣的畫(huà)面,再表達(dá)什么思想感情和風(fēng)格?
我是完全看不懂的。
中間還是用已經(jīng)早被主流網(wǎng)站淘汰的flash動(dòng)畫(huà)技術(shù),可想而知這個(gè)設(shè)計(jì)師的對(duì)互聯(lián)網(wǎng)世界的理解還停留在10年前。
而且,
這個(gè)是南寧的學(xué)校,不是北海??!
為什么要把一個(gè)海底總動(dòng)員搬到頁(yè)面里?
鯊魚(yú)?
海豚。。
魷魚(yú),其實(shí)蠻好吃的。
海馬,這個(gè)吃了可以長(zhǎng)身體,增高,有愛(ài)心的設(shè)計(jì)?
對(duì)蝦。。
各種熱帶魚(yú)。。
海龜。。。
各種海洋生物,請(qǐng)問(wèn),你要表達(dá)什么?
是表達(dá)這個(gè)中學(xué)很快就要沉淪了嗎?
3d立體水晶風(fēng)格素材。。
這個(gè),我不知道怎么解釋。。
這一塊看起來(lái),像不太吉利的東西。
而更重要的是,你連學(xué)校名字的字體,都可以這么兒戲。。
然后徐州網(wǎng)頁(yè)設(shè)計(jì)制作,*有勇氣的地方是這里了,
署名了。。。署名了。。。署名了。。。
一個(gè)學(xué)校的網(wǎng)站可以署設(shè)計(jì)師的名。。。
其實(shí)沒(méi)看全,人家是禁止非法復(fù)制。。。。但是,誰(shuí)會(huì)復(fù)制這樣的設(shè)計(jì),這種審美不是人人可以有的??!
好了,
吐槽歸吐槽,
得給點(diǎn)意見(jiàn)。
到底為什么這個(gè)網(wǎng)站會(huì)那么奇怪,或者說(shuō)那么丑?
2個(gè)原因
第一,當(dāng)然是風(fēng)格非常過(guò)時(shí),這個(gè)是20年前得素材拼湊玩著得呢,如果自己練手,沒(méi)啥事,但是這個(gè)是正規(guī)得學(xué)校網(wǎng)站啊,兄弟,你不要臉人家學(xué)校還是要得。
看看14年前,2003年的淘寶都比這個(gè)要顯得潮流一些啊。
而2012年的新浪微博都已經(jīng)非常接近目前的主流風(fēng)格了。而你是在2017年啊大哥!
第二,設(shè)計(jì)在信息鋪排上,嚴(yán)重得主次不分。
也就是很多設(shè)計(jì)師多少會(huì)犯的,裝飾過(guò)度。
我們認(rèn)真在看回去這個(gè)圖。
魚(yú)蝦蟹是看到不少了,
但是內(nèi)容一點(diǎn)都看不到。
一個(gè)網(wǎng)頁(yè),它的功能應(yīng)該是內(nèi)容的容器,主角是信息,而不是網(wǎng)站的本身。
試問(wèn)大家看上面的那個(gè)圖,能看到任何一點(diǎn)信息了嗎?
我可以負(fù)責(zé)任滴說(shuō),完全看不到。
看看這里
其實(shí)用戶要看的是新聞列表,然后點(diǎn)擊進(jìn)去看內(nèi)容。
但是這個(gè)畫(huà)面
*強(qiáng)烈的是右上角的logo
其次是那條蠻好吃的魷魚(yú)
再之是主標(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)在好一百倍?。?/p>
*后我們來(lái)看看一個(gè)正常的或者說(shuō)比較不錯(cuò)的校園網(wǎng)站應(yīng)該是怎樣的?
先看點(diǎn)國(guó)內(nèi)的,至于是不是很好,我等下說(shuō)。
這個(gè)學(xué)校的網(wǎng)站到底好不好?
我認(rèn)為是有很大的欠缺的,內(nèi)容非常沉悶呆板,讓人沒(mé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á)的信息也很清晰,你來(lái)我們學(xué)校,會(huì)很好玩,會(huì)有很多活動(dòng),會(huì)交到很多志同道合的朋友。
明顯后者是更加人性化一些。
回到設(shè)計(jì)風(fēng)格上,當(dāng)然是老外的這幾個(gè)更加接近現(xiàn)在的潮流方向,簡(jiǎn)單的結(jié)構(gòu),單色大面積,全屏等等。
*后要說(shuō)的是,
韋建華同學(xué),如果你看到這個(gè)文章,我建議可以把學(xué)校的網(wǎng)站重新設(shè)計(jì)一下徐州網(wǎng)頁(yè)設(shè)計(jì)制作,起碼讓人可以容易找到可以閱讀的信息。
如果對(duì)你的工作造成了困擾,那我也沒(méi)辦法啊,
設(shè)計(jì)師的天職就是消滅丑??!
越努力,越幸運(yùn)。
這里是龐門(mén)正道。