“格局塔”原理在網(wǎng)頁規(guī)劃中的運用

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

　　概括/區(qū)域 Figure/Ground

　　概括/區(qū)域聯(lián)系是一種最基本的視覺感知規(guī)律。

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

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

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

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

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

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

　　均衡 Equilibrium

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

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

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

　　閉合 Closure or Completion

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

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

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

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

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

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

　　接近 Proximity

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

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

　　連續(xù) Continuation

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

　　視覺向量的指示效果

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

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

　　類似 Similarity

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

　　類似度首要決定了區(qū)別度，此刻接近聯(lián)系被弱化

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

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