“格局塔”原理在網(wǎng)頁規(guī)劃中的運用 |
發(fā)布時間:2019-12-05 文章來源:本站 瀏覽次數(shù):3214 |
《平面規(guī)劃材料——“格局塔”視覺原理》一文將“格局塔”視覺原理進這個視覺規(guī)劃領(lǐng)域通用的規(guī)律做了簡略的介紹。美國內(nèi)華達大學(xué)的網(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ū)域中分離出來。例如,當(dāng)咱們閱讀時,咱們有必要把文字從紙張上閱讀出來。 同樣,當(dāng)咱們觀察顯示器時,也有必要從視覺上把各種各樣的概括從它們所在的窗口、桌面上分離出來。 有時恰恰相反,屏幕上的概括,不那么清楚明了,由于太多的“感知元素”吸引著你的眼睛的注意力。 均衡 Equilibrium 閱讀者傾向于尋求視覺組合中的次序或平衡,便是均衡。 眼睛和大腦配合的視覺進程中,人們總是期望整個視場中存在一種均衡狀態(tài)。例如,由于屏幕往往是與地面筆直,那么在人們的感知中會認為屏幕上的圖畫也存在著重力體系。 堅持均衡便是“和諧”,打破均衡可能造成“沖突”,而徹底不均衡便是“紊亂”。 閉合 Closure or Completion 閉合,填充概括便是封閉的形狀,眼睛和大腦配合總是在不斷的完結(jié)這個封閉的進程。 閱讀者的視覺體系會認為封閉的形狀比較穩(wěn)定(這也是一種均衡)。 在感知上,閱讀者傾向于從視覺上封閉那些開放或未完結(jié)的概括。 封閉是取悅用戶視覺心思的重要準(zhǔn)則。 比方,為了讓用戶堅持活躍投入關(guān)注,規(guī)劃師會故意發(fā)明一些簡略的形狀讓閱讀者去封閉。 用戶花越多的時刻去封閉形狀,規(guī)劃可能就越令人難忘;可是,假如圖形不能被閉合,觀眾的注意力就被渙散,由于封閉它們實在太難了。 接近 Proximity 當(dāng)多個可見元素出現(xiàn)時,眼睛和大腦配合起來,傾向于依據(jù)它們的接近和接近聯(lián)系進行分組。 元素與別的的元素越接近,用戶越從視覺上認為它們聯(lián)合的越嚴(yán)密(能夠理解為是一種“閉合”)。規(guī)劃師一般運用接近的方法對同類內(nèi)容進行分組,一起留下距離,給用戶的視覺以次序和合理的休憩。 連續(xù) Continuation 當(dāng)許多元素有安排的素擺放在一個直線或曲線路徑上,這個準(zhǔn)則將讓用戶的視覺體系認為元素正在按照路徑在連續(xù)下去。 視覺向量的指示效果 一般規(guī)劃師運用這種構(gòu)圖準(zhǔn)則將告訴閱讀者的視覺體系按照元素組成視覺向量進行連續(xù)。 在網(wǎng)頁上,這種連續(xù)的規(guī)劃經(jīng)常被用來指引用戶在能夠點擊處逗留,或者指引用戶滾動頁面進行閱讀的連續(xù);用戶的眼睛會在視覺向量的引導(dǎo)下一頁一頁的進行閱讀。 類似 Similarity 元素具有近似外觀時會被看成是一組;同組中的元素可能具有類似的顏色、外形、大小、文本樣式。 類似度首要決定了區(qū)別度,此刻接近聯(lián)系被弱化 當(dāng)很多類似的元素出現(xiàn)的時候,視覺體系傾向于不把它們分隔。 當(dāng)元素之間的類似性比較弱時,視覺體系傾向于運用接近的準(zhǔn)則對它們進行安排,構(gòu)成統(tǒng)一的全體。因此在創(chuàng)建網(wǎng)站的風(fēng)格時,規(guī)劃師能夠運用近似的文本、顏色、圖畫和留白,讓網(wǎng)頁堅持一致。 |
|