來源：微信公眾號 PingMianDesigner（平面設計）
依客戶需求，決定Banner尺寸大小、文案數量及產品形狀，找到適合的排版佈局。 Banner 版式分為：
①左右式排版採用左文右圖，或左圖右文的方式，版面清晰，文案圖片分區明顯。左右版式適合於凸顯文案，圖文佔比滿足四六開黃金分割比，常用於表現立意模糊的金融閱讀類產品。
②居中排版採用文案居中（居中對齊）、配圖向四周擴散也可左右佈局，或者配圖居中、文案左右的方式進行。居中式排版適合凸顯圖片，也適合凸顯文案，凸顯的文案或圖片放置在畫面中間，常用於立意明確的電商、餐飲類產品。另外如果Banner中沒有配圖只有文案，通常會採用居中式構圖。
目前字體的主流設計風格為扁平化風格，Banner設計中字體的選擇標準是文字的添加能使畫面產生和諧感。
字體分為兩大類：襯線字體和無襯線字體。字體不同，表達的情緒也不同：襯線字體給人古典、經典感，如宋體類的方正大標宋字體、類似宋體的英文字體Didot，常用於表現女性產品類、化妝品類、文藝清新等類目的主標題；無襯線字體給人現代、簡約感。
無襯線字體根據筆畫粗細組合不同，也會帶給人們不同的情緒：
粗體無襯線字給人強壯、厚重、促銷、廉價感，如黑體、方正蘭亭粗黑等字體，常用於表現男性產品類或家電類、工業類產品等。
細體無襯線字給人柔美、品質感，如方正蘭亭超細黑簡體等字體，結合恰當的留白效果，常用於表現有品質感的大品牌、奢侈品、智能科技型產品或女性產品。
粗細結合的無襯線字給人剛勁、促銷感，往往結合文字傾斜增強促銷、熱賣感。
Banner中的字體，除了使用特殊字體之外，還可以自行設計字體。首先根據主題表達確定基礎字體，再收集變形靈感繪製變形字體，對文字的小部分部位做小規模的文字變化，以確保文字的高辨識度，如常見的筆畫連接、替代法、斷指法、錯落擺放法等。
根據畫面表達需求，確定好文案字體後，Banner的文字文字排版規律，從高度佔比入手：主副文案總高度在Banner 的佔比大約在40~50%；主文案、副文案大小層級差異通常為2倍關係，如主文案為60px，副文案為30px左右；當副文案字數較少時，副文案字號可大些，但最少差異10px 以上。
Banner 的圖片類型主要有3 種：插畫類型、模特兒產品類型（也稱為模特兒類型）和產品類型（也稱為配圖類型）。這裡以配圖類型為例。
①垂直水平式，水平有序排列產品圖片，所有配圖完美展現，給用戶正規、安全感。
②三角形：產品採用正三角構圖，產生較強的立體感，各產品配圖佔比輕重有別，這種構圖方式穩定自然，強化空間感，給用戶帶來極強的安全感、可靠感。
③採用對角線，產品配圖佔比較為平衡，畫面活潑、動感和穩定性極強。
④漸次式排列，有很強的空間展示感，各產品配圖佔比由大到小，穩定、有序，透視指引到廣告語，給用戶穩定自然、產品豐富可靠感。
⑤輻射式，也有很強的空間展示感，各產品配圖佔比從大到小，畫面有序、透視指引到廣告語，給用戶活潑動感、產品豐富可靠感。
⑥框架式構圖穩定、有很好的聚焦效果，讓使用者感覺產品穩定可信。
在為Banner 做配圖時，採用多層次配圖，實現多點傳達訊息，讓用戶有更多的選擇餘地，以及利用高價商品帶動低價商品的促銷目的。
在Banner中合理利用點綴能更好地烘托主題，讓整個畫面更有層次性。 Banner點綴通常利用背景漸層、輔助形狀、商品、標籤提煉、加入紋理等方法來實現。
①Banner設計中用鄰近色做柔和的漸變背景，可以增加設計細節豐富畫面效果，既符合現實生活光照原理，又起著引導用戶閱讀方向的作用。
②Banner商品點綴能集中使用者的視覺注意力，常用的輔助點綴形狀有橢圓、雙橢圓融合、長圓角矩形、圓形及其變異。
③輔助點綴形狀利用極少的元素，如形狀的大小、方向、顏色的變化在版面中重複使用，營造空間感和平衡感，實現豐富的視覺效果。
④Banner中利用標籤提煉把較弱的副文案突顯，利用標籤凸顯賣點。
⑤Banner 中利用網格化紋理、圓點紋理、雜訊紋理等紋理來豐富畫面，但紋理的使用不能影響主文案的視覺效果。透過適當降低不透明度、邊緣用遮罩做漸變處理等方式來弱化紋理效果。
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Banner-she-ji-ji-qiao.html
支付宝扫一扫 
评论列表（196条）
测试