現在，在一般人的眼中，"網(wǎng)站"幾乎就代表著(zhù)"互聯(lián)網(wǎng)"，網(wǎng)站本身的價(jià)值正在被人們不斷的發(fā)現，不斷的認可，"如何設計一個(gè)成功的網(wǎng)站？"是現在越來(lái)越多的網(wǎng)頁(yè)設計人員所一直思考、關(guān)注的問(wèn)題。設計網(wǎng)站需要考慮的因素非常之多，從前期的網(wǎng)站開(kāi)始時(shí)的定位、設定網(wǎng)站框架、整理資料，到具體制作中的設計環(huán)節，再到*的調試、發(fā)布、宣傳過(guò)程這是一個(gè)環(huán)環(huán)相扣的過(guò)程。

一、 網(wǎng)站的整體風(fēng)格和創(chuàng )意設計

網(wǎng)站的整體風(fēng)格及其創(chuàng )意設計是最難的。難就難在沒(méi)有一個(gè)固定的程式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設計出完全一樣的網(wǎng)站。

（一）、風(fēng)格是什么，如何樹(shù)立網(wǎng)站風(fēng)格？

風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標志，色彩，字體，標語(yǔ)），版面布局，瀏覽方式，交互性，文字，語(yǔ)氣，內容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專(zhuān)業(yè)嚴肅的。這些都是網(wǎng)站給人們留下的不同感受。

風(fēng)格是獨特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨有的。

風(fēng)格是有人性的。通過(guò)網(wǎng)站的外表，內容，文字，交流可以概括出一個(gè)站點(diǎn)的個(gè)性，情緒。風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強化，調整，修飾，直到有一天，網(wǎng)友們寫(xiě)信告訴你："我喜歡你的站點(diǎn)，因為它很有風(fēng)格！"

（二）、創(chuàng )意是什么，如何產(chǎn)生創(chuàng )意？

創(chuàng )意(idea)是網(wǎng)站生存的關(guān)鍵。這一點(diǎn)相信大家都已經(jīng)認同。然而作為網(wǎng)頁(yè)設計師， 最苦惱的就是沒(méi)有好的創(chuàng )意來(lái)源。

創(chuàng )意到底是什么，如何產(chǎn)生創(chuàng )意呢？

創(chuàng )意是引人入勝，精彩萬(wàn)分，出奇不意的；創(chuàng )意是捕捉出來(lái)的點(diǎn)子，是創(chuàng )作出來(lái)的奇招....這些講法都說(shuō)出了創(chuàng )意的一些特點(diǎn)

根據美國廣告學(xué)教授詹姆斯的研究，創(chuàng )意思考的過(guò)程分五階段：

1.準備期--研究所搜集的資料，根據舊經(jīng)驗，啟發(fā)新創(chuàng )意；

2.孵化期--將資料咀嚼消化，使意識自由發(fā)展，任意結合；

3.啟示期--意識發(fā)展并結合，產(chǎn)生創(chuàng )意；

4.驗證期--將產(chǎn)生的創(chuàng )意討論修正；

5.形成期--設計制作網(wǎng)頁(yè)，將創(chuàng )意具體化。

需要一提的是：創(chuàng )意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng )意很好，卻對網(wǎng)站發(fā)展毫無(wú)意義，那么，我們寧可放棄這個(gè)創(chuàng )意！

二、主頁(yè)的藝術(shù)處理

主頁(yè)的設計主要是網(wǎng)頁(yè)設計軟件的操作與技術(shù)應用的問(wèn)題。但是，要使主頁(yè)設計、制作得漂亮，必然離不開(kāi)對主頁(yè)進(jìn)行藝術(shù)的加工和處理，這就要涉及到美術(shù)的一些基本常識。

（一）、風(fēng)格定位

主頁(yè)的美化首先要考慮風(fēng)格的定位。任何主頁(yè)都要根據主題的內容決定其風(fēng)格與形式，因為只有形式與內容的完美統一，才能達到理想的宣傳效果。目前主頁(yè)的應用范圍日益擴大，幾乎包括了所有的行業(yè)，但歸納起來(lái)大體有這么幾個(gè)大類(lèi)：新聞機構、*機關(guān)、科教文化、娛樂(lè )藝術(shù)、電子商務(wù)、網(wǎng)絡(luò )中心等。對于不同性質(zhì)的行業(yè)，應體現出不同的主頁(yè)風(fēng)格。例如：**的主頁(yè)風(fēng)格一般應比較莊重，而娛樂(lè )行業(yè)則可以活潑生動(dòng)一些；文化教育*的主頁(yè)風(fēng)格應該高雅大方，而商務(wù)主頁(yè)則可以貼近民俗，使大眾喜聞樂(lè )見(jiàn)。

