中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

如何設(shè)計(jì)banner中的slogan

2022-05-26    分類: 網(wǎng)站建設(shè)

Slogan在Banner中占據(jù)著舉足輕重的地位,Slogan設(shè)計(jì)得好,可以成為廣告圖的點(diǎn)睛之筆,畫面品質(zhì)感明顯提升。設(shè)計(jì)得不好,也能毀掉整個(gè)Banner。本文主要分析如何巧用Slogan(品牌口號(hào),廣告語),實(shí)現(xiàn)網(wǎng)頁Banner的創(chuàng)意表現(xiàn)。

那么來了解下Slogan對(duì)Banner有多大的影響?

如果說Banner 比作一個(gè)人的臉,那么標(biāo)語就相當(dāng)于臉上的五官,以及臉的架構(gòu)。一個(gè)人是否帥氣主要還是看她的臉的骨架和五官是否精致,同理你應(yīng)該知道標(biāo)語對(duì)Banner視覺的影響有多大啦。

來看看有哪些因標(biāo)語而廢掉設(shè)計(jì)作品

下面整體的背景和產(chǎn)品質(zhì)感都可以,但用戶看著顯得很low,是因?yàn)楸粯?biāo)語設(shè)計(jì)排版給破壞了。( 這里隨便選擇了一些作品,只代表個(gè)人觀點(diǎn)哦~ )

1. 標(biāo)語排版位置以及大小對(duì)比度過小,所以壓不住畫面,導(dǎo)致畫面視覺沖擊力不夠。


2. 英文和VI元素不搭配,文字無緊湊感,對(duì)比不夠。


3. 框太細(xì),文字對(duì)比不夠,沒有品牌感。


4. 文字和畫面不夠呼應(yīng),太小壓不住畫面,文字太呆板點(diǎn)綴突出設(shè)計(jì)有點(diǎn)讓人琢磨不透 層次感不夠


5. 樣式過多


通過以上舉例的部分案例,我們發(fā)現(xiàn)一個(gè)Banner設(shè)計(jì)的好壞,光靠質(zhì)量高的圖是達(dá)不到的,還要有一個(gè)好的Slogan設(shè)計(jì)。

那么我們?nèi)绾问褂肧logan 讓 Banner變得更有設(shè)計(jì)感呢,這次從入門到基礎(chǔ)到初級(jí)進(jìn)行分析。

入門 - 在畫面中比例位置

基礎(chǔ) - 結(jié)合圖案/圖形

初級(jí) - 改變形狀/字體樣式

標(biāo)語在畫面中的構(gòu)圖常見為:左右對(duì)稱、上下對(duì)稱、對(duì)角對(duì)稱、滿屏、字形對(duì)稱、黃金分割比位置等。

主要根據(jù)畫面中為圖片主視覺元素 來定制標(biāo)語位置在那里。最好不能破壞畫面的平衡感、統(tǒng)一性、可讀性等原則。

一. 通過結(jié)合/圖形元素讓Slogan變得具有設(shè)計(jì)感

在使用的時(shí)候需要注意品牌的定位,運(yùn)用環(huán)境,以及在畫面中的比列位置等,盡量不要影響畫面構(gòu)圖。

常見的一些設(shè)計(jì)方式分為:

1. 方形

具有突出/分割作用

方形大的作用就是可以起到突出分割修飾等作用,可以得畫面產(chǎn)生強(qiáng)烈的對(duì)比。方形運(yùn)用的行業(yè)比較綜合,少數(shù)使用于女性小孩行業(yè)中。

下圖中設(shè)計(jì)師突出了22 所以利用了方形進(jìn)行突出,標(biāo)語布局采用了對(duì)角布局的方式,讓整個(gè)畫面視覺產(chǎn)生了平衡感。


2. 方框

使標(biāo)語更緊湊,增加層次感

