<output id="jbxdv"></output>

      1. 網頁設計的版式視覺原理

        • 2020-04-02 13:14:12
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

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

        視覺突出

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

        整體感

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

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

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

        錯覺

        錯覺是視覺形態受光、形、色等視知覺要素的干擾,在人的視覺中所產生的錯誤感,亦即主觀感受與客觀事實有所出入。這種視覺現象在設計領域應用很廣,網頁設計涉及的錯覺現象主要有如下幾類。

        1.構形錯覺圖形與圖形之間互相影響而產生的形態變化,主要體現在造型要素的幾何形方面。

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

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

        1.jpg

        視線移動規律

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

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


        當前文章標題:網頁設計的版式視覺原理

        當前URL:http://www.freenetsites.com/news/wzzz/3188.html

        上一篇:網頁版式構成原理(一)

        下一篇:網頁設計中的版式構成類型

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>