　　主頁(yè)風(fēng)格的形成主要依賴(lài)于主頁(yè)的版式設計，依賴(lài)于頁(yè)面的色調處理，還有圖片與文字的組合形式等。這些問(wèn)題看似簡(jiǎn)單，但往往需要主頁(yè)的設計和制作者具有一定的美術(shù)素質(zhì)和修養。

　　還有，動(dòng)畫(huà)效果也不宜在主頁(yè)設計中濫用，特別是一些內容比較嚴肅的主頁(yè)。主頁(yè)畢竟主要依靠文字和圖片來(lái)傳播信息，它不是動(dòng)畫(huà)片，更不是電視或電影。

（二）、版面編排

主頁(yè)的設計首先涉及到的是頁(yè)面的版面編排問(wèn)題。主頁(yè)作為一種版面，既有文字，又有圖片。文字有大有小，還有標題和正文之分；圖片也有大小，而且有橫有豎之別。圖片和文字都需要同時(shí)展示給觀(guān)眾，總不能簡(jiǎn)單地羅列在一個(gè)頁(yè)面上，這樣往往會(huì )搞得雜亂無(wú)章。因此必須根據內容的需要，將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局，使它們組成一個(gè)有機的整體，展現給廣大的觀(guān)眾?？梢砸罁缦聨讞l來(lái)做：

1.主次分明，中心突出。在一個(gè)頁(yè)面上，必然考慮視覺(jué)的中心，這個(gè)中心一般在屏幕的中央，或者在中間偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個(gè)部位，在視覺(jué)中心以外的地方就可以安排那些稍微次要的內容，這樣在頁(yè)面上就突出了重點(diǎn)，做到了主次有別。

2.大小搭配，相互呼應。較長(cháng)的文章或標題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對待圖片的安排也是這樣，要互相錯開(kāi)，造成大小之間有一定的間隔，這樣可以使頁(yè)面錯落有致，避免重心的偏離。

3.圖文并茂，相得益彰。文字和圖片具有一種相互補充的視覺(jué)關(guān)系，頁(yè)面上文字太多，就顯得沉悶，缺乏生氣。頁(yè)面上圖片太多，缺少文字，必然就會(huì )減少頁(yè)面的信息容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁(yè)面，又使主頁(yè)有豐富的內容。

（三）、線(xiàn)條和形狀

文字、標題、圖片等的組合，會(huì )在頁(yè)面上形成各種各樣的線(xiàn)條和形狀。這些線(xiàn)條與形狀的組合，構成了主頁(yè)的總體藝術(shù)效果。必須注意藝術(shù)地搭配好這些線(xiàn)條和形狀，才能增強頁(yè)面的藝術(shù)魅力。

　　1.直線(xiàn)（矩形）的應用。直線(xiàn)條的藝術(shù)效果是流暢、挺拔、規矩、整齊，所謂有輪有廓。直線(xiàn)和矩形在頁(yè)面上的重復組合可以呈現井井有條、涇渭分明的視覺(jué)效果。一般應用于比較莊重、嚴肅的主頁(yè)題材。

　　2.曲線(xiàn)（弧形）的應用。曲線(xiàn)的效果是流動(dòng)、活躍，具有動(dòng)感。曲線(xiàn)和弧形在頁(yè)面上的重復組合可以呈現流暢、輕快，富有活力的視覺(jué)效果。一般應用于青春、活潑的主頁(yè)題材。

　　3.曲、直線(xiàn)（矩形、弧形）的綜合應用。把以上兩種線(xiàn)條和形狀結合起來(lái)運用，可以大大豐富主頁(yè)的表現力，使頁(yè)面呈現更加豐富多彩的藝術(shù)效果。這種形式的主頁(yè)，適應的范圍更大，各種主題的主頁(yè)都可以應用。

（四）、色彩處理

