關於網頁Banner的四種類型

和網站有關的設計工作中，除了網頁設計、網頁前端切版這類工作之外，也有專門在為企業機關管理、維護網站的工作。

在這樣的團隊，通常會和行銷企劃和廣告文案領域的人才互相配合，分工合作產出年度的廣告計劃、活動企劃，設計師在裡面的角色除了製圖之外，也需要對產出的圖片內容具有傳達目標的觀念。

以下是我個人將收到的Banner需求分成常見的四個類型，在和同事配合時，若雙方都有著資訊傳達的共識，那會有更好的設計效率，並盡量降低來回修改的可能性。

▉ 常見的四種Banner類型

一、形象類

這類型的Banner會需要吸引人的圖片和引人入勝的文案標題，需要在短短幾句話讓人印象深刻，別讓人覺得「就是放張圖打段文字」就考驗著設計師的功力。

當圖片需要處理過才能使用時，設計師可以試著：

簡單加上一層遮罩，讓文案標題更明顯。

讓圖片的左右稍稍變暗，這能營造視覺集中的氛圍。

不需要被關注的圖片內容可以打模糊，讓文字明顯之外也能營造氛圍。

讓圖片整體的色調和網站一致，才不會讓網站有種拼接縫補的感覺。

二、商業廣告類

產品介紹、特價促銷、會員專享，這類Banner的引導性較為明顯，很有可能會出現將按鈕做在圖上的狀況。

除了商品本身，「價格與優惠資訊」在這類型Banner的閱讀順序中，也會有一定的重要性，在執行設計時就可以找一些主從關係明顯有差別的範例，和對方窗口確認想要的呈現方向，才不會繞一圈後發現對方根本不打算放商品，只想放大大的價格呀！

三、節慶祝賀類

為網站增添節氣氛圍、活動宣傳、隨檔期更新，有些會單純祝賀客戶，有些則會放上一些折扣訊息或商品資訊。在處理這種類型的Banner時，可以試著選擇很好延伸運用的向量元素，這樣在製作成其他平台需要的尺寸時，可以更有效率節省時間。

四、資訊宣導類

新聞公告、活動宣傳、最新消息，這類可以做得很文藝，也能做得有鄉土感。

整張的資訊重點可能會放在「時間」相關的編排。

別只是把日期無聊地放上，請試著去找找年、月、日的編排表現方式有哪些吧。

延伸閱讀

設計師需要考慮到不同平台和裝置的設計需求，包括桌機、筆電、平版和手機。

確保 Banner 在不同設備上都能夠呈現出最佳的效果。

▉ 建立蒐集資料的習慣

設計美感無法一步登天，需要靠日積月累的習慣。

滑手機時將不錯的廣告存起來、在路上看到貼近喜好的設計時將它拍下來，這些都是和日常有關的「蒐集資料」，當您將設計賞析變成日常，就能時刻訓練自己的美感。

而在將參考資料右鍵保存時，您也能參考先利用這幾個方式做分類：

1. 依照「顏色」來區分。
2. 依照「字體」來區分。
3. 依照「設計手法」來區分。
4. 依照「產業別」來區分。

將蒐集資料變成習慣後，試著加入一點能讓自己工作更便利的分類吧！

若和網頁設計產業有關，我們甚至還會用「區塊」做分類，比如關於簡介、企業沿革、服務項目之類，讓不同的設計師所製作的區塊設計，能成為下一個案子的數據養份，灌溉到其他人的靈感花園裡。

一個設計師的腦內資料庫不會只有以上四種分類方式，不管是想用圖書館的分類或者經濟部產業分類，或只是先用自己喜歡的分類去蒐集資料也很好，只要能將這件事情變成習慣，觀察力、美感、眼界就會有所提升。