檢查橫幅設計的組成部分& # 47；類型& # 47；風格& # 47；完整的設計步驟集合

banner對于一個設計師來說絕對不是一個陌生的詞。目前banner的需求基本涉及到所有行業。無論是在網頁上還是移動端，我們都能看到banner的影子，所以掌握banner的設計是每個設計師必備的技能！

Banner(以及banner廣告)是網絡廣告最早的形式，也是目前最常見的一種。橫幅廣告，也稱橫幅廣告，是橫跨網頁的長方形公告板。當用戶點擊這些橫幅時，他們通常可以鏈接到廣告商的網頁。是展示一個商家廣告內容的圖片，放在廣告主的頁面上，是互聯網廣告中最基本的廣告形式！

這里我們將從這幾個方面來解釋橫幅:

1.橫幅的組成部分

二:橫幅的類型

三:橫幅的風格選擇

四:橫幅設計步驟

1.橫幅的組成部分

橫幅的主要組成部分簡要總結如下:

而banner的主要元素是:文案

元素

背景。

元素還可以細分為:元素=商品

模特

logo

點綴(這里的元素需要根據banner的實際情況來選擇，可選)

如圖所示:

(來自花瓣)

二:橫幅的類型

我這里總結的banner類型主要分為:

01:產品推廣橫幅(新產品、熱銷產品)

02:活動橫幅(節日促銷、產品促銷)

這里把banner簡單分為兩種，因為不同的banner有不同的效果和用途，所以我們需要設計不同風格的banner。

banner在產品推廣中最重要的就是突出產品的特色，所以我們對于banner設計最需要的元素一定是產品和簡短的文案介紹。至于有點綴的元素，我們也可以根據實際產品的特點選擇合適的元素，也可以使用沒有點綴的元素，背景肯定是必不可少的！

01:產品推廣橫幅:

產品

文案

背景

例如:

(來自花瓣)

以上案例都是產品推廣的橫幅設計。它們有一個共同的特點，就是把產品放大再放大，表現出產品的特點。簡潔的文案介紹和大量的空白突出了產品的特色，讓用戶的目光不由自主地被產品本身吸引。

產品推廣橫幅:

產品

文案

元素

背景

例如:

(來自花瓣)

這種banner的特點是除了產品本身之外，還加入了一些其他的元素作為banner的點綴效果，讓畫面顯得更加飽和或者說讓畫面有了動感的效果！

那么問題來了

什么情況下產品橫幅設計加入元素好？什么情況下不加元素好？

第一，在極度需要展現產品特性的時候，我們最好選擇不添加干擾產品的元素。

第二，對于簡單的產品，最好不要加入裝飾的元素。大量留白更適合簡約產品的風格。

02:活動類橫幅

產品

文案

元素

背景

例如:

(來自花瓣)

對于活動類的banner設計，我們大多會選擇色彩鮮艷、圖像飽和有沖擊力的那種，以此來營造活潑的氛圍，這對于元素的添加也是必不可少的，因為對于活動類的banner設計來說，圖像越活潑，活動強度越大，會吸引更多的用戶，活動的標題也要盡量突出！

二:橫幅的風格選擇

橫幅的樣式有很多種，但是不同的橫幅選擇的樣式肯定是不一樣的。不同風格的banner給人的視覺效果是完全不同的，恰當的搭配可以讓banner更好的展現其特點和目的。

例如:

01: banner，簡單產品的宣傳家居banner，比較適合簡單干凈的風格。

(來自花瓣)

02: banner，高端科技產品，選擇有科技感的款式。

(通過科技的圖形和色彩體現)

(來自花瓣)

03:時尚類banner適合選擇時尚圖片的風格。

(通過獨特的造型和風格、圖形和色彩等體現。)

(來自花瓣)

04: banner，高端奢侈品牌，適合高端大氣上檔次。

(以黑紅、黑金等高檔色彩體現。)

(來自花瓣)

05:女生& # 92；兒童可愛風橫幅適合可愛風元素的選擇。

(通過可愛的元素:插圖、線條、氣球、愛情、圓形字體、充滿活力的顏色等。)

(來自花瓣)

06:國風/文化/節日的banner更適合選擇有文化氣質的元素。

(通過中國風書法，中國古代元素:印章，中國山水畫，水墨，扇子，剪紙，園林窗格，古代圖案，祥云，京劇，卷軸等。)

(來自花瓣)

二:橫幅的設計步驟

1.理解并確定橫幅的設計要求。

02.闡明橫幅設計的目的

03:根據獲得的橫幅設計要求，確定橫幅的設計風格。

04.選擇合適的橫幅設計布局結構。

