淺談網(wǎng)站設(shè)計(jì)

熊治榮

摘要：主要通過整體規(guī)劃、色彩搭配及頁面布局等幾方面來講述如何進(jìn)行網(wǎng)站的創(chuàng)意及設(shè)計(jì)，力爭使頁面設(shè)計(jì)有一個(gè)清晰的思路。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；整體規(guī)劃；色彩搭配；立意求新

信息社會(huì)的高速發(fā)展使得互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要方面，并且發(fā)揮著重要的作用。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網(wǎng)頁，所以網(wǎng)頁設(shè)計(jì)尤為重要。在網(wǎng)頁設(shè)計(jì)的認(rèn)識(shí)上，許多人似乎仍停留在網(wǎng)頁制作的高度上，認(rèn)為只要用好的網(wǎng)頁制作軟件，就能搞好網(wǎng)頁設(shè)計(jì)了。其實(shí)網(wǎng)頁進(jìn)設(shè)計(jì)是一個(gè)感性思考與理性分析相結(jié)合的復(fù)雜的過程，它的方向取決于設(shè)計(jì)的任務(wù)，它的實(shí)現(xiàn)依賴于網(wǎng)頁的制作，正所謂“功夫在詩外”。網(wǎng)頁設(shè)計(jì)中最重要的東西，并非在軟件的應(yīng)用上，而是在于我們對(duì)網(wǎng)頁設(shè)計(jì)的理解以及設(shè)計(jì)制作的水平上，在于我們自身的美感以及對(duì)頁面的整體把握上。

一、網(wǎng)頁設(shè)計(jì)的整體規(guī)劃

首先需要明確網(wǎng)站目標(biāo)用戶群，只有確定了自己服務(wù)的對(duì)象，才能有的放矢的建設(shè)網(wǎng)站，在欄目劃分、內(nèi)容選取、頁面設(shè)計(jì)各方面盡量做到合理，并吸引更多的眼球。其次明確網(wǎng)站主題，主題可選擇的范圍很廣，但建議選擇自己擅長的或是非常喜歡的行業(yè)來設(shè)計(jì)，并且立志做到最好。但很多內(nèi)容豐富的站點(diǎn)有個(gè)致命的弱點(diǎn)，就是查找信息比較困難，不建議做這種“面面俱到、什么都有”的站點(diǎn)，只要找到自己站點(diǎn)上與別人不同的地方，并且在自己的網(wǎng)站上很好的表現(xiàn)出來即可。第三要注意整體網(wǎng)站色彩搭配特點(diǎn)。需要了解什么樣的人來訪問你的網(wǎng)站，以及要做什么樣的內(nèi)容，就可以確定需要什么樣的風(fēng)格，讓人看一眼就留下深刻印象的站點(diǎn)，無論結(jié)于吸引注意力還是增加回頭客都是大有益處的。

二、色彩的應(yīng)用

色彩是表現(xiàn)網(wǎng)頁風(fēng)格形式的要素之一。在網(wǎng)站設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美觀的界面，單純的顏色并沒有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。有了合理清新的色調(diào)，會(huì)彌補(bǔ)主頁上的其它不足?？紤]到網(wǎng)頁的適應(yīng)性，就晝使用網(wǎng)頁安全色。但顏色的使用并沒有一定的法則，如果一定要用某個(gè)法則去套，效果只會(huì)適得其反。一般情況下，先根據(jù)總體風(fēng)格定出一至2種主色調(diào)，不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。然后根據(jù)具體的需要，應(yīng)用顏色的近似和對(duì)比來完成整個(gè)頁面的配色方案。比如教育類網(wǎng)站多使用藍(lán)色為主題色，再用紅色和黑色作為配色，就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。

三、確定網(wǎng)站LOGO及網(wǎng)站導(dǎo)航設(shè)計(jì)及Banner制作

LOGO是一個(gè)企業(yè)的標(biāo)志?；ヂ?lián)網(wǎng)允許各個(gè)網(wǎng)站之間互相鏈接。而友情鏈接是代表企業(yè)形象的LOGO為其它走進(jìn)自己網(wǎng)站的人間提供了一個(gè)入口。LOGO圖形化的形式，特別是動(dòng)態(tài)的LOGO，比文字形式的鏈接更能吸引人的注意。在如今爭奪眼球的時(shí)代，這一點(diǎn)尤其重要。而導(dǎo)航就相當(dāng)于給用戶在瀏覽網(wǎng)頁時(shí)有一個(gè)路標(biāo)的作用，網(wǎng)站導(dǎo)航菜單有多種多樣，除了純文字導(dǎo)航菜單和圖標(biāo)菜單外，也有時(shí)尚的FLASH動(dòng)畫菜單，不過插入動(dòng)畫需要有動(dòng)畫插件支持。當(dāng)然在設(shè)計(jì)時(shí)要注意不同布局需要的導(dǎo)航菜單設(shè)計(jì)風(fēng)格也不一樣的。還有就是BANNER的制作，BANNER就是網(wǎng)幅廣告，橫幅廣告，是網(wǎng)站中網(wǎng)絡(luò)廣告的主要表現(xiàn)形式，一般使用SWF或GIF格式的動(dòng)畫文件，可以使用靜態(tài)圖像，BANNER可以位于網(wǎng)頁頂部，中部、底部或任意地方，也可以橫向貫穿整個(gè)或者大半個(gè)頁面。因此，設(shè)計(jì)BANNER時(shí)，要體現(xiàn)以下幾方面：擔(dān)心、好奇、幽默以及鄭重承諾，廣告中使用的文字要能夠引起訪客的好奇和興趣。

