Slogan在Banner中占據(jù)著舉足輕重的地位，Slogan設(shè)計得好，可以成為廣告圖的點睛之筆，畫面品質(zhì)感明顯提升。設(shè)計得不好，也能毀掉整個Banner。本文主要分析如何巧用Slogan(品牌口號，廣告語)，實現(xiàn)網(wǎng)頁Banner的創(chuàng)意表現(xiàn)。
那么來了解下Slogan對Banner有多大的影響?
如果說Banner 比作一個人的臉，那么標(biāo)語就相當(dāng)于臉上的五官，以及臉的架構(gòu)。一個人是否帥氣主要還是看她的臉的骨架和五官是否精致，同理你應(yīng)該知道標(biāo)語對Banner視覺的影響有多大啦。
下面整體的背景和產(chǎn)品質(zhì)感都可以，但用戶看著顯得很low，是因為被標(biāo)語設(shè)計排版給破壞了。( 這里隨便選擇了一些作品，只代表個人觀點哦～ )
1. 標(biāo)語排版位置以及大小對比度過小，所以壓不住畫面，導(dǎo)致畫面視覺沖擊力不夠。
2. 英文和VI元素不搭配，文字無緊湊感，對比不夠。
3. 框太細(xì)，文字對比不夠，沒有品牌感。
4. 文字和畫面不夠呼應(yīng)，太小壓不住畫面，文字太呆板點綴突出設(shè)計有點讓人琢磨不透 層次感不夠
5. 樣式過多
通過以上舉例的部分案例，我們發(fā)現(xiàn)一個Banner設(shè)計的好壞，光靠質(zhì)量高的圖是達(dá)不到的，還要有一個好的Slogan設(shè)計。
那么我們?nèi)绾问褂肧logan 讓 Banner變得更有設(shè)計感呢，這次從入門到基礎(chǔ)到初級進行分析。
入門 - 在畫面中比例位置
基礎(chǔ) - 結(jié)合圖案/圖形
初級 - 改變形狀/字體樣式
標(biāo)語在畫面中的構(gòu)圖常見為：左右對稱、上下對稱、對角對稱、滿屏、字形對稱、黃金分割比位置等。
主要根據(jù)畫面中為圖片主視覺元素 來定制標(biāo)語位置在那里。最好不能破壞畫面的平衡感、統(tǒng)一性、可讀性等原則。
在使用的時候需要注意品牌的定位，運用環(huán)境，以及在畫面中的比列位置等，盡量不要影響畫面構(gòu)圖。
常見的一些設(shè)計方式分為：
1. 方形
具有突出/分割作用
方形最大的作用就是可以起到突出分割修飾等作用，可以得畫面產(chǎn)生強烈的對比。方形運用的行業(yè)比較綜合，少數(shù)使用于女性小孩行業(yè)中。
下圖中設(shè)計師突出了22 所以利用了方形進行突出,標(biāo)語布局采用了對角布局的方式，讓整個畫面視覺產(chǎn)生了平衡感。
2. 方框
使標(biāo)語更緊湊，增加層次感
下圖中設(shè)計師為了讓兩端文案變得更整體，不被背景圖片所干擾，所以采用了方框進行設(shè)計，標(biāo)語位于畫面居中位置。
讓文案單獨區(qū)分并且突出出來
作品也是采用了框型的元素使畫面中的文案彼此不被干擾。標(biāo)語在畫面中位于左下角位置。巧妙的平衡了整個畫面。
增加層次感
原本人物和圖片是緊貼在一起的，設(shè)計師使用了線框的元素，巧妙的使得整個標(biāo)語和畫面變得具有層次感。
這里設(shè)計師也是使用相同的處理方式，注意在使用線條的時候一定要讓線條穿插不一樣的平面，才能給用戶傳達(dá)出前后層次的關(guān)系。
3. 三角形
其實和方形一樣，三角給用戶的感受更加凌厲，主要在運動或者器械類行業(yè)偏多，主要給用戶的目的也是起到突出吸引，區(qū)分平衡畫面等作用。
運動類行業(yè)增加速度感/豐富畫面
設(shè)計師使用了三角形的元素在畫面中，與文字結(jié)合起來。給用戶傳達(dá)出運用的極速/凌厲的感覺。
下面作品的表現(xiàn)方式也是采用相同的設(shè)計方式。
4. 圓形
同理圓形也是一樣起到的作用，具有突出、分隔 等作用，主要給用戶傳達(dá)出平滑柔性的感受，常用于化妝品，偏向女性化小孩等用戶群體居多。
突出分隔作用
利用圓形讓中間的標(biāo)語在畫面中突出出來，起到吸引用戶的視覺，還能通過圓點讓標(biāo)語和背景和之間具有一定交互效果。
增加層次感/豐富畫面
這是一款適用于家庭行業(yè)的產(chǎn)品，設(shè)計師一樣采用柔性的元素橢圓形和文字搭配讓標(biāo)語變得具有前中后層次感，而元素上的色彩也豐富了畫面。
5. 不規(guī)則幾何圖形
不規(guī)則圖形也具有突出，分隔等作用， 常運用在個性化行業(yè)中，比如潮牌，個人設(shè)計師網(wǎng)站等。
突出分隔作用
準(zhǔn)確的說右邊圖形是兩個多邊形組成的，恰好從畫面中起到了突出作用。
當(dāng)作標(biāo)簽使用
整個標(biāo)語排版比較活躍，設(shè)計師巧妙的將圖形運用在標(biāo)簽上面，使得整個標(biāo)語變得更有設(shè)計感。
6. VI 標(biāo)志
Slogan中往往提取一部分來自VI標(biāo)志中的圖形元素，會讓整個設(shè)計起到畫龍點睛的作用，這類設(shè)計常用在品牌網(wǎng)站中，用于傳達(dá)企業(yè)的品牌知名度。
直接運用全部品牌圖形
設(shè)計師直接將品牌VI圖形元素運用在Slogan中，向用戶傳達(dá)品牌知名度。這類運用建議挑選比較具有設(shè)計感的圖形運用，或者具體VI的距離稍微遠(yuǎn)一些，這樣避免畫面元素重復(fù)。
下面作品也是采用了相同的設(shè)計方式：
運用品牌輪廓比例
Slogan中的圖形化形狀來源于品牌VI的外形讓畫面變得具有透氣感，同時也傳達(dá)出來了品牌感。注意盡量挑選VI輪廓有規(guī)律的圖形來嘗試。太復(fù)雜的話會讓用戶不太理解，以及畫面的不美觀。
運用品牌中間的色彩形狀
這里方法使用的比較多，也是比較容易的方式，右邊設(shè)計作品Sloagn設(shè)計師就采用了品牌中的幾何圖和文字進行組合，有效的傳達(dá)出了品牌概念。注意在選取元素的時候一定要選取突出的元素，便于用戶識別。
7. 繪畫元素
使用繪畫的方式會讓整個Slogan在風(fēng)格和材質(zhì)統(tǒng)一性更強/更有趣味性。多數(shù)適合于各種行業(yè)。
制造環(huán)境
設(shè)計師將Slogan制作成繪畫模式的，然后添加一些各種生活中的小元素進行結(jié)合讓他們成為一體。給人趣味的感覺，做此類設(shè)計注意添加的元素不要搶過了你的主體。
下列設(shè)計也是運用相同的設(shè)計方法。
制造特殊圖形
設(shè)計師使用骷髏圖形來表達(dá)自己想要的概念，配合Slogan還是比較超前的，需要注意的是切勿讓插畫元素和Slogan之間的對比不大，比如顏色空間大小等。
增加立體感
這是一個設(shè)計師個人網(wǎng)站的主頁，場景式的插畫和Slogan結(jié)合使空間感增強。
在使用的時候需要注意品牌的定位，運用環(huán)境，以及在畫面中的比例位置等，盡量不要影響畫面構(gòu)圖。
常見的一些設(shè)計方式分為：
1. 品牌圖片
相對于圖形化，圖片的結(jié)合更加具有感染力，更快把帶你帶入情境中，主要作用還是宣傳品牌為主。多數(shù)會從品牌宣傳的元素中提取元素進行結(jié)合，比如代言人、產(chǎn)品、視頻、插畫等。
使用模特特質(zhì)作為修飾
下面設(shè)計一看模特就知道是做他是什么行業(yè)的，圖片和Slogan結(jié)合使用，使畫面更加具有親和力，注意選擇模特的時候一定要選擇主體明確，具有品牌特色的模特。
2. 產(chǎn)品圖片
在產(chǎn)品上增加文字能巧妙的向用戶傳達(dá)出產(chǎn)品的信息，同時節(jié)省大量信息展示空間，又能在視覺上增加層次感，主要運用于產(chǎn)品類網(wǎng)站。
展示產(chǎn)品型號為主
設(shè)計師在產(chǎn)品后面增加簡單而大大羅馬數(shù)字2，使得用戶清晰的理解這是第二代產(chǎn)品，同時拉開了鞋子的層次感。
下面作品設(shè)計師也是采用同樣的方式。使用Slogan和產(chǎn)品圖結(jié)合達(dá)到了預(yù)期的效果。值得注意的是，我們在設(shè)計類似效果時一定要保證用戶能看明白字的含義，字?jǐn)?shù)不能太多，字體根據(jù)品牌或產(chǎn)品的形狀選擇。
3. 場景圖片或視頻
顧名思義，使用和品牌相關(guān)的圖片和文字之間進行組合起來，讓字體不再單調(diào)。這里多數(shù)情況以H5方式來展示。
使用文字遮罩的效果
設(shè)計師巧妙的用文字遮罩的效果和圖片進行結(jié)合起來，避免畫面的壓抑，又能讓用戶了解它是什么。
模擬真實場景的使用
設(shè)計師為了讓文字和場景完美的結(jié)合，利用紙張和字母大小的前后關(guān)系打造出具有空間感的畫面。其實這里利用舉一反三的思路，可以產(chǎn)出很多設(shè)計，比如書桌，書本，黑板等等…
4. 圖形圖片
圖形和圖案之間結(jié)合起來會擦出怎樣的火花?會讓你的標(biāo)注變得更有art的感覺。
虛實結(jié)合，傳達(dá)出不一樣的感受
本來實物的花朵，設(shè)計師使用了虛擬的手法讓花變得具有層次感，最后畫龍點睛將文字放在圖的后面，讓畫面空間感十足。同樣可以舉一反三，比如你想表達(dá)汽車的車燈，網(wǎng)球的球拍等都可以運用相同的手法。
總結(jié)
無論是用圖形或者圖片和Slogan結(jié)合使用，都要和行業(yè)相呼應(yīng)。
比如三角，方形，多邊形等非圓形更多運用在運動，機械，電器，男性化等行業(yè)，傳達(dá)出速度感，凌厲的調(diào)性。
而橢圓，圓形等曲線類形狀，更多運用在品牌定位為女性，小孩群體的用戶比如化妝品，護膚類，幼兒園。 這類讓用戶更容易接近接受。
而照片類的使用更容易感染用戶，給用戶傳達(dá)出真實感。多數(shù)使用在畫面背景干凈上面，加強對比度，就能展示出照片的紋理和真實感。
常見設(shè)計方式為：
1. 三角形
常見標(biāo)語架構(gòu)偏向有正三角，倒三角，右邊三角形這幾種形態(tài)。這里就介紹常見到的正三角形的設(shè)計形態(tài)。
2. 方形
常見表現(xiàn)方式有長方形 正方形 這兩種形態(tài)，讓標(biāo)語排版有嚴(yán)謹(jǐn)?shù)母杏X。
3. 圓形
常見方式有橢圓、圓形這兩種形態(tài)的排版方式，下面的設(shè)計作品就是使用了圓框元素和Slogan結(jié)合使用，注意做此類設(shè)計方式的時候，得注意文字的數(shù)量，因為純商業(yè)的比較少，畢竟比較難保證它的可讀性。
4. 六邊形
五邊形六邊形比較多運用在于字體排版，往往會使Slogan變得具有層次感。設(shè)計的時候切勿不能亂用，一定要符合設(shè)計的本質(zhì)才能使用。
使用傾斜的設(shè)計方式(弧形，左右傾斜等改變Slogan整體形狀的角度)告別死板的Slogan設(shè)計方式。
1. 上弧形
球形等運用會使得Slogan外形框架更具有空間感。這里主要通過變形工具使得整個Slogan形狀變得曲面化。下面的設(shè)計則采用了圓形偏上的設(shè)計手法。
2. 上下弧形
下面的作品設(shè)計也是采用上下弧度的設(shè)計方式，讓Slogan變得更具有空間感。
3. 左右傾斜/旋轉(zhuǎn)
下面作品讓Slogan右傾斜很有效的解決了Slogan的呆板性。右傾使得畫面更有緯度。
這里Slogan也是采用了相似設(shè)計手法，不過是左傾斜
4. 豎列
Slogan 使用豎列的排版也能讓主視覺更加具有別具一格的感受。
此類設(shè)計更多運用在偏向情懷文化類的產(chǎn)業(yè)中運用。
下面Slogan設(shè)計使用了豎列排版的設(shè)計方式，使得整個畫面具有設(shè)計感。 注意往往豎列排版給用戶的閱讀性不是很高，所以我們需要多控制文字多數(shù)量。以及主次關(guān)系。
下面也是采用了相同的設(shè)計方式。文字?jǐn)?shù)量上控制的不多。
5. 橫豎結(jié)合
橫豎排版常見于運用在中國風(fēng)或單獨的設(shè)計中。豐富標(biāo)語層次感。下面Slogan設(shè)計使用了橫豎結(jié)合的設(shè)計方式。設(shè)計的時候需要注意：前后關(guān)系層次，主次關(guān)系等比例。
常見設(shè)計方式為：
1. 單獨字體尺寸
通過改變Slogan字體的大小，來制造出標(biāo)語中段落的空間感。右邊設(shè)計中就是放大數(shù)字01，讓它和其他的文字產(chǎn)生對比。
2. 豐富背景
下面的設(shè)計也是一樣，將Slogan中的文案單獨突出出來，作為背景使用。
他這邊更多表現(xiàn)的是一種修飾為主，但是同樣也讓文案保持來一定的對比。
3. 通過改變特殊樣式
通過改變Slogan中的標(biāo)題的材質(zhì)，使得標(biāo)題和副標(biāo)題產(chǎn)生對比，制造出來空間感。
4. 通過改變色彩/位置
右邊設(shè)計師通過改變Slogan中字體的色彩和在畫面中的排版位置，有效拉出來層次感。
5. 改變字體
設(shè)計師將Slogan的主標(biāo)題采用特殊的毛筆字，讓標(biāo)題和段落文字產(chǎn)生了對比，使整個Slogan變得具有層次感。注意這里我們選擇一個毛筆字體，然后下載一些筆刷拼接。即可產(chǎn)生設(shè)計效果。
當(dāng)我們碰到畫面Slogan文字信息少的時候，我同樣可以采取一些特殊的字體搭配。
總結(jié)
在使用標(biāo)語進行變形的時候，總結(jié)出來了多邊形、圓方、三角、橫豎、排列、傾斜等。我們介紹的方法不能死用，要根據(jù)品牌調(diào)性以及畫面中的比例去用。
以上就是上海網(wǎng)站設(shè)計提供的內(nèi)容，如果想要了解關(guān)于金融企業(yè)網(wǎng)站建設(shè)案例及如何利用微博做營銷，可直接點擊查看
