如何設計banner

時間：2023-09-22 22:24:02 | 來源：網(wǎng)站運營

時間：2023-09-22 22:24:02 來源：網(wǎng)站運營

如何設計banner：banner也是大家常見的，很多朋友只聽到這個詞，但是并不知道banner是什么意思，即使看到了也不清楚。其實banner也就是大家常見的廣告大圖，就是橫幅，一般也被稱之為網(wǎng)幅廣告、旗幟廣告、橫幅廣告以及大標題廣告等等。一般是指一種特殊類型的在線廣告資源或廣告圖片，或者廣告小圖，banner主要用到網(wǎng)站頁面的頂部、電商平臺頂部、報紙上面部分、各種宣傳大圖。它可以是靜態(tài)的圖形，也可以是動畫的圖像。其作用就是為了體現(xiàn)產(chǎn)品的中心意旨，利用鮮明的內(nèi)容去表達最主要的情感思想, 從而給整個產(chǎn)品起到宣傳的效果！它是一種HTML構(gòu)造，用于顯示給定的廣告，并在單擊時將用戶帶到廣告商的站點。互聯(lián)網(wǎng)上的標準橫幅廣告尺寸為：720×90,300×600,300×250。一個好的Banner必須要具備：①文字簡練，意義突出。②標語精煉，容易記住。③圖片清楚且不宜復雜，顏色少主體明確，以便更好的搭配文字效果。④產(chǎn)品Banner產(chǎn)品不宜太多,找準更易識別的產(chǎn)品，提升視覺效果。1. 首先要了解你的banner設計需求文案，素材，平臺，尺寸。這是你首先需要確定的4大要素。2. 確定banner是為了實現(xiàn)什么目的而設計我們在做任何一個廣告設計的前提，都是要清楚我們設計的目的，不是為了美感也不是為了展示技術的精湛，而是為了信息傳達，但是由于媒介不同，我們會用到不一樣的設計手法和方式。3. 確定設計風格。不一樣的活動需求也面對不一樣的接受人群，所以我們設計出的畫面也要有所針對，傳遞不一樣的需求信息，比如時尚、簡約、高冷 ，這種類型的色系基本以黑白灰為主素材也是高級簡約風?；盍︻愋偷脑O計風格顏色都比較活潑飽和度高，小清新元素。節(jié)日促銷的畫面最大的特點就是熱情洋溢，色彩大多以紅、黃、橙偏多，整個畫面布局都比較滿，文字的選擇也是很有力度容易識別，簡明突出。關于構(gòu)圖1.我們常會看到整三角型或倒三角形的banner構(gòu)圖方式，可以使banner展示立體感強烈，重點突出，構(gòu)圖穩(wěn)定自然，空間感強，此類構(gòu)圖方式給人安全感和可靠感。采用倒三角形構(gòu)圖，一方面突出強烈的空間立體感，同時構(gòu)圖動感活潑，通過不穩(wěn)定的構(gòu)圖方式，激發(fā)創(chuàng)意感，給人運動的感覺，斜三角與倒三角則顯得靈動活潑，因此隨著三角的變化，可以有不一樣的視覺感受，是一種靈活多用的構(gòu)圖方法。2.中心集中式構(gòu)圖畫面由一個主要元素撐滿，主標題作為次要元素配合畫面平衡，根據(jù)畫面需求添加小標簽裝飾。整體視覺沖擊力強、張力足，適用于單個產(chǎn)品以及細節(jié)較為豐富的產(chǎn)品。多個物體集中式構(gòu)圖和此方法同理，不再做單獨分析。這種構(gòu)圖方式這種構(gòu)圖方式的最大優(yōu)點就在于主體突出、明確，而且畫面容易取得左右平衡的效果。3.杠桿式構(gòu)圖畫面由主體物和次主體斜面對稱而形成的杠桿關系，與主標題之間形成穩(wěn)固的三角構(gòu)造關系，此構(gòu)圖方式畫面很飽滿、穩(wěn)固。適合兩種產(chǎn)品或一個產(chǎn)品兩面展示時使用。4.折線跳躍式構(gòu)圖產(chǎn)品懸浮在畫面中，上下可跨出畫面，加以恰當?shù)奈淖峙虐婧洼o助裝飾，整體畫面效果很活躍，延展性很強，是一種能快速達到視覺表現(xiàn)的展現(xiàn)方式。此構(gòu)圖方式應用廣泛。按構(gòu)圖方式分類，最直觀的還有有左文右圖式 banner、左圖右文式 banner等。關于畫面當中存在的對比方式1. 疏密對比有梳有密才能產(chǎn)生節(jié)奏感、空間感。疏密是一種對比關系，是利用基本形數(shù)量排列的多少，產(chǎn)生疏密、虛實、松緊的對比。比較密的地方常常成為整個設計的視覺焦點，在畫面中造成一種視覺上的張力，向磁場一樣，具有節(jié)奏感和動感。2. 大小對比元素之間的大小對比就是元素、字體等之間的大小、前后、遮擋切換，目的就是拉開畫面空間感，突出主次層級關系。同類元素之間運用大小對比更容易塑造畫面空間，利用這些小元素拉開整個畫面的空間感，使其更有動感節(jié)奏！3. 動靜對比動靜對比說到這個，你可能會想到動態(tài)的banner圖，banner設計中的動靜對比，是指利用構(gòu)圖元素主體之間的動靜關系達到突出主體的目的，靜中的動，或動中的靜，都可以形成對比關系，使畫面更豐富多彩，提高點擊率。比如落地的產(chǎn)品和飛舞的背景素材之間形成的一種動靜關系。說到這里關于banner設計的小知識還有很多，比如字體，顏色搭配，版式設計等。今天只是分享了它的表現(xiàn)形式和常見的構(gòu)圖形式，歡迎一起多學習探討哦！

