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

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

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

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

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

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

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

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

創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。這一點(diǎn)相信大家都已經(jīng)認(rèn)同。然而作為網(wǎng)頁(yè)設(shè)計(jì)師， 最苦惱的就是沒(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)

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

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

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

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

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

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

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

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

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

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

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

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

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

（二）、版面編排

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

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

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

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

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

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

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

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

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

（四）、色彩處理

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。

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

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

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

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

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

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

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

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

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

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

1.不要將所有顏色都用到，盡量控制在三種色彩以?xún)?nèi)。

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

四、設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)

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

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

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

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

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

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

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

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