對于品牌網站建設來說宣傳是必不可少的，我們更多的選擇使用banner圖來傳遞我們網站上的主要信息，好的banner圖可以獲得訪客的關注，起到宣傳和銷售的效果。然而很多設計師在制作banner圖時，不知道該從哪作為突破口，今天我們來分享下網站banner圖如何設計以及需要注意哪些問題。

banner的設計如此重要，那優秀的banner有哪些共性呢？

● 有強烈的視覺沖擊力，在第一時間抓住訪客的注意力

● 每張banner只傳達一個概念或觀點

● 色彩搭配與網站整理協調，符合自己品牌的形象和人群對品牌熟知的認同感

● 正確的對比度，與CTA元素相區別，襯托而不喧賓奪主

● 匹配頁面主題，幫助標題直達瀏覽者最關注的問題

我們在設計banner時，經常會發生因設計不當導致banner被忽略的問題，直接影響點擊率，那體驗效果好的banner圖應如何設計呢？

一、內容為王，banner圖上的內容，一定程度上決定了圖片的質量，不相關的內容會給客戶帶來不好的體驗，需要注意以下幾點：

1.文案內容。獨特而有個性的文案內容可以拉近我們的產品和訪客的距離，好的文案一般是直觀、簡短、可以引導用戶執行某些操作。

1） 突出產品的主題，讓客戶一目了然，如下圖：網站上產品眾多，將主推廣的產品放置在banner圖上，文案內容突出我們是專業的泵制造商，按鈕設計引導客戶繼續點擊查看產品詳情介紹。

2） 突出企業品牌和文化。在banner圖設計時注意與公司的企業文化、品牌定位及形象相結合，這些都可以通過banner的風格、色彩、和文字直接體現。如下圖：根據產品的類型定位簡約的風格，設計中融合了客戶的logo，注重客戶的品牌宣傳。

二、善用CTA按鈕。

CTA是常見的用戶交互元素，如：“閱讀更多 ”“立即注冊”等按鈕，好的CTA設計是轉化的重要步驟，可以引導客戶進行下一步的操作，那我們在設計banner圖上的CTA時要注意哪些方面呢？

1.放置位置。放置位置建議在文案信息后，引導客戶看完我們的營銷信息后進行下一步操作。

2.CTA的形狀建議使用按鈕形式，經測試得出：使用按鈕形式的CTA點擊率會比其他的樣式更高。

3.顏色。一般來說紅色、綠色、黃色是轉化率較高的顏色，但我們在制作banner圖時也要結合網站的整體風格及logo色調來設計。

4.大小。按鈕的尺寸建議略短于上方文案內容，這樣會給訪客以緊張感，增強訪客行動力。

5.按鈕上的文案我們要體現價值，讓訪客有所期待。如“留言免費領取樣品”、“免費領取課程”等，增強客戶的轉化，但注意文字不可過長。

6.注意在移動端的展示效果。在手機端要著重注意按鈕的大小，要有足夠的留白效果能讓訪客輕松點擊。

三、banner風格和整體網站風格要統一。

做banner圖，簡潔的設計比一個復雜的元素多的圖效果會更好。主色調建議不要超過三種，在設計中為了突出主題，也會運用一些視覺表現手法： 如：民族風－會用古典的、復古的、文化底蘊的效果； 扁平風－使用活潑的、簡單的背景； 工業風－再現應用場景，增加真實感。

四、打造故事情節的視覺效果

通過展示banner圖向訪客講述一個故事，無形中向客戶灌輸我們的應用場景、產品特征等，但切記不宜放太多信息，能讓訪客第一眼抓住重點和核心信息。

五、優化網站banner的大小。

1.尺寸大小

我們在設計時要注意使用最優的尺寸，banner圖分為窄屏Banner和全屏Banner，在早期建站時考慮到網站打開速度的問題，通常使用窄屏尺寸，但這種尺寸無法適應不同的屏幕大小，所以依據屏幕大小平鋪的banner設計就應用而生，這種尺寸的banner圖視覺效果更好，使網站顯得更加大氣。

2.占內存大小

由于圖片加載需要時間，在Banner圖做好后，我們要在不損害圖片質量的情況下對圖片的大小進行優化，減少頁面加載速度對轉化率的影響,一般建議banner圖的文件小于200K。