熊治榮

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

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

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

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

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

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

色彩是表現(xiàn)網(wǎng)頁(yè)風(fēng)格形式的要素之一。在網(wǎng)站設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美觀的界面，單純的顏色并沒(méi)有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來(lái)的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。有了合理清新的色調(diào)，會(huì)彌補(bǔ)主頁(yè)上的其它不足。考慮到網(wǎng)頁(yè)的適應(yīng)性，就晝使用網(wǎng)頁(yè)安全色。但顏色的使用并沒(méi)有一定的法則，如果一定要用某個(gè)法則去套，效果只會(huì)適得其反。一般情況下，先根據(jù)總體風(fēng)格定出一至2種主色調(diào)，不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。然后根據(jù)具體的需要，應(yīng)用顏色的近似和對(duì)比來(lái)完成整個(gè)頁(yè)面的配色方案。比如教育類網(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，比文字形式的鏈接更能吸引人的注意。在如今爭(zhēng)奪眼球的時(shí)代，這一點(diǎn)尤其重要。而導(dǎo)航就相當(dāng)于給用戶在瀏覽網(wǎng)頁(yè)時(shí)有一個(gè)路標(biāo)的作用，網(wǎng)站導(dǎo)航菜單有多種多樣，除了純文字導(dǎo)航菜單和圖標(biāo)菜單外，也有時(shí)尚的FLASH動(dòng)畫菜單，不過(guò)插入動(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)頁(yè)頂部，中部、底部或任意地方，也可以橫向貫穿整個(gè)或者大半個(gè)頁(yè)面。因此，設(shè)計(jì)BANNER時(shí)，要體現(xiàn)以下幾方面：擔(dān)心、好奇、幽默以及鄭重承諾，廣告中使用的文字要能夠引起訪客的好奇和興趣。

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

網(wǎng)頁(yè)設(shè)計(jì)需要“圖文并茂”，試想一下，進(jìn)入一個(gè)網(wǎng)站，該網(wǎng)站都是密密麻麻的文字，大家會(huì)看很長(zhǎng)時(shí)間而不覺(jué)得煩嗎？同樣，如果進(jìn)入一個(gè)網(wǎng)站，一眼看去，都是眼花繚亂的圖片，估計(jì)大家對(duì)這個(gè)網(wǎng)站的興趣也不會(huì)太大。網(wǎng)頁(yè)作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁(yè)有大小而且有橫豎之別。圖片和文字都需要同時(shí)展示給觀眾，不能簡(jiǎn)單地將其羅列在一個(gè)頁(yè)面上，否則會(huì)搞得雜亂無(wú)章。好的網(wǎng)頁(yè)在視覺(jué)上總是有愉悅、舒適的感覺(jué)。常用的網(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)站首頁(yè)大多用大圖片或者動(dòng)畫形式來(lái)充實(shí)頁(yè)面，而上左中右結(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)頁(yè)的制作。做PS效果圖主要就是設(shè)計(jì)版面布局，網(wǎng)頁(yè)中包含的文字、圖像或者是動(dòng)畫，就是將這些以最適合的方式做成網(wǎng)頁(yè)的效果，以至于每個(gè)對(duì)象對(duì)應(yīng)的大小比例都能一目了然。制作草圖時(shí)要注意：（1）每加一個(gè)界面元素都要分層。（2）顏色嚴(yán)禁暖色調(diào)和冷色調(diào)混用。（3）圖片添加時(shí)候要注意過(guò)渡。（4）網(wǎng)頁(yè)的界面不該加的東西不要加。第二部分是將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí)，在首頁(yè)上添加必要的內(nèi)容、文字、圖片、動(dòng)畫、鏈接等，并且整體居中中對(duì)齊，目錄必須全部使用相對(duì)目錄。雖然在PS效果圖中定同了大致輪廓，但在具體的設(shè)計(jì)過(guò)程中，可能還會(huì)有一些新鮮的創(chuàng)意，沒(méi)有創(chuàng)意的設(shè)計(jì)是失敗的。

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

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

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

參考文獻(xiàn)

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

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