下圖中設(shè)計(jì)師為了讓兩端文案變得更整體,不被背景圖片所干擾,所以采用了方框進(jìn)行設(shè)計(jì),標(biāo)語位于畫面居中位置。


讓文案單獨(dú)區(qū)分并且突出出來

作品也是采用了框型的元素使畫面中的文案彼此不被干擾。標(biāo)語在畫面中位于左下角位置。巧妙的平衡了整個(gè)畫面。


增加層次感

原本人物和圖片是緊貼在一起的,設(shè)計(jì)師使用了線框的元素,巧妙的使得整個(gè)標(biāo)語和畫面變得具有層次感。

這里設(shè)計(jì)師也是使用相同的處理方式,注意在使用線條的時(shí)候一定要讓線條穿插不一樣的平面,才能給用戶傳達(dá)出前后層次的關(guān)系。

3. 三角形

其實(shí)和方形一樣,三角給用戶的感受更加凌厲,主要在運(yùn)動(dòng)或者器械類行業(yè)偏多,主要給用戶的目的也是起到突出吸引,區(qū)分平衡畫面等作用。

運(yùn)動(dòng)類行業(yè)增加速度感/豐富畫面

設(shè)計(jì)師使用了三角形的元素在畫面中,與文字結(jié)合起來。給用戶傳達(dá)出運(yùn)用的極速/凌厲的感覺。


下面作品的表現(xiàn)方式也是采用相同的設(shè)計(jì)方式。


4. 圓形

同理圓形也是一樣起到的作用,具有突出、分隔 等作用,主要給用戶傳達(dá)出平滑柔性的感受,常用于化妝品,偏向女性化小孩等用戶群體居多。

突出分隔作用

利用圓形讓中間的標(biāo)語在畫面中突出出來,起到吸引用戶的視覺,還能通過圓點(diǎn)讓標(biāo)語和背景和之間具有一定交互效果。


增加層次感/豐富畫面

這是一款適用于家庭行業(yè)的產(chǎn)品,設(shè)計(jì)師一樣采用柔性的元素橢圓形和文字搭配讓標(biāo)語變得具有前中后層次感,而元素上的色彩也豐富了畫面。


5. 不規(guī)則幾何圖形

不規(guī)則圖形也具有突出,分隔等作用, 常運(yùn)用在個(gè)性化行業(yè)中,比如潮牌,個(gè)人設(shè)計(jì)師網(wǎng)站等。

突出分隔作用

準(zhǔn)確的說右邊圖形是兩個(gè)多邊形組成的,恰好從畫面中起到了突出作用。


當(dāng)作標(biāo)簽使用

整個(gè)標(biāo)語排版比較活躍,設(shè)計(jì)師巧妙的將圖形運(yùn)用在標(biāo)簽上面,使得整個(gè)標(biāo)語變得更有設(shè)計(jì)感。


6. VI 標(biāo)志

Slogan中往往提取一部分來自VI標(biāo)志中的圖形元素,會(huì)讓整個(gè)設(shè)計(jì)起到畫龍點(diǎn)睛的作用,這類設(shè)計(jì)常用在品牌網(wǎng)站中,用于傳達(dá)企業(yè)的品牌知名度。

直接運(yùn)用全部品牌圖形

設(shè)計(jì)師直接將品牌VI圖形元素運(yùn)用在Slogan中,向用戶傳達(dá)品牌知名度。這類運(yùn)用建議挑選比較具有設(shè)計(jì)感的圖形運(yùn)用,或者具體VI的距離稍微遠(yuǎn)一些,這樣避免畫面元素重復(fù)。


下面作品也是采用了相同的設(shè)計(jì)方式:


運(yùn)用品牌輪廓比例

Slogan中的圖形化形狀來源于品牌VI的外形讓畫面變得具有透氣感,同時(shí)也傳達(dá)出來了品牌感。注意盡量挑選VI輪廓有規(guī)律的圖形來嘗試。太復(fù)雜的話會(huì)讓用戶不太理解,以及畫面的不美觀。


