當前位置:
首頁 > 設計 > Banner設計技巧!

Banner設計技巧!

根據客戶需求,確定Banner尺寸大小、文案數量及產品形狀,找到適合的排版布局。Banner 版式分為:

左右式排版採用左文右圖,或者左圖右文的方式,版式清晰,文案圖片分區明顯。左右版式適合於凸顯文案,圖文佔比滿足四六開黃金分割比,常用於表現立意模糊的金融閱讀類產品。

居中排版採用文案居中(居中對齊)、配圖向四周擴散也可左右布局,或者配圖居中、文案左右的方式進行。居中式排版適於凸顯圖片,也適合凸顯文案,凸顯的文案或圖片放置在畫面中間,常用於立意明確的電商、餐飲類產品。另外如果Banner中沒有配圖只有文案,通常採用居中式構圖。

目前字體的主流設計風格為扁平化風格,Banner設計中字體的選擇標準是文字的添加能使畫面產生和諧感。

字體分為兩大類:襯線字體和無襯線字體。字體不同,表達的情緒也不同:襯線字體給人古典、經典感,如宋體類的方正大標宋字體、類似宋體的英文字體Didot,常用於表現女性產品類、化妝品類、文藝清新等類目的主標題;無襯線字體給人現代、簡約感。

無襯線字體根據筆畫粗細組合不同,也會帶給人們不同的情緒:

粗體無襯線字給人強壯、厚重、促銷、廉價感,如黑體、方正蘭亭粗黑等字體,常用於表現男性產品類或家電類、工業類產品等。

細體無襯線字給人柔美、品質感,如方正蘭亭超細黑簡體等字體,結合恰當的留白效果,常用於表現有品質感的大品牌、奢侈品、智能科技型產品或女性產品。

粗細結合的無襯線字給人剛勁、促銷感,往往結合文字傾斜增強促銷、熱賣感。

Banner中的字體,除了使用特殊字體之外,還可以自行設計字體。首先根據主題表達確定基礎字體,再收集變形靈感繪製變形字體,對文字的小部分部位做小規模的文字變化,以保證文字的高辨識度,如常見的筆畫連接、替代法、斷指法、錯落擺放法等。

根據畫面表達需求,確定好文案字體後,Banner的文字文字排版規律,從高度佔比入手:主副文案總高度在 Banner 的佔比大約在40~50%;主文案、副文案大小層級差異通常為2倍關係,如主文案為60px,則副文案為30px左右;當副文案字數較少時,副文案字型大小可大些,但最少差異 10px 以上。

Banner 的圖片類型主要有 3 種:插畫類型、模特產品類型(也稱為模特類型)和產品類型(也稱為配圖類型)。這裡以配圖類型為例。

垂直水平式,水平有序排列產品圖片,所有配圖得到完美展現,給用戶正規、安全感。

三角形:產品採用正三角構圖,產生較強的立體感,各產品配圖佔比輕重有別,這種構圖方式穩定自然,強化空間感,給用戶帶來極強的安全感、可靠感。

採用對角線,產品配圖佔比較為平衡,畫面活潑、動感和穩定性極強。

漸次式排列,有很強的空間展示感,各產品配圖佔比從大到小,穩定、有序,透視指引到廣告語,給用戶穩定自然、產品豐富可靠感。

輻射式,也有很強的空間展示感,各產品配圖佔比從大到小,畫面有序、透視指引到廣告語,給用戶活潑動感、產品豐富可靠感。

框架式構圖穩定、有很好的聚焦效果,讓用戶感覺產品穩定可信。

在為 Banner 做配圖時,採用多層次配圖,實現多點傳達信息,讓用戶有更多的選擇餘地,以及利用高價商品帶動低價商品的促銷目的。

在Banner中合理利用點綴能更好地烘托主題,使整個畫面更有層次性。Banner點綴通常利用背景漸變、輔助形狀、商品、標籤提煉、加入紋理等方法來實現。

Banner設計中用鄰近色做柔和的漸變背景,可以增加設計細節豐富畫面效果,既符合現實生活光照原理,又起著引導用戶閱讀方向的作用。

Banner商品點綴能集中用戶的視覺注意力,常用的輔助點綴形狀有橢圓、雙橢圓融合、長圓角矩形、圓形及其變異。

輔助點綴形狀利用極少的元素,如形狀的大小、方向、顏色的變化在版面中重複使用,營造空間感和平衡感,實現豐富的視覺效果。

Banner中利用標籤提煉把較弱的副文案突顯,利用標籤凸顯賣點。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

設計靈感的來源並非偶然!
變中求通的設計思維