營銷型網站的網頁構圖設計技巧

網絡營銷知識網認爲,網頁給人最直觀的感受就是它的頁面框架與構造,就像一座大樓的主體框架與形態,尤其是針對營銷型網站,其營銷功效首先就體現在網頁構圖設計之中。你可能記不起東方明珠塔和艾菲爾鐵塔是用什麼顏色或什麼材料塗的外牆,但我想你一定記得起它們是什麼樣的形狀。同樣,網頁設計中的構圖也足以影響到整個網站給人的感受,雖然比喻並不十分恰當,但網絡營銷知識網認爲,就網頁其構圖而言,些許的改變和簡單的創新也許就能起到事半功倍的效果,讓網站給人的視覺感受耳目一新。

營銷型網站的網頁構圖設計技巧

那麼,我們如何將網頁這座樓蓋的漂亮呢?下面,網絡營銷知識網就摘錄列舉企勝網贏服務機構的網絡營銷專家總結的一些在網頁設計上能起到事半功倍的構圖技巧:

  1、堅實的地基—幾何圖形的力量

網絡營銷專家認爲,幾何圖形在頁面中往往能起到大梁的作用,也是網頁內容最爲常用的承載面板。這些圖形合理的搭配和有效的穿插,能使頁面除了信息傳達外,更具層次感和觀賞性。

此網站圓角矩形巧妙的結合信息模塊穿插在一起,除了營造了營銷型網站的主體富有節奏的形狀之外,更加強了頁面的層次感,不會顯得頁面枯燥和單調。

圓形和橢圓形的結合搭載了輪播廣告和重要信息,使得整個頁面既有亮點又不失簡潔。

同樣是圓角矩形的穿插結合, 色彩填充的圖形交集既能展示重要信息又勾勒出整個網站的風格形態。

豎着的大圓角矩形和線條勾勒出整個完整的畫面,各種信息鑲嵌於各個形狀只中,既不顯得亂又使其相得益彰。

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

素材應用的好,往往能起到畫龍點睛的作用,而素材起點綴頁面和表達主題之外,還能作爲構圖中的一種主要元素存在,這些素材通常破格而出作爲連接頁面的紐帶,使頁面結構更加的'穩固,故稱其爲“鉚釘”。

素材看似隨機的擺放,其實是有意的將素材擺放於左上和右下兩個對角點,視覺上俗稱的暗線,左下角信息內容的圖片和右上角的登錄窗口組成了另外一條對角暗線, 兩者並組成了X結構,而四個素材起到到了固定和壓軸的作用,穩固而又美觀。

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

頁面非常簡單,除了圖形構築的基礎形,就是幾朵起到“鉚釘”作用的花兒,花朵破框而出,使得素材有機的融於框內又搭於整個頁面之上 ,讓人有種花是由圓洞內長到頁面之上的錯覺,簡單而富有層次。

這個頁面的素材和主體框架的結合很巧妙,破框而出的噴濺牛奶和靜態的巧克力、杯子的動靜結合於頁面頭部,使得整個頁面主次清晰而又連貫。

  3、打造斜塔之美—斜的視覺張力

比薩斜塔之斜是地質沙化下沉還是設計師故意爲之,至今還是有人在爭論,拋開爭議,斜塔的美似乎讓許多人都想來到它身邊一睹這位傾斜美人之容,湊巧的是,在浩瀚的宇宙中最美麗的星球,也就是地球,也斜着身子對着太陽轉着。話題扯的比較遠,斜線,或者說是斜着的物體,似乎天生有一種張力。在網頁設計中亦是如此,而在這裏所表現的爲視覺的張力,是種視覺心裏上的延伸力而非物理上的。當頁面過於平均,畫面平平毫無亮點時,打破平均打破通體的平均尤爲重要,打破平均的方式有很多,而斜線似乎是網頁設計中慣用的一招,屢試不爽。

斜線的張力讓整個頁面富有動感和延伸性,即可爲頁面起到修飾的作用,又能做爲信息的承載模塊,兩者有機的融合並不讓人覺得傾斜的標題不好識別或者有礙閱讀,反之更能讓整個頁面富有形式感和表現力。

斜線的運用加上素材和圓形的穿插結合,讓整個頁面具有動感,同時視線又隨着斜線的走向帶入至素材和標題之上 ,具有張力的同時又讓這些線起到一個很好到視覺導向作用。

以斜線爲暗線排版而成的信息組件和右邊斜線切割而成的圖片形成形態上的互補,又形成節奏上虛實和疏密的對比,使得整個畫面既有斜線帶來的張力和動感之外,又不乏整體的穩固和均衡。

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