1、網(wǎng)頁(yè)設(shè)計(jì)中“點(diǎn)、線、面”的視覺構(gòu)成TI4m-ade me wa*-ina he a hacks* when grow up線的視覺構(gòu)成點(diǎn)的延伸形成線。線在頁(yè)面中的作用在于表示方向、位置、長(zhǎng)短、寬度、形狀、質(zhì)量和情緒。線是分割頁(yè)面的主要元素之一，是決定頁(yè)面現(xiàn)象的基本要素?？偟膩?lái)說(shuō)，線分為直線和曲線兩種。這是線的總體形狀。同時(shí)線還具有本體形狀，兩 端的形狀。線的總體形狀有垂直、水平、傾斜、幾何曲線，自由線這幾種可能。線是具有情感的。比如水平線給人開闊，安寧，平靜的感覺；斜線具有動(dòng)力，不安， 速度和現(xiàn)代意識(shí)；垂直線具有莊嚴(yán)，挺拔，力量，向上的感覺；曲線給人柔軟流暢的女性 特征；自由曲線是最好的情感抒

2、發(fā)手段。線的放射，粗細(xì)，漸變可以體現(xiàn)三維空間的感覺。將不同的線運(yùn)用到頁(yè)面設(shè)計(jì)中，會(huì)獲得不同的效果。知道什么時(shí)候應(yīng)該運(yùn)用什么樣的 線條，可以充分的表達(dá)你所要體現(xiàn)的東西。總之，線條是網(wǎng)頁(yè)設(shè)計(jì)師必須熟練運(yùn)用的最得力的表現(xiàn)工具。我們應(yīng)該對(duì)他有一定的了解。下面我們用一些精彩實(shí)例來(lái)做具體的分析說(shuō)明。在這個(gè)頁(yè)面中，水平線的重復(fù)排列形成一種強(qiáng)烈的形式感和視覺沖擊力，能夠在第一眼就 產(chǎn)生興趣，達(dá)到了吸引訪問(wèn)者注意力的目的。自由曲線的運(yùn)用，打破了水平線組成的莊嚴(yán)和單調(diào)，給網(wǎng)頁(yè)增加了豐富、流暢、活潑 的氣氛。水平線和自由曲線的組合運(yùn)用，形成新穎的形式和不同情感的對(duì)比，從而將視覺中心 有力的襯托出來(lái)。值得提出的是，頁(yè)

3、面中點(diǎn)（按鈕）的運(yùn)用，使頁(yè)面的形象更加活潑，豐滿。此主題相關(guān)圖片如下:線還具有兩端形狀。線的兩端形狀可以任意形的，它決定了線的本體形狀。在這個(gè)頁(yè)面中，設(shè)計(jì)師運(yùn)用了具有書法味道的線條，粗糙的邊緣形成特殊的肌理，表 現(xiàn)了強(qiáng)烈的個(gè)性特征和藝術(shù)效果。邊緣圓滑的曲線條（字母）在粗糙背景的襯托下，顯得很特殊并引人注目。在這里, 字母也可以看做是構(gòu)成頁(yè)面的線條的一種。底紋采用了不規(guī)則，方向不一的虛線條，在豐富肌理的同時(shí)，和粗線、曲線（字母） 形成對(duì)比，產(chǎn)生了縱深空間的感覺。曲線（字母）的大小對(duì)比也可以豐富空間層次。近實(shí)遠(yuǎn)虛的繪畫原理，在這里得到了最充分地體現(xiàn) .，此主題相關(guān)圖片如下:將曲線（字母）隨意的重疊

4、，變形，占踞了頁(yè)面左上角的很的一部分空間。配合夢(mèng)幻般的 背景，體現(xiàn)了設(shè)計(jì)師虛無(wú)迷茫，雜亂無(wú)章的思緒。自由曲線是表現(xiàn)情感的最佳造型手段。線條除了體現(xiàn)情感外，還能夠利用粗細(xì)、虛實(shí)（例二談過(guò)），漸變，放射產(chǎn)生深度空間和 廣度空間。上面的頁(yè)面中，圍繞同心的放射圓，在粗細(xì)和虛實(shí)上形成深度空間。設(shè)計(jì)師巧妙的將 3D造型的LOGO放在圓心上，非常引人注目。頁(yè)面左邊，長(zhǎng)短不一的線段在視覺中形成虛實(shí)的變化，強(qiáng)調(diào)了頁(yè)面空間的構(gòu)成。二二二二二一二=一M 二二 = = 一 =*_.=*二二 1三=1 = = = = = -二三三二d mrr;.L J 3|fih .idk-Aiillnf ? . mA hv*drMV

