排列

整潔的設計的第一關鍵就在于對齊，包括水平和垂直對齊。隨隨便便地排列網(wǎng)頁元素的話是無法創(chuàng)作出整齊、一致的感覺的。這也是你的網(wǎng)站是否專業(yè)、優(yōu)秀的關鍵。良好的排列會讓你的網(wǎng)站看起來更有層次感。

向網(wǎng)站添加圖像和文字時要注意網(wǎng)頁元素是如何在頁面上排列的。每個項目的頂部是否在一條直線上？或者項目的底部是否在一條直線上？

當然，你也需要注意垂直排列。保證元素的寬度保持一致，要特別注意元素之間的空白處，元素之間的空間應該保持相同。注意不同寬度的漂亮的照片是如何在jux上的網(wǎng)格中排列的，間隔讓不同寬度和形狀的圖片排列地非常好。

在你配合網(wǎng)格設計網(wǎng)站能夠更簡單并且快速地達到良好的設計效果。使用何種類型或大小的網(wǎng)格才能工作得最好并沒有硬性規(guī)定，但是使用合適網(wǎng)格能夠幫你在腦海中形成一個比較完善的映象。

所以在你建設網(wǎng)站時最好使用網(wǎng)格來排列網(wǎng)頁元素。你可以使用一個縱橫分布的網(wǎng)格和分欄，使用自己創(chuàng)建的網(wǎng)格，或者下載一個優(yōu)秀的模板。

對比

網(wǎng)站中的某些元素可能會因為圖像或顏色或文字比其它的更吸引人的注意力。有效地規(guī)劃和使用這樣的對比能讓你控制哪兒更受注意。你可以在設計中使用顏色、文本和不同比重來保證網(wǎng)站的對比。確定網(wǎng)站哪兒更需要注意，在那里建立大的對比。

創(chuàng)造對比的一個最簡單的方法是通過顏色。當你確定了背景和文本顏色之后使用完全不同的顏色能夠強調網(wǎng)站的部分來突出重點。注意doberman網(wǎng)站的抽象化設計，該網(wǎng)站（不考慮圖片元素）只使用基本黑色和白色的配色方案，但使用了鮮艷的黃色來強調，和黑白的背景形成強烈對比，對眼睛造成極大的沖擊。此外，網(wǎng)站還使用了藍色來強調別的關鍵地方。

你還可以其它方法來制造對比，比如不同大小或者比重的字體也可以用來制造差異感。

字體

字體可能是建設網(wǎng)站時最難抉擇的部分之一。為了保持設計的整潔性，注意千萬不要選擇過多的字體種類。即使你的項目再復雜，也會被過多的字體種類給毀掉。

但是你可以使用各種字體的變種。不同大小、比重和顏色字體，能夠在增加多樣性的同時又保證了一致性。一般來說，不應該使用超過兩種字體來進行排版。簡單的排版可以幫助建立秩序便于閱讀。

當你計劃如何使用每種字體的尺寸和比重時，想想整個網(wǎng)站元素的相似之處。使用一個字體、類型、大小和顏色來裝飾標題，給副標題使用相同的字體，但是不同的大小、顏色或者比重。再給內容文字使用第三種類型、顏色或者大小的字體。注意使用類來定義元素樣式，保證網(wǎng)站各網(wǎng)頁之間的一致性。

顏色

和字體一樣，使用一定種類的顏色能夠完善設計，而調色板對于取色是非常有幫助的。注意記錄每個顏色的具體混合，在整個網(wǎng)站中使用同一個顏色的緩沖顏色。同一類元素之間則一定要使用相同的顏色，因為這里哪怕出現(xiàn)一點點的差異都會使網(wǎng)站顯得非常不協(xié)調。

記下你使用的所有的顏色，增加比重和特效來突出不同。比如netliferesearch就在整個網(wǎng)站中始終使用同一種顏色以及它的變種，使得整個網(wǎng)站保持了良好的一致性。當然，你也不是一定要使用如此簡單的設計，但是你在設計時一定要在腦海里謹記這一原則。

一致性

所有細節(jié)中最重要的一點就是一致性，網(wǎng)站中的所有元素必須在視覺和感覺上保持相當高的一致性。logo、header和banner不需要花哨，保證導航欄里的文字一致，同一類文字等元素使用相同或相似的顏色。調色板和網(wǎng)格對于網(wǎng)站設計都是很有用的。

千里之堤潰于蟻穴！在你的網(wǎng)站快完工時注意檢查所有的小部件是否還有問題。在完成設計后建立一個檢查列表來檢查框架：

垂直對象對齊；

水平對象對齊；

需要強調的元素很突出；

字體數(shù)目；

字體大小一致；

字體顏色種類；

適當?shù)纳蚀钆洌?/p>

頁眉和頁腳等元素的一致性