先我們需要了解一下網(wǎng)站的頁(yè)面組成，網(wǎng)站一般包括以下幾部分： 

首頁(yè)：網(wǎng)站的門(mén)面，如同公司的形象，特別注重設計和規劃。 
框架頁(yè)：網(wǎng)站的主要結構頁(yè)面，又稱(chēng)次首頁(yè)、內頁(yè)，大型網(wǎng)站往往框架頁(yè)即首頁(yè)，如一些門(mén)戶(hù)網(wǎng)站�？蚣茼�(yè)主要是網(wǎng)站內部主要欄目的首頁(yè)，講究風(fēng)格的一致性，并于主頁(yè)呼應。 
普通頁(yè)：網(wǎng)站主要的承載信息的頁(yè)面，設計要求不高，但要求鏈接準確、文字無(wú)誤、圖文并茂，并沿襲網(wǎng)頁(yè)的風(fēng)格。 
彈出頁(yè)：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。 

通過(guò)上面的分析，我們可以看出： 

從功能上來(lái)看，首頁(yè)主要承擔著(zhù)樹(shù)立企業(yè)形象（當然不僅僅是首頁(yè)）的作用，框架頁(yè)在導航方面起著(zhù)重要的作用，比如各欄目?jì)炔恐饕獌热莸慕榻B，都可以在框架頁(yè)中體現再進(jìn)入普通頁(yè)，讓瀏覽者能夠迅速了解網(wǎng)站各欄目的主要內容，擇其需要而瀏覽，而普通頁(yè)則是主要的信息頁(yè)面，也是網(wǎng)站的最終頁(yè)面，對于大型網(wǎng)站，這種結構非常重要，而對于中小型企業(yè)，網(wǎng)站規模較小、頁(yè)面數量不多，有時(shí)框架頁(yè)就起著(zhù)普通頁(yè)的作用，至于彈出頁(yè)，建議您不是必要，最好不要用。下面詳細介紹各頁(yè)面的設計技巧： 

一、首頁(yè)設計技巧 
網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門(mén)面，在此，提醒上網(wǎng)的企業(yè)注意自己門(mén)面的設計，決不能敷衍了事、馬馬虎虎。我們會(huì )經(jīng)�？吹接∷⒕�美的產(chǎn)品目錄或廣告，當您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候，相信您或多或少會(huì )對有關(guān)的產(chǎn)品形成一種好感，即使您不會(huì )購買(mǎi)，也必然對這些產(chǎn)品形成一定程度的認同。而對于設計毛糙的宣傳品，您肯定會(huì )懷疑其內容的真實(shí)性，從而對其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好，現在說(shuō)說(shuō)網(wǎng)站的設計，相信您會(huì )同意這種說(shuō)法：網(wǎng)站的頁(yè)面就好比是“無(wú)紙的印刷品”。既然如此，我們會(huì )因此而得出一個(gè)結論：精良和專(zhuān)業(yè)網(wǎng)站的設計，如同制作精美的印刷品，會(huì )大大刺激消費者（訪(fǎng)問(wèn)者）的購買(mǎi)欲望，反之，您公司所提供的產(chǎn)品或服務(wù)將不會(huì )給消費者（訪(fǎng)問(wèn)者）留下較好的印象。值得一提的是，除非您的企業(yè)有專(zhuān)業(yè)的網(wǎng)站規劃、設計人員，否則您最好找專(zhuān)業(yè)公司或專(zhuān)業(yè)人員為您設計制作，一個(gè)優(yōu)秀的專(zhuān)業(yè)設計人員會(huì )很快明白您的意圖，并根據您的建站目的提出建設性的意見(jiàn)。 

一般來(lái)說(shuō)，網(wǎng)站首頁(yè)的形式不外乎有兩種，一種是純粹的形象展示型，這種類(lèi)型文字信息較少，圖像信息較多，通過(guò)藝術(shù)造型和設計布局，利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息，組成一幅生動(dòng)的畫(huà)面，向瀏覽者展示一種形象、一個(gè)氛圍，從而吸引瀏覽者進(jìn)入瀏覽。這需要設計者具有良好的設計基礎和審美能力，能夠努力挖掘企業(yè)深層的內涵，展示企業(yè)文化。這種類(lèi)型的首頁(yè)在設計過(guò)程中一定要明確要以設計為主導，通過(guò)色彩、布局給訪(fǎng)問(wèn)者留下深刻的印象，當然，我們不能為了設計而設計，我們的目的是營(yíng)銷(xiāo)，在設計過(guò)程中一定要牢記這一點(diǎn)！ 

另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門(mén)戶(hù)網(wǎng)站常用的方式，即在首頁(yè)中就羅列出網(wǎng)站的主要內容分類(lèi)、重點(diǎn)信息、網(wǎng)站導航、公司信息等等，也就是我們上面談到的框架頁(yè)，這種風(fēng)格比較適合網(wǎng)站信息量大，內容豐富的網(wǎng)站，因為是以展示信息為主，這是的設計就要在細微之處體現企業(yè)形象，建議設計人員最好仔細閱讀企業(yè)的ＣＩ手冊，熟悉企業(yè)標志、吉祥物、字體及用色標準，在網(wǎng)站的局部體現出來(lái)，往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線(xiàn)就能夠給人以深刻的印象，從而將企業(yè)形象印在瀏覽者的腦海里。設計人員在設計過(guò)程中要注意使用這些語(yǔ)言符號來(lái)表達一種獨特的企業(yè)信息。 