5、fci /elfM4Tpi$E.嶗一 * v* BhiAnak ffrw Iqf ,力g 門尊r.Hr，亶聞聞圄【網(wǎng)頁(yè)設(shè)計(jì)版】版主 WindStudio.Net (Forum): “2003-5-1 20:30:06離心放射的線條，具有力量和挺拔的感覺。類似于太陽(yáng)的光芒，使版面的視線更加開闊。他同時(shí)具有吸引瀏覽者視線的作用，和同心放射有異曲同工之妙。頭銜：飛俠等級(jí)：版主西此主題相關(guān)圖片如下:威望：1積分：80金錢：298文章：4341經(jīng)驗(yàn)：4847注冊(cè)：2002-7-19INT1RACTIVE DEOIG* * V R I H T D 1 3 I C N RA N D COH I U1T1M

6、GIf UfVFMttfMCkB tfiuUVMrrUfmM MidUiflt WBdufini ewn/Tii線條還具有分割版面的作用。在上頁(yè)中，水平線將頁(yè)面分割成上下兩部分。在頁(yè)面上部，曲線的勾勒配合色彩漸變，創(chuàng)造出不同的形體（產(chǎn)品），并通過(guò)右上角的線（產(chǎn)品輪廓）聯(lián)系起來(lái)，并將視線引導(dǎo)到網(wǎng)站的LOGO上面。在頁(yè)面下部，線條分割造成大小方向不一的，帶有圓角的形，作為網(wǎng)站的功能按鈕區(qū)。通過(guò)柔軟并稍微向右上傾斜的波浪線連成一個(gè)整體。同樣將視線引導(dǎo)到LOGO附近。，E畫此主題相關(guān)圖片如下:Welcome. The searchboh Mawait inf your ccmman dB 0 TWwo

7、rW。帕眄iseti 而。曰* d電，如此 chunks!aearchbota RMIover It。see its serciiat yur cv/n Go searchbot s. .go在這個(gè)頁(yè)面中，優(yōu)美的曲線將頁(yè)面清晰的分割為功能和內(nèi)容兩個(gè)區(qū)域。同時(shí)，富有變化的，柔軟流暢的曲線，配合時(shí)尚的色彩，將這個(gè)女性用品網(wǎng)站淋漓盡 致的表達(dá)出來(lái)。此主題相關(guān)圖片如下亶Kl尹可七叫h=p突出了網(wǎng)站的男性定位。此主題相關(guān)圖片如下匚心工03ufei988挺拔的直線分割了整個(gè)頁(yè)面。直線和中灰色彩的運(yùn)asou-T這是上面的系列站點(diǎn)，在這里003-5-1 20:32:-glflstwpj2ofvi【網(wǎng)頁(yè)設(shè)計(jì)版】

