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

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

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

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