運(yùn)用品牌中間的色彩形狀

這里方法使用的比較多,也是比較容易的方式,右邊設(shè)計(jì)作品Sloagn設(shè)計(jì)師就采用了品牌中的幾何圖和文字進(jìn)行組合,有效的傳達(dá)出了品牌概念。注意在選取元素的時(shí)候一定要選取突出的元素,便于用戶識(shí)別。


7. 繪畫元素

使用繪畫的方式會(huì)讓整個(gè)Slogan在風(fēng)格和材質(zhì)統(tǒng)一性更強(qiáng)/更有趣味性。多數(shù)適合于各種行業(yè)。

制造環(huán)境

設(shè)計(jì)師將Slogan制作成繪畫模式的,然后添加一些各種生活中的小元素進(jìn)行結(jié)合讓他們成為一體。給人趣味的感覺,做此類設(shè)計(jì)注意添加的元素不要搶過了你的主體。


下列設(shè)計(jì)也是運(yùn)用相同的設(shè)計(jì)方法。


制造特殊圖形

設(shè)計(jì)師使用骷髏圖形來表達(dá)自己想要的概念,配合Slogan還是比較超前的,需要注意的是切勿讓插畫元素和Slogan之間的對(duì)比不大,比如顏色空間大小等。


增加立體感

這是一個(gè)設(shè)計(jì)師個(gè)人網(wǎng)站的主頁,場(chǎng)景式的插畫和Slogan結(jié)合使空間感增強(qiáng)。


二. 通過結(jié)合圖片元素讓Slogan變得具有設(shè)計(jì)感

在使用的時(shí)候需要注意品牌的定位,運(yùn)用環(huán)境,以及在畫面中的比例位置等,盡量不要影響畫面構(gòu)圖。

常見的一些設(shè)計(jì)方式分為:

1. 品牌圖片

相對(duì)于圖形化,圖片的結(jié)合更加具有感染力,更快把帶你帶入情境中,主要作用還是宣傳品牌為主。多數(shù)會(huì)從品牌宣傳的元素中提取元素進(jìn)行結(jié)合,比如代言人、產(chǎn)品、視頻、插畫等。

使用模特特質(zhì)作為修飾

下面設(shè)計(jì)一看模特就知道是做他是什么行業(yè)的,圖片和Slogan結(jié)合使用,使畫面更加具有親和力,注意選擇模特的時(shí)候一定要選擇主體明確,具有品牌特色的模特。


2. 產(chǎn)品圖片

在產(chǎn)品上增加文字能巧妙的向用戶傳達(dá)出產(chǎn)品的信息,同時(shí)節(jié)省大量信息展示空間,又能在視覺上增加層次感,主要運(yùn)用于產(chǎn)品類網(wǎng)站。

展示產(chǎn)品型號(hào)為主

設(shè)計(jì)師在產(chǎn)品后面增加簡(jiǎn)單而大大羅馬數(shù)字2,使得用戶清晰的理解這是第二代產(chǎn)品,同時(shí)拉開了鞋子的層次感。


下面作品設(shè)計(jì)師也是采用同樣的方式。使用Slogan和產(chǎn)品圖結(jié)合達(dá)到了預(yù)期的效果。值得注意的是,我們?cè)谠O(shè)計(jì)類似效果時(shí)一定要保證用戶能看明白字的含義,字?jǐn)?shù)不能太多,字體根據(jù)品牌或產(chǎn)品的形狀選擇。


3. 場(chǎng)景圖片或視頻

顧名思義,使用和品牌相關(guān)的圖片和文字之間進(jìn)行組合起來,讓字體不再單調(diào)。這里多數(shù)情況以H5方式來展示。

使用文字遮罩的效果

設(shè)計(jì)師巧妙的用文字遮罩的效果和圖片進(jìn)行結(jié)合起來,避免畫面的壓抑,又能讓用戶了解它是什么。