二、風(fēng)格保持一致——內頁(yè)設計技巧 
如何保持網(wǎng)站風(fēng)格的一致，是進(jìn)行內頁(yè)設計過(guò)程中考慮的重要方面，根據我的經(jīng)驗，您可以嘗試以下幾種設計方式： 

1、結構的一致性：我們知道，網(wǎng)站的統一性在網(wǎng)站營(yíng)銷(xiāo)中占重要地位，而網(wǎng)站結構是網(wǎng)站風(fēng)格統一的重要手段，包括網(wǎng)站布局、文字排版、裝飾性元素出現的位置、導航的統一、圖片的位置等等，到國外著(zhù)名的電子商務(wù)網(wǎng)站瀏覽，你會(huì )發(fā)現這些網(wǎng)站結構驚奇的一致性，所不同的是色彩或內容，在結構的一致性中，我們要強調網(wǎng)站標志性元素的一致性，即網(wǎng)站或公司名稱(chēng)、網(wǎng)站或企業(yè)標志、導航及輔助導航的形式及位置、公司聯(lián)系信息等，這種方式是目前網(wǎng)站普遍采用的結構，一方面減少設計、開(kāi)發(fā)的工作量，同時(shí)更有利于以后的網(wǎng)站維護與更新。 

2、色彩的一致性：方式是保持站點(diǎn)主體色彩的一致，只改變局部色塊，優(yōu)點(diǎn)是一個(gè)獨特色彩的網(wǎng)站會(huì )給人留下很深刻的印象，因為人的視覺(jué)對色彩要比布局更敏感，更容易在大腦中形成記憶符號。在色彩的一致性中，我們強調的是如果企業(yè)有自身的CI形象，最好在互聯(lián)網(wǎng)中沿襲這個(gè)形象，給觀(guān)眾網(wǎng)上網(wǎng)下一致的感覺(jué)，更有利于企業(yè)形象的樹(shù)立。一個(gè)建議是選取一兩種主要色彩，幾種輔助色彩。 

3、利用導航取得統一：導航是網(wǎng)站的一項重要組成部分，一個(gè)出色的富有企業(yè)特性的導航將會(huì )給人留下深刻的印象，比如將標志的形態(tài)寓于導航之中，或將導航設計在整個(gè)網(wǎng)站布局之中等等不一而足，花點(diǎn)力氣在導航上，也會(huì )設計出一個(gè)出色的站點(diǎn)。 

| 4、特別元素的一致性：在網(wǎng)站設計中，個(gè)別具有特色的元素（如標志、象征圖形、局部設計等）重復出現，也會(huì )給訪(fǎng)問(wèn)者留下深刻印象。比如網(wǎng)站結構在某一點(diǎn)上的變化，由直線(xiàn)變?yōu)閳A弧、暗色點(diǎn)綴的亮色、色彩中的補色等等。 

5、利用圖像取得統一： 網(wǎng)頁(yè)中的圖像在使用上一定要甚之又甚，尤其是一些動(dòng)畫(huà)，網(wǎng)頁(yè)中充斥著(zhù)各種可有可無(wú)的動(dòng)畫(huà)，而這些動(dòng)畫(huà)根本與本企業(yè)內容無(wú)關(guān)！認真檢查網(wǎng)頁(yè)中的動(dòng)畫(huà)，將沒(méi)用的刪掉！這里我們所說(shuō)的利用圖像取得統一，決不是在每頁(yè)中放置幾個(gè)動(dòng)畫(huà)！而是作為網(wǎng)站結構一部分的局部圖像，根據網(wǎng)頁(yè)內容的不同，配以相應的圖像或動(dòng)畫(huà)，從而給瀏覽者形成頁(yè)面的連續性。 

6、利用背景取得統一：從技術(shù)上而言，網(wǎng)頁(yè)背景包括背景色和背景圖像兩種，一般來(lái)說(shuō)，我們并不提倡使用背景圖像，而使用背景色或色塊。原因很明顯，第一，下載速度，背景色的下載速度忽略不計，而背景圖像就得根據圖像字節大小下載了，這里需要說(shuō)明的是，如果你的背景圖像比較深，那么最好將背景色置為深色調（默認的背景色是白色），這樣在等待瀏覽器下載背景圖片的時(shí)候前面的淺色文字可以很容易閱讀，因為如果有背景色，瀏覽器先將其下載，然后下載背景圖片；第二，顯示效果，經(jīng)�？吹絿鴥纫恍┚W(wǎng)站設有背景圖像，或者是公司的廠(chǎng)房、辦公大樓，或者是產(chǎn)品圖片，甚至是某某人物的照片，使得前面的文字很難辨認！給人一種很不舒服的感覺(jué)，讓人無(wú)法停留。在此，提醒您注意：有效利用背景取得網(wǎng)站統一和專(zhuān)業(yè)化的方法有以下幾種： 
第一，認識到并不是所有的圖片都可以作為背景，在考慮設置網(wǎng)站背景圖像的時(shí)請您注意； 
第二，加強與前景的明暗對比，即要么淡化背景，隱隱約約可以看到即可，要么加深背景，而將前面的文字亮化。 