色彩是人的視覺(jué)最敏感的東西。主頁(yè)的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協(xié)調，局部對比”，也就是：主頁(yè)的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據主頁(yè)內容的需要，分別采用不同的主色調。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著(zhù)春、夏、秋、冬。其次還有職業(yè)的標志色，例如：軍警的橄欖綠，醫療衛生的白色等。色彩還具有明顯的心理感覺(jué)，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。充分運用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內涵，從而提升主頁(yè)的文化品位。

　　*，還要考慮主頁(yè)底色（背景色）的深、淺。有些主頁(yè)，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時(shí)，眼睛就會(huì )感覺(jué)很吃力，影響了閱讀效果。當然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強，同樣也會(huì )使讀者的眼睛受不了。

三、網(wǎng)頁(yè)的色彩

網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一，色彩搭配卻是網(wǎng)友們感到頭疼的問(wèn)題。網(wǎng)頁(yè)的背景，文字，圖標，邊框，超鏈接...，應該采用什么樣的色彩，應該搭配什么色彩才能*的表達出預想的內涵呢？

網(wǎng)頁(yè)制作用彩色還是非彩色好呢？根據專(zhuān)業(yè)的研究機構研究表明：彩色的記憶效果是黑白的3.5倍。也就是說(shuō)，在一般情況下，彩色頁(yè)面較完全黑白頁(yè)面更加吸引人。

我們通常的做法是：主要內容文字用非彩色(黑色)，邊框，背景，圖片用彩色。這樣頁(yè)面整體不單調，看主要內容也不會(huì )眼花。

非彩色的搭配： 黑白是最基本和最簡(jiǎn)單的搭配，白字黑底，黑底白字都非常清晰明了?；疑侨f(wàn)能色，可以和任何彩色搭配，也可以幫助兩種對立的色彩和諧過(guò)渡。如果你實(shí)在找不出合適的色彩，那么用灰色試試，效果絕對不會(huì )太差。

（一）、色彩的心理感覺(jué)。

不同的顏色會(huì )給瀏覽者不同的心理感受。

紅色---是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺(jué)。

綠色---介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺(jué)。 它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。

橙色---也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果。

黃色---具有快樂(lè )，希望，智慧和輕快的個(gè)性，它的明度*。

藍色---是*涼爽，清新，專(zhuān)業(yè)的色彩。它和白色混合，能體現柔順，淡雅，浪漫的氣氛(象天空的色彩:)

白色---具有潔白，明快，純真，清潔的感受。

黑色---具有深沉，神秘，寂靜，悲哀，壓抑的感受。

灰色---具有中庸，平凡，溫和，謙讓?zhuān)辛⒑透哐诺母杏X(jué)。

每種色彩在飽和度，透明度上略微變化就會(huì )產(chǎn)生不同的感覺(jué)。以綠色為例，黃綠色有青春，旺盛的視覺(jué)意境，而藍綠色則顯得幽寧，陰深。

（二）、網(wǎng)頁(yè)色彩搭配的原理

1.色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。

2.色彩的獨特性。要有與眾不同的色彩，使得大家對你的印象強烈。

3.色彩的合適性。就是說(shuō)色彩和你表達的內容氣氛相適合。如用粉色體現女性站點(diǎn)的柔性。

4.色彩的聯(lián)想性。不同色彩會(huì )產(chǎn)生不同的聯(lián)想，藍色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁(yè)的內涵相關(guān)聯(lián)。

（三）、網(wǎng)頁(yè)色彩掌握的過(guò)程

隨著(zhù)網(wǎng)頁(yè)制作經(jīng)驗的積累，我們用色有這樣的一個(gè)趨勢:單色->五彩繽紛->標準色->單色。一開(kāi)始因為技術(shù)和知識缺乏，只能制作出簡(jiǎn)單的網(wǎng)頁(yè)，色彩單一；在有一定基礎和材料后，希望制作一個(gè)漂亮的網(wǎng)頁(yè)，將自己收集的*的圖片，最滿(mǎn)意色彩堆砌在頁(yè)面上；但是時(shí)間一長(cháng)，卻發(fā)現色彩雜亂，沒(méi)有個(gè)性和風(fēng)格；第三次重新定位自己的網(wǎng)站，選擇好切合自己的色彩，推出的站點(diǎn)往往比較成功；當*設計理念和技術(shù)達到頂峰時(shí)，則又返樸歸真，用單一色彩甚至非彩色就可以設計出簡(jiǎn)潔精美的站點(diǎn)。

