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

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

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

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

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

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

　　一般概括被稱(chēng)為“肯定感知元素”而區(qū)域被稱(chēng)為“實(shí)體周?chē)�的空間”或“空白”。

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

　　同樣，當(dāng)咱們觀察顯示器時(shí)，也有必要從視覺(jué)上把各種各樣的概括從它們所在的窗口、桌面上分離出來(lái)。

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

　　均衡 Equilibrium

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

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

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

　　閉合 Closure or Completion

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

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

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

　　封閉是取悅用戶(hù)視覺(jué)心思的重要準(zhǔn)則。

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

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

　　接近 Proximity

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

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

　　連續(xù) Continuation

　　當(dāng)許多元素有安排的素?cái)[放在一個(gè)直線(xiàn)或曲線(xiàn)路徑上，這個(gè)準(zhǔn)則將讓用戶(hù)的視覺(jué)體系認(rèn)為元素正在按照路徑在連續(xù)下去。

　　視覺(jué)向量的指示效果

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

　　在網(wǎng)頁(yè)上，這種連續(xù)的規(guī)劃經(jīng)常被用來(lái)指引用戶(hù)在能夠點(diǎn)擊處逗留，或者指引用戶(hù)滾動(dòng)頁(yè)面進(jìn)行閱讀的連續(xù);用戶(hù)的眼睛會(huì)在視覺(jué)向量的引導(dǎo)下一頁(yè)一頁(yè)的進(jìn)行閱讀。

　　類(lèi)似 Similarity

　　元素具有近似外觀時(shí)會(huì)被看成是一組;同組中的元素可能具有類(lèi)似的顏色、外形、大小、文本樣式。

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

　　當(dāng)很多類(lèi)似的元素出現(xiàn)的時(shí)候，視覺(jué)體系傾向于不把它們分隔。

　　當(dāng)元素之間的類(lèi)似性比較弱時(shí)，視覺(jué)體系傾向于運(yùn)用接近的準(zhǔn)則對(duì)它們進(jìn)行安排，構(gòu)成統(tǒng)一的全體。因此在創(chuàng)建網(wǎng)站的風(fēng)格時(shí)，規(guī)劃師能夠運(yùn)用近似的文本、顏色、圖畫(huà)和留白，讓網(wǎng)頁(yè)堅(jiān)持一致。