整體性
設計理論中描述整體性是組成當中不同元素之間的互動形式。一個整體的網站是作為一個整體而存在的而不是被分成好幾塊。就拿圖1.14的猴子作為一個例子。他們相似的顏色和圖形意味著他們很容易的被組合在一起，而不僅僅是四個猴子。
在現在它雖然不是這樣一個問題，整體性是為什麼許多網頁設計師門一向鄙視的html框架的許多原因之一。整體性不僅應用於一個網頁的所有元素，還應用於整個網站的網頁——網頁本身就應該是一個整體，這是非常重要的。我們可以用兩個辦法來實現統一佈局（框架除外）：近距離和重複。
圖1.14 滿足整體性的猴子
就近
就近是明顯的，但常常被忽視的方式讓一族物件覺得自己像一個單一的單位。把不局內的物體緊密的聯繫在一起而建立一個能夠吸引人的焦點。看看圖1.15的繪畫。而這幅畫中看似隨機的各種各樣的筆觸，最接近於一起出現的這五個筆觸，形成了一個統一的整體。 
圖1.15利用近距離創建一個群體
當我們開始設置利潤率和填充內容時，我們把網頁近距離的概念應用上去。舉例來說，當我為大多數網站定義CSS樣式規則時，我通常更改存在於網頁的共同元素中默認的空白，例如標題（h1,h2,h3…），段落，區塊，甚至圖像。通過改變這些值，我可以帶來元素內容之間或多或少的空間，從而創造一族。
當你你看圖1.16兩列文字時，您會發現，它們看起來非常相似。唯一的區別是在標題的放置。在頁面的左列，標題 “Unkgnome”和頂部以及底部段落的距離是相等的。這導致了這個標題看起來比更像下一個段落的分離器而不是標題。在第二列 ，標題“Gnomenclature”被放在離它較近的段落。依據就近原則，這個標題屬於該段落的文字。
圖1.16 ：標題和內容之間的就近原則
重複
一群的鵝，一群的魚，一隻傲慢的獅子。不管何時你把相似的東西放在一起，他們就形成一個團體。以同樣的方式，通過重複使用相同的顏色，形狀，紋理，或類似的物體把網頁設計連接在一起，讓人感覺像是一個有凝聚力的整體。
例如，圖1.17顯示出的重複。即使方便有其他類似的筆觸，在左邊的九個紅色筆觸看起來是一個統一的團體，因為他們重複使用相同的形狀、顏色和紋理。在右邊的筆觸沒有重複的樣式，即使旁邊有其他形狀，他們看上去還是孤立的。
圖1.17 ：創建一個重複使用的整體
不知道你是否注意到，重複是常常被應用在網站設計使佈局的元素成一體上。這個概念被應用在未修改的html元素一個很好的例子是圖示列表。在每個專案清單之前的小圖示是一個視覺指標，小圖示列表是整體的一部分。重複模式和組成也可以幫助統一設計。
看一看澳大利亞設計師Andrew Krespanis 的個人網站left Justified 9。這種佈局包含許多引人注目的元素，對反復使用的紅色木質組成的標題，功能表，頁面邊界逐個把網頁的各個分塊連接在一起。
圖1.18 ：left Justified的首頁
重點
與整體聯繫比較緊密的是重點或優勢的概念。把重點理解成把重點放在讓設計的各個元素匹配在一起上，倒不如把重點理解成如何使某一特定元素吸引觀眾的注意。當你設計一個網頁佈局，你往往會確定一個專案的內容，或確定佈局本身，你希望它們能夠脫穎而出。或許這是一個您希望用戶按下的按鈕，或一則您希望他們閱讀的錯誤資訊。
http://leftjustified.net/
達到這個重點的其中一種方法是把所有元素設置成一個焦點。焦點就是網頁上任何吸引讀者的內容。而不是僅僅的認為是作為一個整體或融入周邊的網頁中的一部分。和整體性一起，存在獲取焦點的正在嘗試或者真正實現了的方法。