05:選擇匹配元素裝飾橫幅整體效果(根據實際需要添加)

06:配色選擇

1.理解并確定橫幅的設計要求。

對于理解設計需求，無論設計的前提是什么，都是必不可少的一步，也是最關鍵的一步。如果連設計要求都不知道，設計結果肯定達不到實際要求。

那么，我們需要對banner的設計要求做哪些具體說明呢？

要點1:確保橫幅設計的文案。

對于文案來說也是非常重要的一點。設計師可以根據文案信息找到設計靈感，也可以知道設計風格的大致走向。

要點一:確定banner的設計尺寸和投放平臺。

文案確定后，我們還需要了解banner的投放平臺和位置，大小，是否需要適應各個平臺的展示。

02.闡明橫幅設計的目的

對于設計一個橫幅來說，在設計橫幅之前你想達到某種目的是肯定的，所以你一定要清楚這個橫幅設計的目的是什么，比如你是想推廣產品還是推廣產品，兩者的性質是完全不同的。

03:根據獲得的橫幅設計要求，確定橫幅的設計風格。

Banner的設計風格我們可以從banner對定位的文案要求中找到關鍵詞，比如:全語音智能操作的車載支架A5。

從這個話題文案中我們可以提出的關鍵詞是:全語，智能。

對于這類關鍵詞的理解，我們首先肯定會想到科技智能時代的畫面，所以這里有一個風格的選擇！

04.選擇合適的橫幅設計布局結構。

Banner的設計布局結構大致可以分為:

中心結構、左對齊結構、右對齊結構

不同要求的banner結構需要根據實際情況選擇！

05:選擇匹配元素裝飾橫幅整體效果(根據實際需要添加)

對于橫幅的裝飾元素，我們也需要根據實際情況和橫幅產品的特點來選擇合適的元素。比如簡單產品的橫幅就不需要更好的裝飾元素，而活動類或者少女兒童等可愛類的橫幅設計就需要選擇更合適的裝飾元素。而且不同形狀的條幅的裝飾元素的選擇也是不同的(前面已經簡單介紹過了，這里就不贅述了)。

06:配色選擇

顏色的選擇也很重要。不同屬性的banner配色也不同。恰當的色彩搭配會讓產品更加突出或者讓畫面更加顯眼，給人不一樣的感覺。

例如:

*黑金和黑紅會給人高級感。

*藍、黑、紫等冷色搭配，畫面給人硬朗的感覺。空的感覺，速度和力量更適合科技感。

*紅、橙、黃、紫的搭配會營造出溫馨的氛圍，更適合時尚和活動。

*黑白灰的搭配會給人一種冷得不敢靠近的感覺，比較適合大牌的風格選擇。

*白色和灰色的搭配會給人一種寧靜、文藝、氣質和簡約優雅的感覺，比較適合選擇簡約的產品。

實際案例:

文案要求:

   全語音智能操作的車載支架A5

聲音代表揮手和服從

使用訊飛AIUI人機交互解決方案，智能駕駛一下子就能來。

尺寸:1920x650px

設計目的:根據需求，我們得到的橫幅設計旨在推廣新產品A5。

第一步:我們將副本信息和提供的產品放入畫布。

第二步:明確我們的主標題“全語音智能操作車載支架A5”

所以我們放大主標題來突出它。

第三步:選擇banner的風格，因為我們這里需要的是產品的智能化，所以我們的風格可以定義為科技感。

第四步:選擇布局結構。這里選一個簡單的左右結構吧！

第五步:選擇裝飾元素。裝飾元素也要根據科技的效果來選擇，可以從文案中提取。比如這里我們可以提取:科技線條和圖形，語音圖形等。

第六步:整體位置調整和配色。我們還用不同的層次結構來處理文本標題，使它們更加突出。字幕文案也是按照整體風格畫面略加處理，讓文案和畫面更加和諧統一，包括周圍因光線影響需要處理的產品。

最后我們得到上面的橫幅效果！😂設計了一個簡單的科技感橫幅！

好吧！今天的知識有點多，也比較全面！希望你喜歡！🙃

往期好文章推薦

—

布局-簡單的7種圖片布局方法

10個創意線條圖形海報設計

教你調色技巧，擺脫調色困境！

【創新

PS設計banner常用的尺寸是多少？一般畫布建立多大？

橫幅尺寸4m*1.2m，PS新建畫布尺寸 4m*1.2m，分辨率72像素，需要用的照片的分辨率也只要72就行了 這樣直接把照片拉到橫幅里就能用，注意 照片先處理好再拉到橫幅里

總結

以上是生活随笔為你收集整理的怎么设计banner（banner怎么做）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。