8、版主 WindStudio.Net (Forum)制 TiE EHIfiE加3nllc町前前 phOlO StoWestT的ms CerilefA 14nmiAirYtpiRiad pMto nhcep TMrtt alrtadly ciw1hr 仁寺 wtimwcfPinooa(iCo抑巾n狀陽(yáng)gphclugraptrs 斯印 ira前& Eed I0 mik# you Bocili bMI.tr thjini i bcnrl ij C肘匕。曲 rem phB nyt H，事 VH I 收，.il M fWWl Mt由制 wrth R %* T派Jim 151slM * Thn nSEm*

9、add。河 Mm 竄卻 flrj pui a fpek yibul bM 3 nodafrEii： al 4151 Io er gqK wfchM Ak里 Brllr t wed Ltc4e ble拈 ENMnMhlwl eJ，Z ra, Mwr aJHi 甯 frti g g式 IK 隨 Uh* r Ml M-arch 12-15 e l*B fgH-IBM lighEems sctews l* &HdilBM.cflbegi中心up in 詢明h兇由w d7才.Buy a IWfVI A AtO 5Hl科* rbffl 0iH UPQ*I VjUCH.tE,匚；i.r 匚.， N、=、 土

10、石孽1? 1 H*!Tp Produa lndn,巴蚪如，上噎I1呼ry; jl/曼, TMlIM 白Addb Ari力 duMefAdobe UoW*i 再I-戶口6EVAndi phi fiten *x-p-a m_!*開中 *HI*， % EM/ j?* if LrH; M bur#1iiv|ovt 田 :|vur I Ya8 %Tli* /酎惘4P4111131 Mdlgvi t*u hoy MhEAblest*FPUh：P MU 力班芋a同,七中時(shí)事山耳才一 ，匹，M.x1十寸:*i nr Aberi （、修J南馬，鼻人 friM g Wrb . AFbd “y”甲 Up-gW* O

11、rJig tr.叫mri far 包罪”雄!U電Whm t*uTr* pubk ahm P&F 癡! ihiM，力 也 AHMK4. L*5i hAv 1* npiwFHi griphld 與/百f to &-?而1 ! tO 4 EflEUE口F !Tolk JNU4ItoHH and rA4KHY.q H.d 由機(jī) 十*31.什電十 734型，i_ogEirM 1*/*E4中fh胖唱成，卜TAIB，JF4匕主題相關(guān)圖片如下:Ilc3l(Tochnjidwirr SeFhwirr拓口 rtr4 同”I曲 Jtanrinrrt-jflfvr Gm&IHSupport OS工(0十r,vdi*r

12、r T3 BfcJtThe new iMacThe easy way【0 叩,mix and Mm your 加n music CDs, mskc moves and surf onlinei -M rr CC R*1 g Th hvr*/G , Un.ntitgint Hol kiaig 匚| 用With in用造 4 CO-RW k%日帕i burring yw uwii iniiME COs itl口vi6 2、a H4imdEi Kjidnrr fliiBrvm-r Il riii1 n nlrtf nrn !4.擊 C看，4 JN、he圓形的面和自由形的面組成了一個(gè)極不穩(wěn)定的倒三角構(gòu)

13、圖。加上網(wǎng)頁(yè)中動(dòng)態(tài)的高速向外沖的卡通飛車高手，制造了一個(gè)緊張的境，讓觀眾在擔(dān)心之后，自然記住了這個(gè)特殊的視覺效果。倒三角形可以給人們活潑，新穎的感覺。倒三角面的不穩(wěn)定性，可以制造危險(xiǎn)的氣氛。2003-5-1 20:36:06圓形的面給人以充實(shí)、圓滿、活潑的感覺，比較適合表現(xiàn)兒童或者女性特征。這個(gè)頁(yè)面充滿了天真和童趣，緊張之余，我們都希望能夠去這放松放松。同時(shí)這個(gè)頁(yè)面還采用了很多的動(dòng)態(tài)元素，符合兒童好動(dòng)的心理。此主題相關(guān)圖片如下:【網(wǎng)頁(yè)設(shè)計(jì)版】版主 WindStudio.Net (Forum)面還有正形和負(fù)形兩種表現(xiàn)。正型可以解釋為以白襯黑。在頁(yè)面的右邊，白底上的四個(gè)人物動(dòng)態(tài)可以稱之為正型。 正型在頁(yè)面中特性為一個(gè)實(shí)體，具有明確，肯定，向前的感覺。負(fù)形可以理解為以黑襯白。在頁(yè)面的左邊圓中，女性的白色衣服和皮膚即為負(fù)形，在 重色的背景的襯托下，體現(xiàn)出虛幻，輕松，深遠(yuǎn)的感覺?？偨Y(jié)自然界的萬(wàn)物形態(tài)構(gòu)成都離不開點(diǎn)、線、面。點(diǎn)、線、面是視覺構(gòu)成的基本元素，是每個(gè)網(wǎng)頁(yè)設(shè)計(jì)師必須熟練掌握的設(shè)計(jì)語(yǔ)言。點(diǎn)、線、面具有不同的情感特征，我們要善于采用不同的組合去體現(xiàn)不同的情感訴求。在網(wǎng)頁(yè)的視覺構(gòu)成中，點(diǎn)、線、面既是最基本的造型元素，又是最重