一般Banner是由文案(包括logo)、商品模特(包括產(chǎn)品圖)、背景、點(diǎn)綴元素四個(gè)元素組成的，Banner設(shè)計(jì)四要素：對(duì)比、對(duì)齊、重復(fù)、親密性。
Banner構(gòu)圖包括：垂直水平構(gòu)圖，文案居中，比較隨意直觀，可靈活操作；傾斜構(gòu)圖，文案居中，常用于促銷(xiāo)類(lèi)；幾何構(gòu)圖，例如文案位于三角內(nèi)，結(jié)構(gòu)感強(qiáng)；傾斜式構(gòu)圖；輻射式構(gòu)圖等。
◆Banner的分類(lèi)
按照不同的分類(lèi)標(biāo)準(zhǔn)，就有不同的分法，例如：按形式感分，有扁平化Banner和立體感Banner；按是否促銷(xiāo)分類(lèi)，有促銷(xiāo)Banner和非促銷(xiāo)Banner；按構(gòu)圖方式分類(lèi)，有左文右圖式 banner、左圖右文式 banner、居中式 banner。這里，按表現(xiàn)的特點(diǎn)分為四大類(lèi) -- 年輕化Banner、文藝范Banner、品牌感Banner和大氣化Banner。
◆年輕化Banner特點(diǎn)
文案通常用促銷(xiāo)剛勁類(lèi)的字體，點(diǎn)綴元素常用一些幾何圖形或眾多商品元素。
◆文藝范Banner特點(diǎn)
文案通常用瘦長(zhǎng)類(lèi)的字體，構(gòu)圖穩(wěn)重、整體協(xié)調(diào)、用色淡雅。比如：用鄰近色搭配背景和點(diǎn)綴元素，這時(shí)背景與商品顏色鄰近的跨度小，背景與點(diǎn)綴顏色鄰近的跨度大。
◆品牌感Banner特點(diǎn)
有l(wèi)ogo，主色通常用logo上的顏色，文案字體也一般用Logo上的字體，banner主體是品牌特征。
◆大氣化Banner特點(diǎn)
常運(yùn)用一些表現(xiàn)手法，例如聯(lián)想、意識(shí)流思維，不以文案為核心，著重表現(xiàn)主體。
◆字體的選用
①纖細(xì)類(lèi)字體，方正清刻本悅宋、小米蘭亭、方正蘭亭纖黑、方正蘭亭超細(xì)黑、華文黑體、漢儀瑞意宋、漢儀宋韻朗黑。
②粗體類(lèi)字體，方正蘭亭中黑/超粗、方正正中黑、造字工房尚黑。
③促銷(xiāo)類(lèi)字體，迷你簡(jiǎn)菱心、造字工房版黑/勁黑、華康儷金黑、方正粗譚黑、愛(ài)度綜藝簡(jiǎn)體。
④書(shū)法宇體，漢儀尚巍手書(shū)、漢儀綜藝體。
◆Banner處理技巧
①文案處理
■文字分層，例如錯(cuò)層陰影，讓字體有層次感，又或者將文案置于模特或產(chǎn)品圖的背后，這是最常見(jiàn)的。
■形狀點(diǎn)綴，常見(jiàn)的是直線點(diǎn)綴，用來(lái)區(qū)分文案內(nèi)容，也有幾何圖形來(lái)進(jìn)行裝飾和點(diǎn)綴，從而突出文案，讓閱讀更流暢。
■筆觸相連，分為細(xì)節(jié)連接和整體連接：細(xì)節(jié)連接是局部的筆畫(huà)相連；整體連接是多處筆畫(huà)同時(shí)連帶。一般運(yùn)用細(xì)節(jié)連接，這樣不至于讓觀者產(chǎn)生閱讀障礙。
②模特或產(chǎn)品圖處理，前提是模特圖或產(chǎn)品圖該摳的要摳干凈，需要優(yōu)化的要優(yōu)化處理，素材要擇優(yōu)選取，要體現(xiàn)賣(mài)家所需特征。
③背景處理，對(duì)于背景的處理，一般有用色、紋理和幾何點(diǎn)綴三個(gè)方面的處理，呈現(xiàn)體現(xiàn)立體或微立體效果，可以直接構(gòu)建(微)立體場(chǎng)景，或使用同類(lèi)漸變色搭建背景。
④點(diǎn)綴元素處理，點(diǎn)綴元素有一定的方向，例如：45度朝上，俯視視角一般有標(biāo)簽點(diǎn)綴、實(shí)物圖或圖(紋)案點(diǎn)綴、圓(球)形等幾何點(diǎn)綴。對(duì)于幾何圖形，可通過(guò)不同的屬性來(lái)呈現(xiàn)多樣性，比如是否有描邊，是否填充等。幾何圖形的點(diǎn)綴有扁平化與超寫(xiě)實(shí)之分。