營(yíng)銷(xiāo)型網(wǎng)站的網(wǎng)頁(yè)構圖設計技巧

　　網(wǎng)絡(luò )營(yíng)銷(xiāo)知識網(wǎng)認為，網(wǎng)頁(yè)給人最直觀(guān)的感受就是它的頁(yè)面框架與構造，就像一座大樓的主體框架與形態(tài)，尤其是針對營(yíng)銷(xiāo)型網(wǎng)站，其營(yíng)銷(xiāo)功效首先就體現在網(wǎng)頁(yè)構圖設計之中。你可能記不起東方明珠塔和艾菲爾鐵塔是用什么顏色或什么材料涂的外墻，但我想你一定記得起它們是什么樣的形狀。同樣，網(wǎng)頁(yè)設計中的構圖也足以影響到整個(gè)網(wǎng)站給人的感受，雖然比喻并不十分恰當，但網(wǎng)絡(luò )營(yíng)銷(xiāo)知識網(wǎng)認為，就網(wǎng)頁(yè)其構圖而言，些許的改變和簡(jiǎn)單的創(chuàng )新也許就能起到事半功倍的效果，讓網(wǎng)站給人的視覺(jué)感受耳目一新。

　　那么，我們如何將網(wǎng)頁(yè)這座樓蓋的漂亮呢?下面，網(wǎng)絡(luò )營(yíng)銷(xiāo)知識網(wǎng)就摘錄列舉企勝網(wǎng)贏(yíng)服務(wù)機構的網(wǎng)絡(luò )營(yíng)銷(xiāo)專(zhuān)家總結的一些在網(wǎng)頁(yè)設計上能起到事半功倍的構圖技巧：

　　1、堅實(shí)的地基—幾何圖形的力量

　　網(wǎng)絡(luò )營(yíng)銷(xiāo)專(zhuān)家認為，幾何圖形在頁(yè)面中往往能起到大梁的作用，也是網(wǎng)頁(yè)內容最為常用的承載面板。這些圖形合理的搭配和有效的穿插，能使頁(yè)面除了信息傳達外，更具層次感和觀(guān)賞性。

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

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

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

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

　　2、鋼筋上的鉚釘—破格而出的素材

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

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

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

　　頁(yè)面非常簡(jiǎn)單，除了圖形構筑的基礎形，就是幾朵起到“鉚釘”作用的花兒，花朵破框而出，使得素材有機的融于框內又搭于整個(gè)頁(yè)面之上 ，讓人有種花是由圓洞內長(cháng)到頁(yè)面之上的錯覺(jué)，簡(jiǎn)單而富有層次。

　　這個(gè)頁(yè)面的素材和主體框架的結合很巧妙，破框而出的噴濺牛奶和靜態(tài)的巧克力、杯子的動(dòng)靜結合于頁(yè)面頭部，使得整個(gè)頁(yè)面主次清晰而又連貫。

　　3、打造斜塔之美—斜的視覺(jué)張力

　　比薩斜塔之斜是地質(zhì)沙化下沉還是設計師故意為之，至今還是有人在爭論，拋開(kāi)爭議，斜塔的美似乎讓許多人都想來(lái)到它身邊一睹這位傾斜美人之容，湊巧的是，在浩瀚的宇宙中最美麗的星球，也就是地球，也斜著(zhù)身子對著(zhù)太陽(yáng)轉著(zhù)。話(huà)題扯的比較遠，斜線(xiàn)，或者說(shuō)是斜著(zhù)的物體，似乎天生有一種張力。在網(wǎng)頁(yè)設計中亦是如此，而在這里所表現的為視覺(jué)的張力，是種視覺(jué)心里上的延伸力而非物理上的。當頁(yè)面過(guò)于平均，畫(huà)面平平毫無(wú)亮點(diǎn)時(shí)，打破平均打破通體的平均尤為重要，打破平均的方式有很多，而斜線(xiàn)似乎是網(wǎng)頁(yè)設計中慣用的一招，屢試不爽。

　　斜線(xiàn)的張力讓整個(gè)頁(yè)面富有動(dòng)感和延伸性，即可為頁(yè)面起到修飾的作用，又能做為信息的承載模塊，兩者有機的融合并不讓人覺(jué)得傾斜的標題不好識別或者有礙閱讀，反之更能讓整個(gè)頁(yè)面富有形式感和表現力。

　　斜線(xiàn)的運用加上素材和圓形的穿插結合，讓整個(gè)頁(yè)面具有動(dòng)感，同時(shí)視線(xiàn)又隨著(zhù)斜線(xiàn)的走向帶入至素材和標題之上 ，具有張力的同時(shí)又讓這些線(xiàn)起到一個(gè)很好到視覺(jué)導向作用。

　　以斜線(xiàn)為暗線(xiàn)排版而成的信息組件和右邊斜線(xiàn)切割而成的圖片形成形態(tài)上的互補，又形成節奏上虛實(shí)和疏密的對比，使得整個(gè)畫(huà)面既有斜線(xiàn)帶來(lái)的張力和動(dòng)感之外，又不乏整體的穩固和均衡。

　　以上簡(jiǎn)單介紹了網(wǎng)頁(yè)設計中的一個(gè)步驟：構圖，羅列了一些比較常用而又有效果的方法，當然，除此之外，營(yíng)銷(xiāo)型網(wǎng)站的建設應該還有很多技巧，希望我們在實(shí)踐的過(guò)程中不斷總結和補充，但網(wǎng)絡(luò )營(yíng)銷(xiāo)知識網(wǎng)相信無(wú)論構圖也好，色彩搭配也好，亦或是節奏旋律等等。它們總是圍繞著(zhù)一個(gè)共同點(diǎn)去進(jìn)行，那就是使頁(yè)面在信息順利傳達的前提下變的美觀(guān)而生動(dòng)，有了這一大準則，想設計頁(yè)面的時(shí)候需要的不是一大堆技法和技巧，而是一顆永不停止探索美和創(chuàng )造美的心。

【營(yíng)銷(xiāo)型網(wǎng)站的網(wǎng)頁(yè)構圖設計技巧】相關(guān)文章：

營(yíng)銷(xiāo)型企業(yè)網(wǎng)站的SEO優(yōu)化技巧03-05

廣告圖形設計的構圖技巧03-13

淺談圖形設計的構圖技巧03-05

營(yíng)銷(xiāo)型網(wǎng)站推廣方法03-06

網(wǎng)頁(yè)設計配色技巧03-07

網(wǎng)頁(yè)字體設計的技巧03-18

插花構圖技巧03-18

插花的構圖技巧03-22

平面設計構圖5大技巧03-20