本節書摘來自異步社群《網頁設計與前端開發 dreamweaver+flash+photoshop+html+css+javascript 從入門到精通》一書中的第1章，第1.3節，作者： 何新起 , 任慎存 , 田月梅更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
設計是有原則的，網頁設計遵循以下幾個原則：統一、連貫、分割、對比及和諧。
統一是指網頁的整體性和一緻性。網頁的整體效果是至關重要的，網頁中各個版塊設計風格要一緻協調。圖1-17所示的網頁整體看起來就比較統一。
連貫是指要注意頁面的互相關系。設計中要注意各組成部分在内容上的内在聯系和表現形式上的互相呼應，并注意整個頁面設計風格的一緻性，實作視覺上和心理上的連貫，使整個頁面設計的各個部分融洽得猶如一氣呵成。
分割是指将頁面分成若幹小塊，小塊之間有視覺上的不同，這樣可以使浏覽者一目了然。圖1-18所示的網頁分成了若幹小塊。
對比就是通過沖突和沖突，使設計更加富有生氣。對比的手法很多，如多與少、曲與直、強與弱、長與短、粗與細、主與次、黑與白、動與靜及美與醜等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。圖1-19所示的網頁設計中運用了對比效果。
和諧是指整個頁面符合美的法則，渾然一體。網頁不僅僅是色彩、形狀、線條等的随意混合。