模擬真實(shí)場(chǎng)景的使用

設(shè)計(jì)師為了讓文字和場(chǎng)景好的結(jié)合,利用紙張和字母大小的前后關(guān)系打造出具有空間感的畫面。其實(shí)這里利用舉一反三的思路,可以產(chǎn)出很多設(shè)計(jì),比如書桌,書本,黑板等等…


4. 圖形圖片

圖形和圖案之間結(jié)合起來會(huì)擦出怎樣的火花?會(huì)讓你的標(biāo)注變得更有art的感覺。

虛實(shí)結(jié)合,傳達(dá)出不一樣的感受

本來實(shí)物的花朵,設(shè)計(jì)師使用了虛擬的手法讓花變得具有層次感,最后畫龍點(diǎn)睛將文字放在圖的后面,讓畫面空間感十足。同樣可以舉一反三,比如你想表達(dá)汽車的車燈,網(wǎng)球的球拍等都可以運(yùn)用相同的手法。


總結(jié)

無論是用圖形或者圖片和Slogan結(jié)合使用,都要和行業(yè)相呼應(yīng)。

比如三角,方形,多邊形等非圓形更多運(yùn)用在運(yùn)動(dòng),機(jī)械,電器,男性化等行業(yè),傳達(dá)出速度感,凌厲的調(diào)性。

而橢圓,圓形等曲線類形狀,更多運(yùn)用在品牌定位為女性,小孩群體的用戶比如化妝品,護(hù)膚類,幼兒園。 這類讓用戶更容易接近接受。

而照片類的使用更容易感染用戶,給用戶傳達(dá)出真實(shí)感。多數(shù)使用在畫面背景干凈上面,加強(qiáng)對(duì)比度,就能展示出照片的紋理和真實(shí)感。

三. 通過變化Slogan整體的形狀讓它們變得具有設(shè)計(jì)感

常見設(shè)計(jì)方式為:

1. 三角形

常見標(biāo)語架構(gòu)偏向有正三角,倒三角,右邊三角形這幾種形態(tài)。這里就介紹常見到的正三角形的設(shè)計(jì)形態(tài)。


2. 方形

常見表現(xiàn)方式有長方形 正方形 這兩種形態(tài),讓標(biāo)語排版有嚴(yán)謹(jǐn)?shù)母杏X。


3. 圓形

常見方式有橢圓、圓形這兩種形態(tài)的排版方式,下面的設(shè)計(jì)作品就是使用了圓框元素和Slogan結(jié)合使用,注意做此類設(shè)計(jì)方式的時(shí)候,得注意文字的數(shù)量,因?yàn)榧兩虡I(yè)的比較少,畢竟比較難保證它的可讀性。


4. 六邊形

五邊形六邊形比較多運(yùn)用在于字體排版,往往會(huì)使Slogan變得具有層次感。設(shè)計(jì)的時(shí)候切勿不能亂用,一定要符合設(shè)計(jì)的本質(zhì)才能使用。


四. 傾斜

使用傾斜的設(shè)計(jì)方式(弧形,左右傾斜等改變Slogan整體形狀的角度)告別死板的Slogan設(shè)計(jì)方式。

1. 上弧形

球形等運(yùn)用會(huì)使得Slogan外形框架更具有空間感。這里主要通過變形工具使得整個(gè)Slogan形狀變得曲面化。下面的設(shè)計(jì)則采用了圓形偏上的設(shè)計(jì)手法。


2. 上下弧形

下面的作品設(shè)計(jì)也是采用上下弧度的設(shè)計(jì)方式,讓Slogan變得更具有空間感。


3. 左右傾斜/旋轉(zhuǎn)

下面作品讓Slogan右傾斜很有效的解決了Slogan的呆板性。右傾使得畫面更有緯度。


這里Slogan也是采用了相似設(shè)計(jì)手法,不過是左傾斜