banner也是大家常見的，很多朋友只聽到這個詞，但是并不知道banner是什么意思，即使看到了也不清楚。其實banner也就是大家常見的廣告大圖，就是橫幅，一般也被稱之為網(wǎng)幅廣告、旗幟廣告、橫幅廣告以及大標題廣告等等。一般是指一種特殊類型的在線廣告資源或廣告圖片，或者廣告小圖，banner主要用到網(wǎng)站頁面的頂部、電商平臺頂部、報紙上面部分、各種宣傳大圖。它可以是靜態(tài)的圖形，也可以是動畫的圖像。其作用就是為了體現(xiàn)產(chǎn)品的中心意旨，利用鮮明的內(nèi)容去表達最主要的情感思想, 從而給整個產(chǎn)品起到宣傳的效果！它是一種HTML構(gòu)造，用于顯示給定的廣告，并在單擊時將用戶帶到廣告商的站點。互聯(lián)網(wǎng)上的標準橫幅廣告尺寸為：720×90,300×600,300×250。

一個好的Banner必須要具備：①文字簡練，意義突出。②標語精煉，容易記住。③圖片清楚且不宜復雜，顏色少主體明確，以便更好的搭配文字效果。④產(chǎn)品Banner產(chǎn)品不宜太多,找準更易識別的產(chǎn)品，提升視覺效果。

1. 首先要了解你的banner設計需求文案，素材，平臺，尺寸。這是你首先需要確定的4大要素。

2. 確定banner是為了實現(xiàn)什么目的而設計我們在做任何一個廣告設計的前提，都是要清楚我們設計的目的，不是為了美感也不是為了展示技術的精湛，而是為了信息傳達，但是由于媒介不同，我們會用到不一樣的設計手法和方式。

3. 確定設計風格。不一樣的活動需求也面對不一樣的接受人群，所以我們設計出的畫面也要有所針對，傳遞不一樣的需求信息，比如時尚、簡約、高冷 ，這種類型的色系基本以黑白灰為主素材也是高級簡約風?；盍︻愋偷脑O計風格顏色都比較活潑飽和度高，小清新元素。節(jié)日促銷的畫面最大的特點就是熱情洋溢，色彩大多以紅、黃、橙偏多，整個畫面布局都比較滿，文字的選擇也是很有力度容易識別，簡明突出。

關于構(gòu)圖

1.我們常會看到整三角型或倒三角形的banner構(gòu)圖方式，可以使banner展示立體感強烈，重點突出，構(gòu)圖穩(wěn)定自然，空間感強，此類構(gòu)圖方式給人安全感和可靠感。采用倒三角形構(gòu)圖，一方面突出強烈的空間立體感，同時構(gòu)圖動感活潑，通過不穩(wěn)定的構(gòu)圖方式，激發(fā)創(chuàng)意感，給人運動的感覺，斜三角與倒三角則顯得靈動活潑，因此隨著三角的變化，可以有不一樣的視覺感受，是一種靈活多用的構(gòu)圖方法。

2.中心集中式構(gòu)圖

畫面由一個主要元素撐滿，主標題作為次要元素配合畫面平衡，根據(jù)畫面需求添加小標簽裝飾。整體視覺沖擊力強、張力足，適用于單個產(chǎn)品以及細節(jié)較為豐富的產(chǎn)品。多個物體集中式構(gòu)圖和此方法同理，不再做單獨分析。這種構(gòu)圖方式這種構(gòu)圖方式的最大優(yōu)點就在于主體突出、明確，而且畫面容易取得左右平衡的效果。

3.杠桿式構(gòu)圖

畫面由主體物和次主體斜面對稱而形成的杠桿關系，與主標題之間形成穩(wěn)固的三角構(gòu)造關系，此構(gòu)圖方式畫面很飽滿、穩(wěn)固。適合兩種產(chǎn)品或一個產(chǎn)品兩面展示時使用。

4.折線跳躍式構(gòu)圖

產(chǎn)品懸浮在畫面中，上下可跨出畫面，加以恰當?shù)奈淖峙虐婧洼o助裝飾，整體畫面效果很活躍，延展性很強，是一種能快速達到視覺表現(xiàn)的展現(xiàn)方式。此構(gòu)圖方式應用廣泛。

按構(gòu)圖方式分類，最直觀的還有有左文右圖式 banner、左圖右文式 banner等。

關于畫面當中存在的對比方式

1. 疏密對比

有梳有密才能產(chǎn)生節(jié)奏感、空間感。疏密是一種對比關系，是利用基本形數(shù)量排列的多少，產(chǎn)生疏密、虛實、松緊的對比。比較密的地方常常成為整個設計的視覺焦點，在畫面中造成一種視覺上的張力，向磁場一樣，具有節(jié)奏感和動感。

2. 大小對比

元素之間的大小對比就是元素、字體等之間的大小、前后、遮擋切換，目的就是拉開畫面空間感，突出主次層級關系。同類元素之間運用大小對比更容易塑造畫面空間，利用這些小元素拉開整個畫面的空間感，使其更有動感節(jié)奏！

3. 動靜對比

動靜對比說到這個，你可能會想到動態(tài)的banner圖，banner設計中的動靜對比，是指利用構(gòu)圖元素主體之間的動靜關系達到突出主體的目的，靜中的動，或動中的靜，都可以形成對比關系，使畫面更豐富多彩，提高點擊率。比如落地的產(chǎn)品和飛舞的背景素材之間形成的一種動靜關系。

說到這里關于banner設計的小知識還有很多，比如字體，顏色搭配，版式設計等。今天只是分享了它的表現(xiàn)形式和常見的構(gòu)圖形式，歡迎一起多學習探討哦！