“格局塔”原理在網頁規劃中的運用

《平面規劃材料——“格局塔”視覺原理》一文將“格局塔”視覺原理進這個視覺規劃領域通用的規律做了簡略的介紹。美國內華達大學的網站上曾經有一篇介紹格局塔原理在Web規劃中運用的文章，現將部分內容翻譯出來與大家分享。

　　概括/區域 Figure/Ground

　　概括/區域聯系是一種最基本的視覺感知規律。

　　概括即“感知元素”內部與外部的區別(咱們能夠理解概括為無限精密的線段)。

　　區域指某“感知元素”獨占的背景、空間。

　　一般概括被稱為“肯定感知元素”而區域被稱為“實體周圍的空間”或“空白”。

　　在感知上，眼睛與大腦和諧作業協助咱們專注的把概括從區域中分離出來。例如，當咱們閱讀時，咱們有必要把文字從紙張上閱讀出來。

　　同樣，當咱們觀察顯示器時，也有必要從視覺上把各種各樣的概括從它們所在的窗口、桌面上分離出來。

　　有時恰恰相反，屏幕上的概括，不那么清楚明了，由于太多的“感知元素”吸引著你的眼睛的注意力。

　　均衡 Equilibrium

　　閱讀者傾向于尋求視覺組合中的次序或平衡，便是均衡。

　　眼睛和大腦配合的視覺進程中，人們總是期望整個視場中存在一種均衡狀態。例如，由于屏幕往往是與地面筆直，那么在人們的感知中會認為屏幕上的圖畫也存在著重力體系。

　　堅持均衡便是“和諧”，打破均衡可能造成“沖突”，而徹底不均衡便是“紊亂”。

　　閉合 Closure or Completion

　　閉合，填充概括便是封閉的形狀，眼睛和大腦配合總是在不斷的完結這個封閉的進程。

　　閱讀者的視覺體系會認為封閉的形狀比較穩定(這也是一種均衡)。

　　在感知上，閱讀者傾向于從視覺上封閉那些開放或未完結的概括。

　　封閉是取悅用戶視覺心思的重要準則。

　　比方，為了讓用戶堅持活躍投入關注，規劃師會故意發明一些簡略的形狀讓閱讀者去封閉。

　　用戶花越多的時刻去封閉形狀，規劃可能就越令人難忘;可是，假如圖形不能被閉合，觀眾的注意力就被渙散，由于封閉它們實在太難了。

　　接近 Proximity

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

　　元素與別的的元素越接近，用戶越從視覺上認為它們聯合的越嚴密(能夠理解為是一種“閉合”)。規劃師一般運用接近的方法對同類內容進行分組，一起留下距離，給用戶的視覺以次序和合理的休憩。

　　連續 Continuation

　　當許多元素有安排的素擺放在一個直線或曲線路徑上，這個準則將讓用戶的視覺體系認為元素正在按照路徑在連續下去。

　　視覺向量的指示效果

　　一般規劃師運用這種構圖準則將告訴閱讀者的視覺體系按照元素組成視覺向量進行連續。

　　在網頁上，這種連續的規劃經常被用來指引用戶在能夠點擊處逗留，或者指引用戶滾動頁面進行閱讀的連續;用戶的眼睛會在視覺向量的引導下一頁一頁的進行閱讀。

　　類似 Similarity

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

　　類似度首要決定了區別度，此刻接近聯系被弱化

　　當很多類似的元素出現的時候，視覺體系傾向于不把它們分隔。

　　當元素之間的類似性比較弱時，視覺體系傾向于運用接近的準則對它們進行安排，構成統一的全體。因此在創建網站的風格時，規劃師能夠運用近似的文本、顏色、圖畫和留白，讓網頁堅持一致。