一個設計精美的網站，第一步就是需要一個優秀的布局。首先，我們需要考慮好需要在首頁上展示的內容，然后選擇一個合理不錯的布局形式。布局形式通常有兩種，一種是傳統正規的模式，另外一種則是與眾不同的布局模式。

 

選用那種布局，主要根據企業的特點，以及需要向訪問者傳遞的信息。如果是傳統的公司，服務和產品又是比較傳統普遍，需要給訪問者一個比較穩重可信、專業權威的企業形象。那么就需要選擇傳統的模式。

 

如果是經營有創意性質的行業，或者是新興的行業，需要給訪問者深刻的印象與活力，那么就建議采用于眾不同的布局模式。

 

傳 統的布局模式通常網頁的各個內容都是按照訪問者的閱讀習慣來進行放置的。logo在左上角，導航條在上方居中或者居右，下方主題大圖在中間靠上的位置，在 下來就是文章列表和圖片列表，有按鈕、文章摘要和文章圖片等。所有的元素以矩形的方式進行排布，整齊清晰地顯示在頁面上。

 

新興的布局模式有著很大的發揮空間，有著很多帶有創意的布局模式。不過logo、導航、主題大圖基本上都是具備的。要做好有創意的布局，可以充分參考各種網站，幫助自己找到布局的靈感。

 

 

  首 先，在設計上要注意一個大原則，就是網頁上面的色彩最多不要超過三種主要的顏色。顏色過多，畫面就會顯得凌亂。網頁設計和平面設計是很不同的，最大的差別 就是平面設計需要在遠距離的情況下搶奪人們的眼球，并且給人留下深刻的印象。而網頁設計的觀看是在顯示器上進行瀏覽，設計只是為了更好地展示網站的內容。 所以，網頁設計的可讀性的要求比較高，要求頁面人性化，閱讀起來舒服。

 

所以，網頁設計是非常切忌設計得色彩凌亂的。顏色上就最好不要超過 3種主色調。另外在頁面當中要充分考慮留白，切忌讓畫面充滿整個屏幕。在過去的瀏覽器，我們顯示器的分辨率師800*600，所以頁面的設計多為800的 寬度。而現在，顯示器已經達到了1024*768的分辨率，并且很多寬屏的顯示器已經可以顯示1280寬度了。很多人喜歡設計1000的寬度的頁面，但是 這并不友好。在1024的顯示器下面瀏覽就是滿屏。著名的大公司網站設計基本上都是960左右的寬度，留有一部分空白，或者使用一些柔和的背景。這樣的設 計看起來就特別的舒服。

 

同時，底色的選擇也是很重要的。由于網頁主要的作用還是閱讀，所以大部分的網頁都是采用白色背景底色。少數在設計上需要體現個性的網頁會使用深色底色。如果您的企業是比較傳統的行業，追求莊重、大氣和專業化，那么多數情況下還是采用白色底色。

 

文 字的顏色分成了標題文字和正文文字。對于標題文字，可以積極向網頁的主色調進行靠攏。或者在主色調的背景上一反白進行顯示。而正文文字，則采用黑色比較合 適。沒有經驗的網站設計公司往往直接采用了黑色作為正文文字。而事實上，應該采用80%或90%灰度的黑色作為正文文字，閱讀起來對比度不高，感覺比較舒 服。

 

最后，我要說說網站主色的使用。主色調主要和logo的顏色進行一致。Logo的設計多數為深色調。所以網站的主色也多數為一些深色。例如紅、藍、綠等。在使用這些顏色的使用，切忌將這些耀眼的顏色大面積地使用。過大的色塊會讓人覺得壓抑，效果不好。

 

另外，可以通過將這個主色在色調和亮度上進行變化，用在網站不同的區域，是網站不會在顏色上過于單調。

 

 

  與平面設計不同，網頁設計由于估計的方面很多，結果無法像平面設計一樣隨意發揮創意。網頁設計第一要考慮用戶瀏覽的方便性，第二要考慮技術的實現便利性。所以，大部分的網頁設計布局都是成矩形塊狀的方式進行布置的。

 

對于網站的主辦者，設計非常重要，可是對于訪問者，閱讀的便利性更加重要。所以，我們首先應該滿足訪問者在閱讀時候的便利性，然后考慮如果在設計上實現最佳的效果。而在這樣的條件下，正在出彩的地方，往往就在細節了。

 

網 頁當中的每個元素的精致程度，直接就決定了網頁設計的檔次。要讓一個網站能夠反映出這個企業的專業性和行業地位，其實就是要把細節設計好。比如說logo 的處理，加上一定的光澤和漸變效果，甚至可以做倒影的效果；還有就是導航條的質感，同樣是一個藍色的矩形導航條，但是可以在紋路上進行設計，使其質感與眾 不同；還有下方的文本區域框，邊緣的線條也可以做精致的設計，使其更有立體感；再就是背景，在空白的地方適當加入不影響閱讀的背景圖案或者紋路，可以使網 站的質感得到巨大的提升。而這些所有的細節匯集在一起，將會成就一個檔次極高的網頁設計。

 

 

  我們都知道網頁設計是各個元素在網頁上進行布局，然后配上設計而實現的。這些元素當中，有圖片、文字、標題、按鈕等等。那么圖片，其實是對設計給人第一印象最深刻的地方，而且也是最基本的要素。

 

首先，我們知道每個首頁都有一個主題大圖，這個圖基本上都占據了1/3的屏幕位置。這個圖片的質感對網頁的設計影響很大。那么，這個圖該如何進行設計呢？

 

很 多剛入門網頁設計的人員，在設計這張圖的時候，就只是在客戶素材或者圖庫當中選擇合適的圖放上去。這是一個很大的誤區。這個圖的最重要的作用是需要傳遞企 業的一個信息給每一個進入訪問的瀏覽者。所以，在設計這個圖之前，應該充分了解企業希望表達的概念。要把這張圖做成一個有意義、有概念的圖才是成功的設 計。

 

要做到這點，這個圖當中就必須包含文字。而為了配合圖中文字的出現，這個圖很多時候就會進行一定的處理，把背景處理成為純色、或者是遮罩了部分的內容，讓透明度進行漸變。大家可以充分參考那些大公司的網站就可以知道。