• 
• 
• 
• 
• 
• 
• 

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

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

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

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

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

相關(guān)熱點(diǎn)推薦

如何創(chuàng)建一個用戶體驗良 店鋪推廣之SEO入門 寫給在職設(shè)計師們 分類目錄 一個好的網(wǎng)站應(yīng)該同時具 網(wǎng)頁設(shè)計制作應(yīng)注意的問 網(wǎng)頁界面設(shè)計教程四：色 化妝品的網(wǎng)站策劃分析 網(wǎng)站設(shè)計如何做好風(fēng)格統(tǒng) 網(wǎng)站重建怎么保護(hù)已有的 頻繁改版引發(fā)的合意性思 迅速提高網(wǎng)站流量的方法 企業(yè)建站誤區(qū) 防止IE主頁被修改的辦 WEB設(shè)計經(jīng)驗 網(wǎng)站推廣技巧之鏈接策略 如何做出創(chuàng)意設(shè)計的網(wǎng)站 網(wǎng)頁的版式設(shè)計—文字的 平度網(wǎng)站設(shè)計公司哪家好 搜索引擎的算法 一個網(wǎng)站，5個目標(biāo) 軟件與網(wǎng)站設(shè)計的區(qū)別 如何挑選專業(yè)的網(wǎng)站建設(shè) 個人主頁作用 生動的設(shè)計 如何處理和把握網(wǎng)頁設(shè)計 中國中小企業(yè)網(wǎng)站建設(shè)規(guī) 網(wǎng)站建設(shè)時，設(shè)計首頁時 專業(yè)網(wǎng)站建設(shè)準(zhǔn)則 企業(yè)網(wǎng)站需要做哪些內(nèi)容 添加新網(wǎng)頁速度不要太快 企業(yè)網(wǎng)站建設(shè)的常見誤區(qū) 網(wǎng)站設(shè)計的前期溝通之重 行之有效的網(wǎng)絡(luò)推廣方式 細(xì)節(jié)決定成敗網(wǎng)站建設(shè)的 如何恢復(fù)百度權(quán)重(最新 青島企業(yè)網(wǎng)站建設(shè)

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

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