萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網站廣告常見構圖方法

網站廣告常見構圖方法

   遵循原則:主體突出、視覺平衡。

  為什麼:

  1)主體突出才能有傳播力,才能高效的表達廣告語的主題。

  2)視覺平衡才能符合人們的視覺習慣,看起來舒服,符合常人的視覺體驗。

網站廣告常見構圖方法 三聯

  一、 比例關系:

  1、主體圖片的比例一般約為整個BANNER的1/3;邊距約為15PX。

  2、以圖片為主體的構圖:文字信息約占畫面的1/5到1/2,不超過1/2;面積的大小主要由文字的多少確定。

  需要強調主次關系,主次口號性文字需要突出,介紹性文字可淡化。

  3、logo的視覺不需要過於突出,能清晰識別即可;

  在確定好文字與圖片位置關系時,還需要考慮文字的層次關系,每一個廣告都會有主題文字,不會所有文字都保持一致效果;文字層次關系明確,用戶更容易看到吸引眼球的文字,也就是我們需要宣傳的主題。

  二、 位置關系

  1)圖片文字左右關系

  主題視覺與文案的形成左右的位置關系,這種布局符合用戶的浏覽習慣,是一種最常見的布局方式;適合廣告中主體圖片色彩較刺激醒目的產品。圖片自然的吸引用戶的眼光,然後視線逐步右移到文字上;

  根據主圖的擺放方式,也可以選擇文字在左,圖片在右的布局方式

  如下廣告,產品圖是一個長條的形狀,占據畫面寬的一半以上,這樣形成了左邊的空隙用來擺放文字;

  反過來,我們看下圖,如果我們還是左右排版,最後的效果可能會是下圖的效果,這樣的構圖就顯得非常不美觀也不合理了,因為這樣文字區域顯得特別小氣壓抑,而圖片左邊又形成一個很大的空隙,這樣畫面被分割成多個不合理的區域。所以,不適合文字右圖片左的排版。

  2)上下關系

  這種類型的排版一般是用作主圖占畫面寬的大部分以上,如下圖,汽車圖片讓畫面已經沒有了左右的空間,所以可以把文字放在左上方。

  相反,同樣的產品,如果角度不一樣,在畫面並沒有占大部分的寬度,還是可以選擇左右布局的。這個時候如果還是上下布局,我們看看會是什麼效果,是不是覺得畫面特別空呢。

  3)自由形式布局

  這類布局較難把握,因為是一種打破了常規的章法,但是有必須遵循章法的設計方式,在廣告中一般出現的比較活潑的氛圍中,如活動廣告,個性產品廣告等。

  畫面元素擺放看起來顯得隨意,但是實際上遵循了視覺平衡、易讀、不凌亂的原則;左邊文字主次關系明顯,文字區域與圖片區域可以形成平衡關系,視覺流程左右關系明確。

  如果像下圖那樣“自由”的排,沒有任何章法,隨意的東倒西歪,讓用戶怎麼閱讀呢,給用戶造成了嚴重的障礙,所以是不可取的。

copyright © 萬盛學電腦網 all rights reserved