4. 豎列

Slogan 使用豎列的排版也能讓主視覺更加具有別具一格的感受。

此類設(shè)計(jì)更多運(yùn)用在偏向情懷文化類的產(chǎn)業(yè)中運(yùn)用。

下面Slogan設(shè)計(jì)使用了豎列排版的設(shè)計(jì)方式,使得整個(gè)畫面具有設(shè)計(jì)感。 注意往往豎列排版給用戶的閱讀性不是很高,所以我們需要多控制文字多數(shù)量。以及主次關(guān)系。


下面也是采用了相同的設(shè)計(jì)方式。文字?jǐn)?shù)量上控制的不多。


5. 橫豎結(jié)合

橫豎排版常見于運(yùn)用在中國風(fēng)或單獨(dú)的設(shè)計(jì)中。豐富標(biāo)語層次感。下面Slogan設(shè)計(jì)使用了橫豎結(jié)合的設(shè)計(jì)方式。設(shè)計(jì)的時(shí)候需要注意:前后關(guān)系層次,主次關(guān)系等比例。


五. 通過變化Slogan中間文字的字體樣式,能夠產(chǎn)生強(qiáng)烈的對(duì)比增強(qiáng)設(shè)計(jì)感

常見設(shè)計(jì)方式為:

1. 單獨(dú)字體尺寸

通過改變Slogan字體的大小,來制造出標(biāo)語中段落的空間感。右邊設(shè)計(jì)中就是放大數(shù)字01,讓它和其他的文字產(chǎn)生對(duì)比。


2. 豐富背景

下面的設(shè)計(jì)也是一樣,將Slogan中的文案單獨(dú)突出出來,作為背景使用。

他這邊更多表現(xiàn)的是一種修飾為主,但是同樣也讓文案保持來一定的對(duì)比。


3. 通過改變特殊樣式

通過改變Slogan中的標(biāo)題的材質(zhì),使得標(biāo)題和副標(biāo)題產(chǎn)生對(duì)比,制造出來空間感。


4. 通過改變色彩/位置

右邊設(shè)計(jì)師通過改變Slogan中字體的色彩和在畫面中的排版位置,有效拉出來層次感。


5. 改變字體

設(shè)計(jì)師將Slogan的主標(biāo)題采用特殊的毛筆字,讓標(biāo)題和段落文字產(chǎn)生了對(duì)比,使整個(gè)Slogan變得具有層次感。注意這里我們選擇一個(gè)毛筆字體,然后下載一些筆刷拼接。即可產(chǎn)生設(shè)計(jì)效果。


當(dāng)我們碰到畫面Slogan文字信息少的時(shí)候,我同樣可以采取一些特殊的字體搭配。


總結(jié)

在使用標(biāo)語進(jìn)行變形的時(shí)候,總結(jié)出來了多邊形、圓方、三角、橫豎、排列、傾斜等。我們介紹的方法不能死用,要根據(jù)品牌調(diào)性以及畫面中的比例去用。

文章題目:如何設(shè)計(jì)banner中的slogan
分享路徑:http://m.rwnh.cn/news22/159122.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、外貿(mào)建站外貿(mào)網(wǎng)站建設(shè)、App設(shè)計(jì)App開發(fā)、域名注冊(cè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
济宁市| 衡水市| 黄浦区| 安仁县| 沁阳市| 上蔡县| 伊宁市| 宁蒗| 黄冈市| 石林| 云浮市| 托克逊县| 正蓝旗| 安岳县| 铁岭县| 德令哈市| 乌拉特后旗| 婺源县| 民乐县| 泾川县| 宝坻区| 贵定县| 读书| 岚皋县| 东城区| 吉木乃县| 石楼县| 库尔勒市| 蒙城县| 老河口市| 东明县| 南城县| 高淳县| 梁山县| 临西县| 大安市| 株洲县| 噶尔县| 大新县| 三原县| 咸宁市|