無論是全國高精尖、雙一流大學(xué),還是地方性院校,每一個(gè)學(xué)校都會(huì)有一個(gè)屬于本校的官網(wǎng)。每一個(gè)高校官網(wǎng)的會(huì)有相同之處,但也更具有本校特色。大氣整潔的官網(wǎng)會(huì)讓人產(chǎn)生一種信任感。相反,一個(gè)顏色搭配混亂,導(dǎo)航欄布局不正確的網(wǎng)頁會(huì)影響人們的閱讀和觀賞興趣,人們失去了繼續(xù)探索的興趣,網(wǎng)頁的點(diǎn)擊量和打開率便會(huì)大受影響。因此就存在精致網(wǎng)頁與粗糙網(wǎng)頁之分。
那么我們從以下幾個(gè)高校的網(wǎng)頁來分析網(wǎng)頁色彩與布局的重要性。
以北京師范大學(xué)的導(dǎo)航欄為例。

打開網(wǎng)頁,映入眼簾的是以藍(lán)色為主基調(diào)的網(wǎng)頁主界面。那么我們先看他的導(dǎo)航欄,它的導(dǎo)航欄是以北京師范大學(xué)的?;諡橹行模瑢?duì)稱依次分布是:左:學(xué)校概況、組織機(jī)構(gòu)、學(xué)部院系、教育教學(xué)、科學(xué)研究,右:招生就業(yè)、人才招聘、合作交流、圖書檔案、校園生活。這種對(duì)稱式的分布非常符合中國傳統(tǒng)對(duì)稱美學(xué)的要求,給人一種簡(jiǎn)潔大氣之感。而左右分布的子網(wǎng)頁的超鏈接標(biāo)題分布也是有講究的。左邊顯然是對(duì)外介紹本?;厩闆r的,右邊則側(cè)重于在校服務(wù)。
因此,從北京師范大學(xué)的網(wǎng)頁導(dǎo)航欄我們可以知道,色調(diào)的勻稱和標(biāo)題的對(duì)稱搭配能夠使一個(gè)網(wǎng)頁看起來高端大氣。尤其是要符合美學(xué)的基本要求,這樣更能為大眾所接受。
講完標(biāo)題欄,那么我們看一看網(wǎng)頁主界面。
以江西師范大學(xué)為反例,我們看一看一個(gè)網(wǎng)頁色彩與布局的重要性。

一打開江西師范大學(xué)的網(wǎng)頁界面,我們能看到在導(dǎo)航欄的上方空有較大版面,版面的左上方是江西師范大學(xué)的?;占靶C?,有一個(gè)明顯的問題是,校名的清晰度很差,甚至出現(xiàn)的模糊的毛邊。板塊內(nèi)還有紅色行書的校訓(xùn),但令人費(fèi)解的是,改版塊的左下方是綠色的校園風(fēng)景圖。因此,首先在色彩搭配上,紅色搭配了綠色,犯了色彩搭配的最大禁忌。再看布局,導(dǎo)航欄上的板塊只有四個(gè)要素,卻占了該網(wǎng)頁主界面的三分之一,從而導(dǎo)致導(dǎo)航欄以下的內(nèi)容擁擠不堪,給人頭重腳輕之感。綜上,江西師范大學(xué)官網(wǎng)在色彩和布局上都存在硬傷。

對(duì)比江西師范大學(xué)與北京師范大學(xué)的網(wǎng)頁主界面,主觀感受的好壞大家應(yīng)該心知肚明。從這兩個(gè)網(wǎng)頁的異同我們可以明白。
網(wǎng)頁色彩的選擇不應(yīng)該使用色度差異大的色彩,更應(yīng)采取相近的顏色進(jìn)行合理搭配,不能讓網(wǎng)頁色彩的過強(qiáng)差異喧賓奪主。
網(wǎng)頁的標(biāo)題布局要符合美學(xué)的基本特點(diǎn),大膽創(chuàng)新可以,但怕的是過猶不及。當(dāng)然一個(gè)優(yōu)秀的網(wǎng)頁完成需要一個(gè)成長漫長的修改過程,不同層次的網(wǎng)頁自然會(huì)存在差異,不過我們可以在比較中發(fā)現(xiàn)別人之長以補(bǔ)自己之需。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://www.oulysa.com/news/4708.html