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