網(wǎng)頁(yè)構(gòu)圖的技巧

如何將網(wǎng)頁(yè)這座樓蓋的漂亮?以下就例舉一些在網(wǎng)頁(yè)設(shè)計(jì)上能起到事半功倍的構(gòu)圖技巧。個(gè)人拙見(jiàn)，希望能夠拋磚引玉。

【一】堅(jiān)實(shí)的地基-幾何圖形的力量。

幾何圖形在頁(yè)面中往往能起到大梁的作用，也是網(wǎng)頁(yè)內(nèi)容最為常用的承載面板。這些圖形合理的搭配和有效的穿插，能使頁(yè)面除了信息傳達(dá)外，更具層次感和觀賞性。

此網(wǎng)站圓角矩形巧妙的結(jié)合信息模塊穿插在一起，除了營(yíng)造了網(wǎng)站的主體富有節(jié)奏的形狀之外，更加強(qiáng)了頁(yè)面的層次感，不會(huì)顯得頁(yè)面枯燥和單調(diào)。

圓形和橢圓形的結(jié)合搭載了輪播廣告和重要信息，使得整個(gè)頁(yè)面既有亮點(diǎn)又不失簡(jiǎn)潔。

同樣是圓角矩形的穿插結(jié)合， 色彩填充的圖形交集既能展示重要信息又勾勒出整個(gè)網(wǎng)站的風(fēng)格形態(tài)。

豎著的大圓角矩形和線條勾勒出整個(gè)完整的畫(huà)面，各種信息鑲嵌于各個(gè)形狀只中，既不顯得亂又使其相得益彰。

更多類似的例子：

【二】鋼筋上的鉚釘—破格而出的素材

素材應(yīng)用的好，往往能起到畫(huà)龍點(diǎn)睛的作用，而素材起點(diǎn)綴頁(yè)面和表達(dá)主題之外，還能作為構(gòu)圖中的一種主要元素存在，這些素材通常破格而出作為連接頁(yè)面的紐帶，使頁(yè)面結(jié)構(gòu)更加的穩(wěn)固，故稱其為“鉚釘”。

素材看似隨機(jī)的擺放，其實(shí)是有意的將素材擺放于左上和右下兩個(gè)對(duì)角點(diǎn)，視覺(jué)上俗稱的暗線，左下角信息內(nèi)容的圖片和右上角的登錄窗口組成了另外一條對(duì)角暗線， 兩者并組成了X結(jié)構(gòu)，而四個(gè)素材起到到了固定和壓軸的作用，穩(wěn)固而又美觀。

飛躍的人越于頁(yè)面之上，護(hù)目鏡掛于導(dǎo)航欄之上。這兩個(gè)素材的使用使整個(gè)頁(yè)面既貼切于主題又生動(dòng)，而在構(gòu)圖上人連接穿插了1、2兩個(gè)板塊，而護(hù)目鏡所在的2板塊鏈接了3、4板塊，視覺(jué)上的感官延續(xù)讓頁(yè)面脈絡(luò)清晰不脫節(jié)，切富有節(jié)奏感。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：網(wǎng)頁(yè)構(gòu)圖的技巧
網(wǎng)頁(yè)URL：http://muchs.cn/news6/324756.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、面包屑導(dǎo)航、企業(yè)建站、網(wǎng)站內(nèi)鏈、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)