淺談網站設計

熊治榮

摘要：主要通過整體規劃、色彩搭配及頁面布局等幾方面來講述如何進行網站的創意及設計，力爭使頁面設計有一個清晰的思路。

關鍵詞：網頁設計；整體規劃；色彩搭配；立意求新

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

一、網頁設計的整體規劃

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

二、色彩的應用

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

三、確定網站LOGO及網站導航設計及Banner制作

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

四、網頁內容的規劃

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

五、設計的實現

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

六、頁面內容要新穎

網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。

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

參考文獻

[1]網頁設計與制作作者：丁淼，出版社：東南大學出版社

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