那么什么適合網(wǎng)頁(yè)背景呢？一個(gè)好的建議是將公司的標志、象征性的簡(jiǎn)單圖片作為背景，并將其淡化，使瀏覽者在閱讀網(wǎng)站內容的同時(shí)不經(jīng)意記下公司的標志。曾經(jīng)一個(gè)網(wǎng)站的背景設計給我留下深刻的印象：?jiǎn)紊�背景中一個(gè)網(wǎng)站標志的居中放大淡化，前面元素中也不斷重復這個(gè)標志：如提交按紐形狀刻意設計成標志的形式等等，在整個(gè)頁(yè)面中形成特有元素在大小、明暗及位置的呼應，很好地塑造了網(wǎng)站的特有形象。 

三、色彩搭配 
網(wǎng)頁(yè)中最難處理的也就是色彩搭配的問(wèn)題了。如何運用最簡(jiǎn)單的色彩表達最豐富的含義，體現企業(yè)形象是網(wǎng)頁(yè)設計人員需要不斷學(xué)習、探索的課題。如何進(jìn)行色彩搭配是一門(mén)學(xué)問(wèn)，下面的一些方法是我在實(shí)踐過(guò)程中的體會(huì )，希望能夠為您起到一定的參考作用。 

1、運用相同色系色彩：所謂相同色系，是指幾種色彩在360°色相環(huán)上位置十分相近，大約在45°左右或同一色彩不同明度的幾種色彩，如： ，這種搭配的優(yōu)點(diǎn)是易于使網(wǎng)頁(yè)色彩趨于一致，對于網(wǎng)頁(yè)設計新手有很好的借鑒作用，這種用色方式容易塑造網(wǎng)頁(yè)和諧統一的氛圍，缺點(diǎn)是容易造成頁(yè)面的單調，因此往往利用局部加入對比色來(lái)增加變化，如局部對比色彩的圖片等。這種方法不失為一種設計的好方法。 

2、運用對比色或互補色：所謂對比色，是指色相環(huán)相距較遠，大約在100°左右，視覺(jué)效果鮮亮、強烈，而互補色則是色相環(huán)上相距最遠的連種色彩，即相距180°，其對比關(guān)系最強烈、最富有刺激性，往往使畫(huà)面十分突出，如： ，這種用色方式容易塑造活潑、韻動(dòng)的網(wǎng)頁(yè)效果，特別適合體現輕松、積極的素材的網(wǎng)站，缺點(diǎn)是容易造成色彩的花，使用中注意色彩使用的度。 

值得注意的是，以上兩種用色方式在實(shí)際應用中要注意主體色彩的運用，即以一種或兩種色彩為主，其它色彩為輔，不要幾種色彩等量使用，以免造成色彩的混亂。 

3、使用過(guò)渡色：過(guò)渡色能夠神奇地將幾種不協(xié)調的色彩統一起來(lái)，在網(wǎng)頁(yè)中合理地使用過(guò)渡色能夠使你的色彩搭配技術(shù)更上一層樓。過(guò)渡色包括幾種形式：兩種色彩的中間色調、單色中混入黑、白、灰進(jìn)行調和以及單色中混入相同色彩進(jìn)行調和等等，您可以自己嘗試調配，在以后的更新中，我會(huì )專(zhuān)題介紹如何使用過(guò)渡色。 

四、版面布局 
一般來(lái)說(shuō)，企業(yè)網(wǎng)站首頁(yè)的布局比較靈活，著(zhù)重設計，這里我所說(shuō)的布局主要是指內頁(yè)的版面布局。中、小型企業(yè)網(wǎng)站的內頁(yè)布局一般比較簡(jiǎn)單，即內頁(yè)的一欄式版面布局，從排版布局的角度而言，我們還可以設計成等分兩欄式、三欄式、多欄式，不等分兩欄式、三欄式、多欄式等等，但因為瀏覽器寬幅有限，一般不宜設計成三欄以上的布局。 

在版面布局中主要是考慮導航、必要信息與正文之間的布局關(guān)系。比較多的情況是采用頂部放置必要的信息，如公司名稱(chēng)、標志、廣告條以及導航條，或將導航條放在左側而右側是正文等等，這樣的布局結構清晰、易于使用。當然，您也可以嘗試這些布局的變化形式，如：左右兩欄式布局，一半是正文，另一半是形象的圖片、導航；或正文不等兩欄式布置，通過(guò)背景色區分，分別放置圖片和文字等等。在設計中注意多吸取好的網(wǎng)站設計的精髓。