首頁(yè) > 設計 > 網(wǎng)頁(yè)設計 > 正文

網(wǎng)頁(yè)設計中“點(diǎn)、線(xiàn)、面”的視覺(jué)構成

2018-10-16 20:51:32
字體:
來(lái)源:轉載
供稿:網(wǎng)友
點(diǎn)、線(xiàn)、面是構成視覺(jué)空間的基本元素,是表現視覺(jué)形象的基本設計語(yǔ)言。網(wǎng)頁(yè)設計實(shí)際上就是如何經(jīng)營(yíng)好三者的關(guān)系,因為不管是任何視覺(jué)形象或者版式構成,歸結到底,都可以歸納為點(diǎn)、線(xiàn)和面。 
  一個(gè)按鈕,一個(gè)文字是一個(gè)點(diǎn)。 
  幾個(gè)按鈕或者幾個(gè)文字的排列形成線(xiàn)。
  線(xiàn)的移動(dòng)或者數行文字或者一塊空白可以理解為面。 
  點(diǎn)、線(xiàn)、面相互依存,相互作用;可以組合成各種各樣的視覺(jué)形象,千變萬(wàn)化的視覺(jué)空間。 

點(diǎn)的視覺(jué)構成 
  在網(wǎng)頁(yè)中,一個(gè)單獨而細小的形象可以稱(chēng)之為點(diǎn)。點(diǎn)是相比較而言的,比如一個(gè)漢字是由很多筆劃組成的,但是在整個(gè)頁(yè)面中,他可以稱(chēng)為一個(gè)點(diǎn)。點(diǎn)也可以是一個(gè)網(wǎng)頁(yè)中相對微小單純的視覺(jué)形象,如一個(gè)按鈕(BUTTON),一個(gè)LOGO等等。 

  需要說(shuō)明的是,并不是只有圓的形才叫一個(gè)點(diǎn),方形,三角,自由形都可以作為視覺(jué)上的點(diǎn),點(diǎn)是相對線(xiàn)和面而存在的視覺(jué)元素。 

  點(diǎn)是構成網(wǎng)頁(yè)的最基本單位,在網(wǎng)頁(yè)設計中,經(jīng)常需要我們主觀(guān)的加些點(diǎn),如在新聞的標題后加個(gè)NEW,在每小行文字的前面加個(gè)方或者圓的點(diǎn)。 

  點(diǎn)在頁(yè)面中起到活潑生動(dòng)的作用,使用得當,甚至可以是畫(huà)龍點(diǎn)睛的。 

  一個(gè)網(wǎng)頁(yè)往往需要有數量不等,形狀各異的點(diǎn)來(lái)構成。點(diǎn)的形狀、方向、大小、位置、聚集,發(fā)散,能夠給人帶來(lái)不同的心理感受。 

  下面我們就具體的頁(yè)面,談?wù)匋c(diǎn)的運用和表現。 

在這個(gè)頁(yè)面中,只有唯一的一個(gè)點(diǎn),四周是大量的空白,于是它馬上成為吸引視線(xiàn),引發(fā)興趣的視覺(jué)中心。而這個(gè)視覺(jué)中心就應該是你想表達的主題,效果是最直接明確的。 

  在你實(shí)際瀏覽這個(gè)頁(yè)面的時(shí)候,這個(gè)處于三維空間點(diǎn)(花生)旁邊環(huán)繞著(zhù)一段電腦聯(lián)線(xiàn)。三維技術(shù)的運用,更突出了這個(gè)視覺(jué)中心,讓你迫不及待的點(diǎn)擊進(jìn)入下一級頁(yè)面。

此主題相關(guān)圖片如下:

按此在新窗口瀏覽圖片


這是同一網(wǎng)站二級頁(yè)面中的一個(gè),我們可以將每一組形看做是一個(gè)點(diǎn),如NEWS可以稱(chēng)做點(diǎn),右下角還有四個(gè)點(diǎn)。所有的點(diǎn)互相呼應,組成不穩定的三角構圖。在這個(gè)頁(yè)面中,重復出現了用三維動(dòng)態(tài)技術(shù)表現,最吸引視線(xiàn)的首頁(yè)的點(diǎn)(花生)。 
本文作者:
發(fā)表評論 共有條評論
用戶(hù)名: 密碼:
驗證碼: 匿名發(fā)表