banner 設計

banner 底圖風格選擇該挑照片還是插畫，很多人拿捏不定。其實照片的說服力來自真實感，插畫的彈性來自能對應品牌調性，這篇從四個判斷維度拆解，帶你找到最適合自己品牌的底圖做法。

banner 多尺寸規劃如果每次都從零重畫，一檔活動要出五、六種尺寸，時間全花在重畫同一張圖。只要先建一份母版，拆成背景、主視覺、文字堆疊、CTA 按鈕四層可獨立抽換的積木，再依長寬比把尺寸歸類成幾個家族，之後不管平台再多幾種尺寸，做的都只是排列組合與微調字級留白，不必逐一重新設計。

banner 常見設計錯誤，多半藏在等重量的版面、太滿的文案、跟背景融在一起的配色這類細節裡。這篇一次盤點 8 個最容易讓 banner 被略過的地方，帶你對照自己手上的 banner 逐項檢查。

響應式 banner 設計沒抓好安全範圍，桌機版好好的主視覺，換到手機常常被裁到只剩半張臉、按鈕整個被擠出畫面外。抓對安全範圍跟構圖邏輯，同一組素材不管裝置比例怎麼變，主體、文字、按鈕都能穩穩留在畫面裡。

banner 視覺主從沒排好，圖片、標題、按鈕全部搶戲，使用者掃過去反而抓不到重點。這篇教你怎麼決定主角、讓配角甘願退讓，並用一個不需要工具的瞇眼測試，確認版面主從真的排對了。