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