（四）、網(wǎng)頁(yè)色彩搭配的技巧

1.用一種色彩。這里是指先選定一種色彩，然后調整透明度或者飽和度，(說(shuō)得通俗些就是將 色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統一，有層次感。

2.用兩種色彩。先選定一種色彩，然后選擇它的對比色，整個(gè)頁(yè)面色彩豐富但不花稍。

3.用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。確定色彩的方法各人不同，

4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺(jué)很"跳"。

注意在網(wǎng)頁(yè)配色中，忌諱的是：

1.不要將所有顏色都用到，盡量控制在三種色彩以?xún)取?/P>

2.背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

四、設計網(wǎng)站的標志(logo)

一個(gè)網(wǎng)站的標志(logo)。就如同商標一樣，logo是你站點(diǎn)特色和內涵的集中體現，看見(jiàn)logo就讓大家聯(lián)想起你的站點(diǎn)。標志可以是中文，英文字母，可以是符號，圖案，可以是動(dòng)物或者人物等等。比如：soim是用soim的英文作為標志，新浪用字母sina+眼睛作為標志。標志的設計創(chuàng )意來(lái)自你網(wǎng)站的名稱(chēng)和內容。

(1).網(wǎng)站有代表性的人物，動(dòng)物，花草，可以用它們作為設計的藍本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍，鯊威體壇的籃球鯊魚(yú)。

(2).網(wǎng)站有專(zhuān)業(yè)性的，可以以本專(zhuān)業(yè)有代表的物品作為標志。比如*銀行的銅板標志，奔馳汽車(chē)的方向盤(pán)標志。

(3).最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱(chēng)作標志。采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標志。

五、網(wǎng)頁(yè)設計人員的風(fēng)格

作為一個(gè)在網(wǎng)絡(luò )環(huán)境下的設計人員應該怎樣利用自己的設計來(lái)滿(mǎn)足人們的需求，迎合他們的要求，同時(shí)如何保持自己的風(fēng)格，使自己真正作為一個(gè)倡導潮流的人。

網(wǎng)頁(yè)人員的風(fēng)格就是在運用自己的所擁有的手段，包括所擁有的審美的素質(zhì)、應用軟件的能力、以及感受生活的敏銳的覺(jué)察力，來(lái)建立起自己獨特的設計形式、獨特的作風(fēng)。首先來(lái)說(shuō)他的這種風(fēng)格不能背離人們的現實(shí)太遠，這個(gè)現實(shí)就是人們習慣了的網(wǎng)頁(yè)的布局，雖然可能經(jīng)過(guò)長(cháng)期的努力可能會(huì )使這種局面得以改觀(guān)，但是在目前的情況下如果一味的求自己的風(fēng)格就會(huì )嚴重的脫離用戶(hù)要一步一步的將自己的風(fēng)格反映出來(lái)，不能脫離人們的現實(shí)太遠。當然由于自己的習慣、修養以及其它的因素的作用，這個(gè)風(fēng)格體現的方式大相徑庭

　　享譽(yù)世界的德國廣告設計大師岡特`蘭堡說(shuō)過(guò)“一名設計師的作品停在一個(gè)水平及風(fēng)格上不變化，那就是死亡”。平面設計如此，在網(wǎng)頁(yè)設計上同樣如此， 一個(gè)網(wǎng)頁(yè)設計師沒(méi)有自己的風(fēng)格是很可悲的，因為這樣他永遠就只能是在一個(gè)低水平的層次上徘徊，或者只是拾人牙慧。永遠都沒(méi)有自己的東西融入到網(wǎng)頁(yè)設計中，成就不了好的成績(jì)，只有在不斷的探索和實(shí)踐中總結經(jīng)驗，提高自己的同時(shí)樹(shù)立起自己的獨特的設計理念，才能夠形成自己的風(fēng)格，開(kāi)辟出網(wǎng)頁(yè)設計的新天地。同時(shí)也要不斷的在形成自己的風(fēng)格的同時(shí)，嘗試一些不同的風(fēng)格，尋求突破，“不破不立”，只有不斷的嘗試，因為只有不斷的豐富自己的同時(shí)，才有機會(huì )贏(yíng)得這種嘗試的成功。經(jīng)常有意識的這樣去實(shí)踐，就有可能達到自己的設計的新境界！