四、網(wǎng)頁內(nèi)容的規(guī)劃

網(wǎng)頁設(shè)計(jì)需要“圖文并茂”，試想一下，進(jìn)入一個(gè)網(wǎng)站，該網(wǎng)站都是密密麻麻的文字，大家會(huì)看很長時(shí)間而不覺得煩嗎？同樣，如果進(jìn)入一個(gè)網(wǎng)站，一眼看去，都是眼花繚亂的圖片，估計(jì)大家對(duì)這個(gè)網(wǎng)站的興趣也不會(huì)太大。網(wǎng)頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時(shí)展示給觀眾，不能簡單地將其羅列在一個(gè)頁面上，否則會(huì)搞得雜亂無章。好的網(wǎng)頁在視覺上總是有愉悅、舒適的感覺。常用的網(wǎng)站結(jié)構(gòu)布局結(jié)構(gòu)大致有4種：上下結(jié)構(gòu)式、左右結(jié)構(gòu)式、上左右結(jié)構(gòu)式、上左中右結(jié)構(gòu)式。根據(jù)網(wǎng)站需要表現(xiàn)的主題可以確定網(wǎng)站的結(jié)構(gòu)布局，其中上下結(jié)構(gòu)和左右結(jié)構(gòu)常被用于網(wǎng)站內(nèi)容較少的企業(yè)網(wǎng)站，這時(shí)候，網(wǎng)站首頁大多用大圖片或者動(dòng)畫形式來充實(shí)頁面，而上左中右結(jié)構(gòu)式和上左右結(jié)構(gòu)式常用于網(wǎng)站信息量大的網(wǎng)站。

五、設(shè)計(jì)的實(shí)現(xiàn)

設(shè)計(jì)的實(shí)現(xiàn)一般分為兩個(gè)部分，站點(diǎn)的規(guī)劃及草圖的繪制即PS效果圖，以及網(wǎng)頁的制作。做PS效果圖主要就是設(shè)計(jì)版面布局，網(wǎng)頁中包含的文字、圖像或者是動(dòng)畫，就是將這些以最適合的方式做成網(wǎng)頁的效果，以至于每個(gè)對(duì)象對(duì)應(yīng)的大小比例都能一目了然。制作草圖時(shí)要注意：（1）每加一個(gè)界面元素都要分層。（2）顏色嚴(yán)禁暖色調(diào)和冷色調(diào)混用。（3）圖片添加時(shí)候要注意過渡。（4）網(wǎng)頁的界面不該加的東西不要加。第二部分是將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí)，在首頁上添加必要的內(nèi)容、文字、圖片、動(dòng)畫、鏈接等，并且整體居中中對(duì)齊，目錄必須全部使用相對(duì)目錄。雖然在PS效果圖中定同了大致輪廓，但在具體的設(shè)計(jì)過程中，可能還會(huì)有一些新鮮的創(chuàng)意，沒有創(chuàng)意的設(shè)計(jì)是失敗的。

六、頁面內(nèi)容要新穎

網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無二的網(wǎng)站。所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁一定會(huì)受到大家的歡迎。

總之，不同的企業(yè)有著不同的商業(yè)流程、文化理念和客戶群體，網(wǎng)站主題和目標(biāo)用戶群的不同，導(dǎo)致網(wǎng)站設(shè)計(jì)的不同。處于這樣一個(gè)變化萬千的信息時(shí)代，每個(gè)人面對(duì)的信息都十分龐雜，即使是同樣的信息，通過不同的編排組織，不同的布局樣式，不同的視覺傳達(dá)手段，給人帶來的印象和理解也是不同的。所以要想制作出漂亮的網(wǎng)頁，需要一個(gè)逐步學(xué)習(xí)和經(jīng)驗(yàn)積累的過程。

參考文獻(xiàn)

[1]網(wǎng)頁設(shè)計(jì)與制作作者：丁淼，出版社：東南大學(xué)出版社

[2]網(wǎng)頁制作教程作者：郭初生，出版社：人民郵電出版社