網(wǎng)頁設(shè)計的版式視覺原理

  • 2020-04-02 13:14:12
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://supportcoffeeroasters.com

人通過視覺可以感知外部世界的多方面的信息。由視覺傳達的信息比其他所有感官所傳遞信息的總和還要高出好幾個數(shù)量級。因此,本節(jié)主要從視覺生理、心理的角度進行分析,以實現(xiàn)網(wǎng)頁設(shè)計時界面的版式合理布局、便于瀏覽的功能。

視覺突出

在具有一定配置的視覺空間內(nèi),有些對象突現(xiàn)出來形成主體,有些對象退居到襯托地位而成為背景。一般來說,主體與背景的區(qū)分度越大,主體就越突出而成為我們視覺感知的對象,“萬綠叢中一點紅”就是這個道理。反之,主體與背景的區(qū)分度越小,就越難以把主體與背景分開。要使主體突出讓視覺容易感知,不僅要具備突出的特點,且要具有明確的輪廓、明暗度和統(tǒng)一性

整體感

整體感人具有將由許多部分或多種屬性組成的對象看作具有一定結(jié)構(gòu)的統(tǒng)一整體的特性,稱為視覺的整體性。在感知熟悉的對象時,只要感知到它的個別屬性或主要特征,就可以根據(jù)累積的經(jīng)驗推斷它的其他屬性和特征,從而整體地感知它。1.jpg

【示例】當(dāng)一個熟人從遠處走來時,我們從他的大致輪廓和走路姿勢就可以辨認,而無須看清他的臉。但對于不熟悉的對象,我們往往傾向于把它感知為具有一定結(jié)構(gòu)的有意義的整體。

所示,人的第一視覺是一個完整的頭像,而不是一條條黑白相間的線條。

錯覺

錯覺是視覺形態(tài)受光、形、色等視知覺要素的干擾,在人的視覺中所產(chǎn)生的錯誤感,亦即主觀感受與客觀事實有所出入。這種視覺現(xiàn)象在設(shè)計領(lǐng)域應(yīng)用很廣,網(wǎng)頁設(shè)計涉及的錯覺現(xiàn)象主要有如下幾類。

1.構(gòu)形錯覺圖形與圖形之間互相影響而產(chǎn)生的形態(tài)變化,主要體現(xiàn)在造型要素的幾何形方面。

【示例】如圖所示,由于透視線的作用,同樣大小的立方體在靠近集中點(滅點)時,看起來顯得較大。

2. 色彩錯覺當(dāng)兩種或兩種以上的色并置時,由于色彩的對比因素,人在視覺上會產(chǎn)生錯覺。同樣灰度塊,放在不同顏色中,色相傾向不同,如圖所示。通過以上對錯覺的視覺規(guī)律的把握,在網(wǎng)頁設(shè)計中應(yīng)盡量避免因錯覺所帶來的不利影響。

1.jpg

視線移動規(guī)律

人眼的視線沿水平方向運動比沿垂直方向運動快而且不易疲勞。視線的變化習(xí)慣于從左到右,從上到下和順時針方向運動。當(dāng)視線沿既不水平,也不垂直的斜線方向移動時,在水平方向上下約45°的范圍視線為從左到右移動,在垂直方向左右約45°的范圍,視線為從上到下移動。了解了這些視覺特征,在進行版式設(shè)計時會更加科學(xué)、理性,而不僅僅停留在“感覺”層面,更多地為使用者考慮,是網(wǎng)頁界面人性化設(shè)計的要求。

網(wǎng)頁界面的版式設(shè)計屬于視覺設(shè)計,其最終目的是要有效地傳遞視覺信息。這里涉及提高傳達效率的問題,也就是說,版式設(shè)計應(yīng)該能增強人們對頁面的注意,增進對內(nèi)容的理解和記憶,從而影響人們的思想和行為。因此,必須依據(jù)人的視覺生理、心理特征,采取相應(yīng)的手段,讓版式設(shè)計發(fā)揮出更大的功效,達成最佳的訴求效果。因此網(wǎng)頁的版式設(shè)計一定要符合人的視覺習(xí)慣,滿足人的視覺生理需求。同時要注意產(chǎn)生疲勞感。合理安排視覺的流程,符合人的閱讀習(xí)慣。


當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計的版式視覺原理

當(dāng)前URL:http://supportcoffeeroasters.com/news/wzzz/3188.html

上一篇:網(wǎng)頁版式構(gòu)成原理(一)

下一篇:網(wǎng)頁設(shè)計中的版式構(gòu)成類型

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)