網(wǎng)頁設計，雖是網(wǎng)站建設行業(yè)內(nèi)的專業(yè)術語，但作為客戶而言，若能了解更多的網(wǎng)站設計基礎知識，我相信在進行網(wǎng)站建設項目中就不會顯得那么被動，無助，而且能更好地與項目負責人進行溝通交流，更能理解您的設計需求。因此，我們今天先來簡單介紹一下網(wǎng)站的頁面組成，網(wǎng)站一般包括以下幾部分：

導入頁：也就是輸入網(wǎng)址時第一時間呈現(xiàn)在瀏覽者眼前的頁面，它只是起到一個引導的作用，沒什么實際內(nèi)容。導入頁可有可無，要看企業(yè)的具體需求。

首頁：網(wǎng)站的門面，這是給瀏覽者的第一印象，也是客戶體驗的最佳表現(xiàn)機會。如同公司的整體形象，特別注重設計和規(guī)劃。

框架頁：網(wǎng)站的主要結構頁面，又稱次首頁、內(nèi)頁，大型網(wǎng)站往往框架頁即首頁，如一些門戶網(wǎng)站?？蚣茼撝饕蔷W(wǎng)站內(nèi)部主要欄目的首頁，講究風格的一致性，并與網(wǎng)站整體風格呼應。

普通頁：網(wǎng)站主要的承載信息的頁面，設計要求不高，但要求鏈接準確、文字無誤、圖文并茂，并沿襲網(wǎng)頁的風格。

彈出頁：一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等，一般用的很少。

通過上面的簡單概述，我們可以總結出：

從功能上來看，首頁主要承擔著樹立企業(yè)形象(當然不僅僅是首頁)的作用;框架頁在導航方面起著重要的作用，比如各欄目內(nèi)部主要內(nèi)容的介紹，都可以在框架頁中體現(xiàn)再進入普通頁，擇其需要而瀏覽;普通頁則是主要的信息頁面;至于彈出頁，建議您不是必要，最好不要用。下面詳細介紹各頁面的設計技巧：

一、首頁設計技巧

網(wǎng)站首頁是企業(yè)網(wǎng)上的虛擬門面，正因為是虛擬的就好比是“無紙的印刷品”。既然如此，精良和專業(yè)網(wǎng)站的設計，如同制作精美的印刷品，會大大刺激消費者(訪問者)的購買欲望，若設計得很毛糙不精細，您肯定會懷疑其內(nèi)容的真實性和可靠性，從而對其產(chǎn)品或服務產(chǎn)生質(zhì)疑。因此，首頁的設計決不能敷衍了事、馬馬虎虎。

一般來說，網(wǎng)站首頁的形式不外乎有兩種，一種是純粹的形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術造型和設計布局，利用一系列與公司形象和產(chǎn)品、服務有關的圖像、文字信息，組成一幅生動的畫面，向瀏覽者展示一種形象、一個氛圍，從而吸引瀏覽者進入瀏覽。另一種是信息羅列型，一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式，即在首頁中就羅列出網(wǎng)站的主要內(nèi)容分類、重點信息、網(wǎng)站導航、公司信息等等，設計人員在結合公司的CI手冊，企業(yè)標志、字體及用色標準中要注意使用這些語言符號來表達一種獨特的企業(yè)信息。

二、網(wǎng)站風格保持一致(內(nèi)頁設計技巧)

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

1、結構的一致性：我們知道，網(wǎng)站結構是網(wǎng)站風格統(tǒng)一的重要手段，包括網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、導航的統(tǒng)一、圖片的位置等等，我們要強調(diào)網(wǎng)站標志性元素的一致性，即網(wǎng)站或公司名稱、網(wǎng)站或企業(yè)標志、導航及輔助導航的形式及位置、公司聯(lián)系信息等，這種方式是目前網(wǎng)站普遍采用的結構，一方面減少設計、開發(fā)的工作量，同時更有利于以后的網(wǎng)站維護與更新。

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

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

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

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

6、利用背景取得統(tǒng)一：從技術上而言，網(wǎng)頁背景包括背景色和背景圖像兩種，一般來說，我們并不提倡使用背景圖像，而使用背景色或色塊。原因很明顯，第一，下載速度，背景色的下載速度忽略不計，而背景圖像就得根據(jù)圖像字節(jié)大小下載了;第二，顯示效果，經(jīng)常看到國內(nèi)一些網(wǎng)站設有背景圖像，或者是公司的廠房、辦公大樓，或者是產(chǎn)品圖片，甚至是某某人物的照片，使得前面的文字很難辨認!

三、色彩搭配

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

1、運用相同色系色彩：所謂相同色系，是指幾種色彩在360°色相環(huán)上位置十分相近，大約在45°左右或同一色彩不同明度的幾種色彩，如：這種搭配的優(yōu)點是易于使網(wǎng)頁色彩趨于一致，對于這種用色方式容易塑造網(wǎng)頁和諧統(tǒng)一的氛圍，缺點是容易造成頁面的單調(diào)。

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

3、使用過渡色：過渡色能夠神奇地將幾種不協(xié)調(diào)的色彩統(tǒng)一起來，在網(wǎng)頁中合理地使用過渡色能夠使你的色彩搭配技術更上一層樓。

四、版面布局

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

在版面布局中主要是考慮導航、必要信息與正文之間的布局關系。比較多的情況是采用頂部放置必要的信息，如公司名稱、標志、廣告條以及導航條，或?qū)Ш綏l放在左側而右側是正文等等，這樣的布局結構清晰、易于使用。當然，您也可以嘗試其他布局的變化形式。

以上就是簡單的網(wǎng)站設計技巧，簡單明了的文字敘述，我相信您肯定有了進一步的了解，希望您在構思網(wǎng)站建設策劃時有自己的網(wǎng)站建設風格，我們期待與您共同探討。