關於網頁Banner的四種類型

筱涵|Hannah
發佈於與網頁有關 個房間
2024/03/18閱讀時間約 4 分鐘

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

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

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


▉ 常見的四種Banner類型

一、形象類

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


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

簡單加上一層遮罩,讓文案標題更明顯。
讓圖片的左右稍稍變暗,這能營造視覺集中的氛圍。
不需要被關注的圖片內容可以打模糊,讓文字明顯之外也能營造氛圍。
讓圖片整體的色調和網站一致,才不會讓網站有種拼接縫補的感覺。


二、商業廣告類

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

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


三、節慶祝賀類

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


四、資訊宣導類

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

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

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


延伸閱讀

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

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



▉ 建立蒐集資料的習慣

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


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


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

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


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


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


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






1.2K會員
18內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
留言0
查看全部
發表第一個留言支持創作者!