導語：隨著網際網路行業不斷的日益完善和發展，網站建設中網頁的設計已經不像以前那樣簡單的去用設計軟體設計一個網頁效果圖那麼簡單了。在進行網站設計的時候不僅要保證網站視覺上的美觀，其更加主要的是要綜合考慮對網站後期優化影響，一個好的網站設計師不僅可以把網站設計的讓人看到後感到賞心悅目，還能讓網站的整體架構符合網站優化，符合搜尋引擎蜘蛛的爬去，只有這樣去設計一個網頁才能事半功倍，讓網站建設遊弋有餘。以下是小編為大家精心整理的網頁設計知識，歡迎大家參考！
1、排列
垂直和水平排列是簡潔設計的首要關鍵。隨意地排列元素不會營造出網站的簡潔感和一致感，而這兩個特點通常是非常優秀和專業的網站應該具備的。合適的排列有助於保持網站設計的層次感和一致性。
在處理圖片和文字元素時，要注意整個頁面是否水平對齊。位於頁面頂部的各元素要水平對齊。底部的元素亦然。
頁面的垂直排列同樣要予以重視。各元素之間應具有相同的寬頻，同時元素之間的空格距離亦然要保持一致，做到各個圖片間邊距相同，也要注意不同形狀的圖片排列。
在網站設計過程中，對齊條目最快，最簡單的方法就是使用網格。至於什麼樣的網格型別和大小的使用效果最佳，這並沒有固定的規則。不過，有些型別的網格結構確實有助於達到理想的排列效果。
網格是由水平和垂直方向的直線交錯形成的均勻小方框，類似於你上幾何課用的網格紙。網格可用來進行定位和元素大小的調整，另外，柱狀網格也是不錯的選擇。當然，自己建立網格或下載事先製作好的模板也是可行的。
2、字型效果
從頭開始建站，字型的選擇是最為困難的部分之一。為了保持設計的簡潔性，不宜選用過多的字型，字型過多甚至會毀掉專案中大部分細節。
通過改變字型屬性達到反差效果。在不使用其它字型的情況下，改變字型大小，粗細和顏色即可形成反差效果。通常，大多數網站只使用兩種字型，這樣排出的版面條理清晰，又方便使用者閱讀。
在使用字型前，應考慮字型大小和粗細。整個網站的常見條目的字型屬性維持不變，標題使用同一種字型，大小和顏色，副標題則保持字型不變，大小，顏色，粗細進行相應變化，內容文字使用不同於前兩者的顏色，粗體字。為了方便查閱，可將網站不同部分的字型屬性設定進行記錄，這樣可以保證頁面與頁面間的字型規格一致。
3、顏色
使用少量的字型對設計有幫助。同樣的道理，少量幾種顏色也能起到相同的效果。在配色時，要注意每個樣本的顏色混合。整個網站的顏色混合要準確，紅色不僅僅是紅色，甚至元素之間輕微差異都會顯得不和諧。
建站時要記下所有顏色的'值。對於顏色的差異，可用不同色調起強調作用，比如說，Netlife Research在堅持顏色一致這點上就做得很棒，整個網站使用了三種相同的綠色調。你的配色不必像這樣簡單，但是當你開始起草新設計時，要記住這個原則。
4、反差效果
網站上總有一些元素，比如圖片，顏色或文字更能吸引使用者的目光。有計劃地為這些元素建立反差效果，能快速吸引使用者注意。如果你想要站點的某個區域引人關注，那麼就在該區域製造鮮明的反差效果。
通過顏色達到反差效果是最簡單的方法之一。選定背景和文字顏色之後，可使用一些完全不同的元素來增強網站某個位置的吸引力。在這一點上，可參見Doberman使用的極簡主義。黑白兩色是網站最基本的配色方案，勝在簡潔可靠，不過新增一些黃色塊元素更能達到強調的效果。而亮色與嚴肅的主題所形成的鮮明對就很搶眼。此外，網站設計者在網站其它關鍵區域可新增藍色形成其它的反差效果。
你也可通過其它手段製造對比效果，比如，字型大小和粗細的變化也能產生對比效果，並且有助於提升整體層次感。
5、一致性
在成都網站設計中，最關鍵的細節就是保持所有元素一致。比如說，頁首和橫幅圖片儘量保持一致，導航欄條目要使用相同的詞語，共同的元素使用相似的顏色等。另外，還要堅持自己的字型風格。如果有網格，務必要用起來。
確保網站所有小的細節完整，如果把小細節都留待最後考慮會損害你的網站。設計完成時，記得將細節記在備忘錄上。
