網頁設計師:原來Banner設計還有這么多套路！

新聞 2023-07-23編輯：重慶網站建設標簽： 這么多 套路

重慶網站建設公司 幫助企業(yè)提升網站形象,彰顯公司實力,PC+手機+微信+小程序
【模板網站的價格】國際域名+阿里1G空間+備案 一條龍服務
【定制網站的功能】SEO精準營銷系統(tǒng)+城市分站+W3C標準
【營銷網站的效果】重長尾，重優(yōu)化，提權重，擴收錄，提排名
【量身訂制的設計】據據需求量身定制。設計到滿意為止
【專屬VIP的服務】24RX365 為您提供1對1的專屬VIP服務

　　Banner 廣告是快速高效的吸引用戶的重要手段。通常在網站中都占據著不錯的位置，它們的轉化率和它本身的設計優(yōu)秀與否息息相關，最重要的是，它要能迅速的吸引用戶的注意力，通過優(yōu)秀的文案和視覺讓用戶立刻馬上點擊。

　　那么，作為網頁設計師，我們應該如何制作一張能快速抓住人眼球的banner呢?

　　一、分 析

　　1、結構

　　banner的結構大致分為三層：背景層、裝飾層、文案層。背景層會確立整體banner的風格或配色;裝飾層起到點綴作用，并可以控制整體版式的平衡;文案層是核心內容的展示，以展示主要文字為主。三層級互相組合搭配，從而支撐起整個banner。

　　2、版式banner的常見版式：

       ①左右排版、

       ②居中排版。

　　受到文案字數限制、所選搭配元素、產品的屬性等原因，版式的選擇需要根據實際情況進行判斷。

　　3、樣式

    常見的banner構圖樣式組合有：平鋪樣式、環(huán)繞樣式、傾斜樣式、斜切樣式、放射樣式、isometric樣式、三角樣式等。

　　4、關聯

       背景層、裝飾層、文案層，三者之間有著密切的關系。

　　比如：背景層設計的過于復雜，那么內容文字的處理就要傾向于簡潔，反之亦然;而裝飾層也并不是必須要存在于每一個banner當中。當背景層中內容已經很豐富的時候，裝飾的內容可以刪去。

　　banner中背景是圖片，而且細節(jié)豐富，那么文案就可以做簡潔化處理。

　　當背景為純色時，需要適當的添加點綴物。而且可以對文字進行處理增加吸引力，避免整體的單調。

　　5、背景

　　背景的種類大致分為適量圖形、字體、顏色和圖片四種。

　　圖片包括寫實圖片和卡通圖片等;顏色分為純色或漸變;字體放大也可以當做背景;矢量圖包含的組合有很多。簡單的圓形、方形。甚至是點、線的組合都可以運用在背景中。每當節(jié)日臨近，也可以匹配一些節(jié)日風格的適量圖形進行設計。

　　6、裝飾

      裝飾的點綴應該是錦上添花的。適當的點綴和修飾，可以讓頁面避免單調;也可以使banner的元素之間達到平衡，視覺效果更加和諧。同時，文字的運用也是裝飾點綴的關鍵。根據產品屬性的不同，舉例說明：金融類的banner可以使用較小或較細的字體進行搭配。同時，使用點狀分布排列營造高端感;電商類的banner可以使用漸變的圓形或線條進行修飾。目的是搭建出歡快的、促銷的感覺，吸引用戶點擊。

　　7、文案

      ① banner的設計當中，文案字數的多少也至關重要。過多字數或復雜的內容非但不能讓用戶清楚文案要表達的事情，反而會讓用戶感到麻煩。因此，當我們接收到的文案字數過多的話，要第一時間果斷提出自己的想法。文案中的賣點和痛點是最重要的兩個部分，其他內容都可以省略。

　?、?字體方面主要分為襯線字體和非襯線字體。襯線字體的筆畫有修飾，且粗細不同，參考宋體;而非襯線字體就比較橫平豎直，筆畫粗細相同。襯線字體大多用在古典風格或民族風格的banner設計當中。非襯線字體適用的范圍就比較廣，可以說絕大多數的banner中都可以運用。

　　③ 文案分為主標題和副標題。主標題自然是最精簡也是最搶眼的部分，而副標題可以是主標題的解釋說明，也可以是接主標題的新文案。區(qū)別搭配有助于用戶第一時間分辨出文案的主次，讓頁面更加協(xié)調。

　　8、配色

       好的配色需要一定的配色基礎以及日常練習的積累。但是當遇到特殊狀況時，顯然并不會在顏色上留給我們有太多的時間。所以，我們就需要一些輔助的方式來完成顏色的搭配工作。

　　這里我推薦兩個網站：

　　第一個網站會推薦許多不錯的顏色搭配，其中有不少是我個人比較喜歡的;第二個網站是material design官網中的color部分。其中的Color palettes在我們輸入顏色之后自動生成搭配。有了這兩個網站的配色加持，會大大縮短我們設計banner的時間。

　　二、方 法

　　1、搜集

　　要在極短的時間內設計出效果不錯的banner，除非能力強悍或是胸有成竹，我能想到的方法就在于平日的“積累”。

　　文中提到的背景、裝飾，都是碎片化可拼接的內容。我們在工作或平日里可以設計出足夠的素材，那么在時間緊迫的時候進行拼接就好。

　　文字字體方面我們可以分析出平時所給文案中的一些“套路”;分析里面總是會提到的幾個字或者是相似度很高的標題，來進行字體的設計。

　　無論是簡單也好、復雜也好，把平日里制作的元素素材進行整理歸納，建立自己的素材庫。這樣，在面對措手不及的任務時才不至于慌亂?；ò昊蛘逧agle就是兩個不錯的素材整理工具。

　　2、臨摹

　　提到臨摹，我們就不得不提到另一個詞“抄襲”。其實，抄襲的認定是見仁見智的。每個人都有自己的認定界限。而我能想到的避免抄襲的方法，就是“刻意改變”。以下面的小人為例。

　　作為設計師而言，我相信都不愿意碰到要求臨時出圖的情況出現。但我們也需要為這種情況而做準備，以確保在時間緊迫的時候來保證自己設計產出物的質量。因此，日常的收集和積累就尤為重要。

• 上一章：網頁設計師聯盟:網站設計必須遵循用戶體...
• 下一章：網頁設計之柵格系統(tǒng)