• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁設(shè)計中“線”的視覺構(gòu)成

網(wǎng)頁設(shè)計中“線”的視覺構(gòu)成

網(wǎng)站工程師 于2019-11-28 10:21發(fā)表 閱讀次數(shù) 2853次

點的延伸形成線。 　　線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質(zhì)量和情緒。 　　線是分割頁面的主要元素之一，是決定頁面現(xiàn)象的基本要素。 　　總的來說，線分為直線和曲線兩種。這是線的總體形狀。同時線還具有本體形狀，兩端的形狀。 　　線的總體形狀有垂直、水平、傾斜、幾何曲線，自由線這幾種可能。 　　線是具有情感的。比如水平線給人開闊，安寧，平靜的感覺；斜線具有動力，不安，速度和現(xiàn)代意識；垂直線具有莊嚴(yán)，挺拔，力量，向上的感覺；曲線給人柔軟流暢的女性特征；自由曲線是最好的情感抒發(fā)手段。 　　線的放射，粗細(xì)，漸變可以體現(xiàn)三維空間的感覺。 　　將不同的線運用到頁面設(shè)計中，會獲得不同的效果。知道什么時候應(yīng)該運用什么樣的線條，可以充分的表達(dá)你所要體現(xiàn)的東西。 　　總之，線條是網(wǎng)頁設(shè)計師必須熟練運用的最得力的表現(xiàn)工具。我們應(yīng)該對他有一定的了解。下面我們用一些精彩實例來做具體的分析說明。例一： 　　在這個頁面中，水平線的重復(fù)排列形成一種強烈的形式感和視覺沖擊力，能夠在第一眼就產(chǎn)生興趣，達(dá)到了吸引訪問者注意力的目的。 　　自由曲線的運用，打破了水平線組成的莊嚴(yán)和單調(diào)，給網(wǎng)頁增加了豐富、流暢、活潑的氣氛。 　　水平線和自由曲線的組合運用，形成新穎的形式和不同情感的對比，從而將視覺中心有力的襯托出來。 　　值得提出的是，頁面中點（按鈕）的運用，使頁面的形象更加活潑，豐滿。例二： 　　線還具有兩端形狀。線的兩端形狀可以任意形的，它決定了線的本體形狀。 　　在這個頁面中，設(shè)計師運用了具有書法味道的線條，粗糙的邊緣形成特殊的肌理，表現(xiàn)了強烈的個性特征和藝術(shù)效果。 　　邊緣圓滑的曲線條（字母）在粗糙背景的襯托下，顯得很特殊并引人注目。在這里，字母也可以看做是構(gòu)成頁面的線條的一種。 　　底紋采用了不規(guī)則，方向不一的虛線條，在豐富肌理的同時，和粗線、曲線（字母）形成對比，產(chǎn)生了縱深空間的感覺。 　　曲線（字母）的大小對比也可以豐富空間層次。 　　近實遠(yuǎn)虛的繪畫原理，在這里得到了最充分地體現(xiàn)。 　　將曲線（字母）隨意的重疊，變形，占踞了頁面左上角的很的一部分空間。配合夢幻般的背景，體現(xiàn)了設(shè)計師虛無迷茫，雜亂無章的思緒。 　　自由曲線是表現(xiàn)情感的最佳造型手段。例三： 　　線條除了體現(xiàn)情感外，還能夠利用粗細(xì)、虛實（例二談過），漸變，放射產(chǎn)生深度空間和廣度空間。 　　上面的頁面中，圍繞同心的放射圓，在粗細(xì)和虛實上形成深度空間。設(shè)計師巧妙的將3D造型的LOGO放在圓心上，非常引人注目。 　　頁面左邊，長短不一的線段在視覺中形成虛實的變化，強調(diào)了頁面空間的構(gòu)成。 　　離心放射的線條，具有力量和挺拔的感覺。類似于太陽的光芒，使版面的視線更加開闊。 　　他同時具有吸引瀏覽者視線的作用，和同心放射有異曲同工之妙。例四： 　　線條還具有分割版面的作用。 　　在上頁中，水平線將頁面分割成上下兩部分。 　　在頁面上部，曲線的勾勒配合色彩漸變，創(chuàng)造出不同的形體（產(chǎn)品），并通過右上角的線（產(chǎn)品輪廓）聯(lián)系起來，并將視線引導(dǎo)到網(wǎng)站的LOGO上面。 　　在頁面下部，線條分割造成大小方向不一的，帶有圓角的形，作為網(wǎng)站的功能按鈕區(qū)。通過柔軟并稍微向右上傾斜的波浪線連成一個整體。同樣將視線引導(dǎo)到LOGO附近。 　　在這個頁面中，優(yōu)美的曲線將頁面清晰的分割為功能和內(nèi)容兩個區(qū)域。 　　同時，富有變化的，柔軟流暢的曲線，配合時尚的色彩，將這個女性用品網(wǎng)站淋漓盡致的表達(dá)出來。 　　這是上面的系列站點，在這里，向上，挺拔的直線分割了整個頁面。直線和中灰色彩的運用，突出了網(wǎng)站的男性定位。

網(wǎng)頁設(shè)計中“線”的視覺構(gòu)成相關(guān)標(biāo)簽：建網(wǎng)站，網(wǎng)絡(luò)公司，網(wǎng)頁制作，制作網(wǎng)頁

相關(guān)熱點推薦

沒有交互意識的設(shè)計師， 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計 網(wǎng)站大改版=壯烈的死亡 2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機(jī)交互界面設(shè)計的三個 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗中溝通的技巧 迭代的設(shè)計 網(wǎng)站中視覺元素的設(shè)計 網(wǎng)站設(shè)計的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對 手機(jī)建站時容易進(jìn)入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計中關(guān)于al 好設(shè)計應(yīng)該是平凡的設(shè)計 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點 新站快速推廣經(jīng)驗，百度 為中文而設(shè)計的文本框 關(guān)于網(wǎng)站優(yōu)化五大技巧 如何進(jìn)行網(wǎng)站首頁改版 web設(shè)計師可以走得更 專業(yè)設(shè)計網(wǎng)站的公司哪里 青島網(wǎng)站設(shè)計的幾點知識 青島網(wǎng)站制作哪家強 交互設(shè)計的8項黃金法則 設(shè)計良好網(wǎng)頁的4項原則 公司網(wǎng)站制作需要注意的 如何讓你的網(wǎng)站更有吸引 泛泛而談界面中的斑馬紋 網(wǎng)絡(luò)營銷的五個階段 青島網(wǎng)站設(shè)計成功要素 小型企業(yè)網(wǎng)站維護(hù)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