點、線、面是構成視覺空間的基本元素,是表現(xiàn)視覺形象的基本設計語言。
網站設計實際上就是如何經營好三者的關系,因為不管是任何視覺形象或者版式構成。歸結到底,都可以歸納為點、線和面。一個按鈕、一個文字是一個點:幾個按鈕或者幾個文字的排列形成線:而線的移動或者數(shù)行文字、一塊空白可以理解為面。
一、點的構成在網頁中,一個單獨而細小的形象可以稱為點。點是相比較而言的,比如一個漢字是由很多筆畫組成的,但是在整個頁面中,可以稱為一個點。點也可以是網頁中相對微小單純的視覺形象,如按鈕、Logo等。
需要說明的是,并不是只有圓形的才叫點,方形、三角、自由形都可以作為視覺上的點,點是相對線和面而存在的視覺元素。
點是構成網頁的最基本單位。在
網頁設計中,經常需要我們主觀地加些點,如在新聞的標題后加個NEW,在每小行文字的前面加個方或者圓的點。點在頁面中起到活潑生動的作用,使用得當,甚至可以起到畫龍點睛的效果。一個網頁往往需要有數(shù)最不等、形狀各異的點來構成,點的形狀、方向、大小、位置、聚集或發(fā)散,能夠給人帶來不同的心理感受。
二、線的構成點的延伸形成線,線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質量和悄緒。
線是分割頁面的主要元素之一是決定頁面現(xiàn)象的基本要素。線分為直線和曲線2種。這是線的總體形狀。同時線還具有本體形狀、兩端的形狀。線的總體形狀有垂直、水平、傾斜、幾何曲線和自由線等。
線分為4類:直線、曲線、折線以及三者的混合。直線又有水平線、垂直線、斜線3種形式。其中,水平線給人平靜、開闊、安逸的感受:垂直線給人崇高、挺拔、嚴肅的感受;曲、折、弧線具有強烈的動感,更容易引起視線的前進、后退或擺動:自由線是好的情感抒發(fā)手段。將不同的線運用到頁面設計中,會獲得不同的效果。知道什么時候應該運用什么樣的線條,可以充分表達你所要體現(xiàn)的東西。如下圖所示為線構成的網頁。
三、面的構成面是無數(shù)點和線的組合。面具有一定的面積和質量,占據空間的位置更多,因而相比點和線來說視覺沖擊力更大更強烈。
當頁面中有一個點時,它能吸引人的視線。有兩點時,人的視線就會在這兩點之間來回流動。當兩點錯位排列時,則視線呈曲線擺動。當兩點有大小之別時,視線就會由大點流向小點,且產生透視效果,給人遠近之感。當頁面中有3個點時,視線在這三點之間流動,會讓人產生面的聯(lián)想。在密集的相同形狀的點中出現(xiàn)異形點時,則異形點特別能引起人們的注意。
可見,點的排列所引起的視覺流動,引入了時間的因素。利用點的大小、形狀與距離的變化,可以設計出富于節(jié)奏韻律的頁面。點的連續(xù)排列構成線,點與點之間的距離越近,線的特性就越顯著。點的密集排列構成面,同樣,點的距離越近,面的特性就越顯著。
只有合理地安排好面的關系,才能設計出充滿美感、藝術感和實用的網頁作品。在網頁的視覺構成中,點、線、面既是最基本的造型元素,又是最重要的表現(xiàn)手段。在確定網頁主體形象的位置、動態(tài)時,點、線、面將是需要最先考慮的因素。只有合理地安排好點、線、面的互相關系,才能設計出具有好視覺效果的頁面。如下圖所示為面構成的網頁。
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)