做網站,選零度!
 
首頁 | 解決方案 | 零度軟件 | 零度文庫 | 零度案例 | 400電話辦理 | 培訓項目 | 關于零度
網頁設計中“線”的視覺構成
來源:零度網絡科技    點擊:1379    發表時間:2008-6-25 8:51:05

  線的視覺構成

  點的延伸形成線。
  線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質量和情緒。
  線是分割頁面的主要元素之一,是決定頁面現象的基本要素。
  總的來說,線分為直線和曲線兩種。這是線的總體形狀。同時線還具有本體形狀,兩端的形狀。
  線的總體形狀有垂直、水平、傾斜、幾何曲線,自由線這幾種可能。
  線是具有情感的。比如水平線給人開闊,安寧,平靜的感覺;斜線具有動力,不安,速度和現代意識;垂直線具有莊嚴,挺拔,力量,向上的感覺;曲線給人柔軟流暢的女性特征;自由曲線是最好的情感抒發手段。
  線的放射,粗細,漸變可以體現三維空間的感覺。
  將不同的線運用到頁面設計中,會獲得不同的效果。知道什么時候應該運用什么樣的線條,可以充分的表達你所要體現的東西。
  總之,線條是網頁設計師必須熟練運用的最得力的表現工具。我們應該對他有一定的了解。

例一:

網頁設計的視覺構成系列--線的視覺構成


//www.wolvesburrow.com/ODclassic.html

  在這個頁面中,水平線的重復排列形成一種強烈的形式感和視覺沖擊力,能夠在第一眼就產生興趣,達到了吸引訪問者注意力的目的。
  自由曲線的運用,打破了水平線組成的莊嚴和單調,給網頁增加了豐富、流暢、活潑的氣氛。
  水平線和自由曲線的組合運用,形成新穎的形式和不同情感的對比,從而將視覺中心有力的襯托出來。
  值得提出的是,頁面中點(按鈕)的運用,使頁面的形象更加活潑,豐滿。

例二:

網頁設計的視覺構成系列--線的視覺構成


//www.jiong.com/html/intro.html

  線還具有兩端形狀。線的兩端形狀可以任意形的,它決定了線的本體形狀。
  在這個頁面中,設計師運用了具有書法味道的線條,粗糙的邊緣形成特殊的肌理,表現了強烈的個性特征和藝術效果。
  邊緣圓滑的曲線條(字母)在粗糙背景的襯托下,顯得很特殊并引人注目。在這里,字母也可以看做是構成頁面的線條的一種。
  底紋采用了不規則,方向不一的虛線條,在豐富肌理的同時,和粗線、曲線(字母)形成對比,產生了縱深空間的感覺。
  曲線(字母)的大小對比也可以豐富空間層次。
  近實遠虛的繪畫原理,在這里得到了最充分地體現。

網頁設計的視覺構成系列--線的視覺構成


//www.jiong.com/html/intro.html

  將曲線(字母)隨意的重疊,變形,占踞了頁面左上角的很的一部分空間。配合夢幻般的背景,體現了設計師虛無迷茫,雜亂無章的思緒。
  自由曲線是表現情感的最佳造型手段。


例三:

網頁設計的視覺構成系列--線的視覺構成


//www.primecut.net/

  線條除了體現情感外,還能夠利用粗細、虛實(例二談過),漸變,放射產生深度空間和廣度空間。
  上面的頁面中,圍繞同心的放射圓,在粗細和虛實上形成深度空間。設計師巧妙的將3D造型的LOGO放在圓心上,非常引人注目。
  頁面左邊,長短不一的線段在視覺中形成虛實的變化,強調了頁面空間的構成。

網頁設計的視覺構成系列--線的視覺構成


//www.mdavidson.com/frameset.html

  離心放射的線條,具有力量和挺拔的感覺。類似于太陽的光芒,使版面的視線更加開闊。
  他同時具有吸引瀏覽者視線的作用,和同心放射有異曲同工之妙。

例四:

網頁設計的視覺構成系列--線的視覺構成


//www.searchbots.net

  線條還具有分割版面的作用。
  在上頁中,水平線將頁面分割成上下兩部分。
  在頁面上部,曲線的勾勒配合色彩漸變,創造出不同的形體(產品),并通過右上角的線(產品輪廓)聯系起來,并將視線引導到網站的LOGO上面。
  在頁面下部,線條分割造成大小方向不一的,帶有圓角的形,作為網站的功能按鈕區。通過柔軟并稍微向右上傾斜的波浪線連成一個整體。同樣將視線引導到LOGO附近。 

          網頁設計的視覺構成系列--線的視覺構成
//www.girlshop.com/shop/girls/default.asp

  在這個頁面中,優美的曲線將頁面清晰的分割為功能和內容兩個區域。
  同時,富有變化的,柔軟流暢的曲線,配合時尚的色彩,將這個女性用品網站淋漓盡致的表達出來。

網頁設計的視覺構成系列--線的視覺構成


//www.guyshop.com/shop/guys/default.asp

  這是上面的系列站點,在這里,向上,挺拔的直線分割了整個頁面。直線和中灰色彩的運用,突出了網站的男性定位。

[作者:零度網絡科技 類別:設計理論]   

  + 上下文導讀:
上一篇文章:網頁設計中“面”的視覺構成
下一篇文章:網頁設計中“點”的視覺構成
  + 文章評論:
  + 發表評論:
姓名:
Email:
內 容:
 


您可能還會對以下文章感興趣:
·從網頁設計到UI設計—重在設計理念的轉變
·網站的視覺設計十八條
·網頁設計中“面”的視覺構成
·網頁設計中“點”的視覺構成
·網站的整體風格和創意設計
·網頁設計版面怎樣布局
·網站設計的原則
·關于超鏈接的下劃線
零度文庫推薦 更多...
·網站運營可能失敗的7種原因
·和新手談談怎樣才有更多流量
·影響排名的六大因素
·怎樣發表文章才來流量
·中小企業如何做好信息推廣工作
·新網站做宣傳最好的八種方法
·關于超鏈接的下劃線
·個人網站怎樣轉成商業網站?
·十點網站推廣的注意事項
·上饒網站建設為什么選擇零度?
上饒網站制作
聯系零度
上饒市億升廣場南座908室
0793-8209673 8169953
403055110 18265371
[email protected]
[email protected]
您還可以在線咨詢>>
 
付款方式 | 關于零度 | 聯系零度 | 版權聲明 | 友情鏈接 | 400電話辦理 | 乒乓球直拍握法
版權所有:零度網絡科技 法律顧問:江西饒誠律師事務所
地址:江西省上饒市信州區億升廣場南座908室 零度信箱:[email protected]
業務咨詢:4008-0793-08 技術支持:0793-8209673 贛ICP備09007308號