貼近 Proximity

當多個可見元素出現時，眼睛和大腦配合起來，傾向于根據它們的貼近和靠近關系進行分組。



這些圓形在你的視覺中分為幾組？

元素與另外的元素越貼近，用戶越從視覺上認為它們團結的越緊密（可以理解為是一種“閉合”）。設計師通常使用貼近的辦法對同類內容進行分組，同時留下間距，給用戶的視覺以秩序和合理的休憩。

延續 Continuation

當許多元素有組織的素排列在一個直線或曲線路徑上，這個原則將讓用戶的視覺系統認為元素正在按照路徑在延續下去。



視覺向量的指示作用

通常設計師使用這種構圖原則將告訴瀏覽者的視覺系統按照元素組成視覺向量進行延續。

在網頁上，這種延續的設計經常被用來指引用戶在可以點擊處停留，或者指引用戶滾動頁面進行瀏覽的延續；用戶的眼睛會在視覺向量的引導下一頁一頁的進行瀏覽。

相似 Similarity

元素具有近似外觀時會被看成是一組；同組中的元素可能具有相似的顏色、外形、大小、文本樣式。



相似度首先決定了區分度，此時貼近關系被弱化

當大量相似的元素出現的時候，視覺系統傾向于不把它們分開。

當元素之間的相似性比較弱時，視覺系統傾向于使用貼近的原則對它們進行組織，形成統一的整體。因此在創建網站的風格時，設計師可以使用近似的文本、顏色、圖像和留白，讓網頁保持一致。