您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇

之前我把平面設(shè)計的視覺呈現(xiàn)分為:構(gòu)圖,調(diào)子,元素和內(nèi)容四大部分組成,所以我分四部曲來講,其中元素部分又分為標(biāo)題,主體和大場景三部分,今天講的就是標(biāo)題部分。在講標(biāo)題設(shè)計之前,先說說這四部曲的基本前提:

 

 

  目標(biāo)

 

  我們做設(shè)計究竟是為了什么?公司請視覺設(shè)計師做美術(shù)包裝廣告究竟是為了什么?

 

  賺錢!

 

宗旨

 

  我們公司是上市運營公司,公司存在是為了盈利為了賺錢,我們視覺設(shè)計師是包裝,我們目的是把公司產(chǎn)品美術(shù)包裝做好,

 

  讓用戶有視覺享受,更好的引導(dǎo)去花費,賺用戶的錢,因此,我們做的是商業(yè)設(shè)計。

 

  用戶認(rèn)同我們,能讓美術(shù)引導(dǎo)他們?nèi)ジ_心的去瀏覽,去消費我們的產(chǎn)品就是我們的成功。

 

  所以,商業(yè)設(shè)計必須以用戶的角度出發(fā)。

 

良好的設(shè)計習(xí)慣

 

  因為我們的設(shè)計是從用戶角度出發(fā),建議每次完成設(shè)計后,首先問問自己,也可以問問別人測試一下,如果你是用戶,看看這份設(shè)計是否吸引到你,是否愿意去讀下去

 

用戶的特性

 

  大部分人總是很忙,生活匆匆過,一般外面的線下廣告用戶去看不會超過3秒,什么能夠讓他們視線停下來?網(wǎng)絡(luò)資訊琳瑯滿目,怎樣才能讓迅速瀏覽和點擊的用戶停住視線?其實你們自己都是用戶,問問自己——那肯定是吸引你眼球的視覺沖擊力強的廣告,還有你感興趣的廣告文字。線上廣告主要是 以banner為主,道理是一樣的,能讓行走的人留住視線,能讓在鄰羅滿目咨訊中瀏覽網(wǎng)頁用戶停住視線的廣告,必須的就是充足的視覺沖擊力和捕捉力的平面主體,另外就是凸顯敏感的標(biāo)題和重點字眼。

 

標(biāo)題文字篇

 

平面設(shè)計除了在視覺上給人一種美的享受外,更重要的是向廣大的消費者轉(zhuǎn)達(dá)一種的信息,一種理念,因此在平面設(shè)計中,不單單注重表面視覺上的美觀,而應(yīng)該考慮考慮信息的傳達(dá)。

 

  標(biāo)題主要是表達(dá)廣告主題的短文,一般在平面設(shè)計中起了畫龍點睛的作用,獲取瞬間的打動效果,經(jīng)常是運用文學(xué)的手法,以生動精彩的短句和一些形象夸張的手法來喚起消費者的購買欲望。不僅要爭取消費者的注意,還要爭取到消費者的心理。。(引用網(wǎng)文)

 

  標(biāo)題的最基本要求:

 

清晰,明了

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  請問,三秒內(nèi)以上banner誰能看清楚寫什么?有能抓的住誰眼睛?

 

  標(biāo)題的三大特性:

 

邏輯性

 

  標(biāo)題選擇上應(yīng)該簡潔明了,易記,概括力強的短語,不一定是一個完整的句子,也有只用一、二個字的短語,但它是廣告文字最重要的部分。

 

  標(biāo)題文字不適宜過長,往往三四個字為一個停頓,作為一個設(shè)計師,要懂得如何提煉標(biāo)題文字主次和語法邏輯,讓觀眾讀起來一下子捕抓到商品所表達(dá)的意思,例如:我相信我會飛!設(shè)計的時候,可以提煉:我相信,我會飛,提煉后馬上明了目的是我會飛;一切皆有可能,停頓應(yīng)該是:一切,皆有可能;科技以人為本,停頓應(yīng)該是:科技,以人為本,科技怎樣呢?就是以人為本;

 

  準(zhǔn)確的文字提煉,能讓用戶快捷地捕捉到要點字眼。

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  315專題“假貨讓我很不爽”這個標(biāo)題,突出的字眼應(yīng)該是 假貨讓我很不爽,馬上就知道假不爽,但是,如果為了遷就效果而做成 假貨讓我很不爽,那就變成假是爽的了

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  還有就是標(biāo)題文字停頓貨重點字注意顏色的配合,文字轉(zhuǎn)行或者顏色變化同樣會引起誤會。 所以請注意提煉重點文字邏輯和提煉停頓的技巧,直接影響到信息效果。

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  上圖不被設(shè)計者解釋一下,我以為33626是電話號碼,什么叫套出租房?原來是33626套房,所以設(shè)計的時候是不能分開。

 

整體性

 

  一般廣告語標(biāo)題在設(shè)計上一般采用基本字體,或者略加變化,而不宜太花,要力求醒目、易讀,符合廣告的表現(xiàn)意圖,在標(biāo)題文字的形式要有一定的象征意義,粗壯有利的黑體給人感到清秀,適用于電器和輕工商品;圓頭黑體帶有曲線,適宜婦女和兒童的商品應(yīng)用;端莊敦厚的老宋體,用于傳統(tǒng)商品標(biāo)識穩(wěn)重而帶有歷史感;典雅秀麗的新宋,適用于服裝、化妝品,而斜體字給畫面帶來了風(fēng)感、帶來了動感。(引用網(wǎng)文)

 

  標(biāo)題文字設(shè)計盡量用相同的字體,在平面設(shè)計上標(biāo)題文字要凸顯于版面上,所以標(biāo)題的整體性尤為重要,如果碰到過多的文字,如果整體結(jié)合性不強,那么在點多于面的視覺上就會顯得松散沒力,壓不住場。更多的時候,標(biāo)題其實最好是一個面。展現(xiàn)幾個正面不同風(fēng)格的范例:

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  字體數(shù)最好統(tǒng)一在1-2種,以英文作為線的組合

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  主副標(biāo)題的結(jié)合

 

  娛樂性比較強的標(biāo)題設(shè)計,在清楚的前提下,無論背景多么復(fù)雜,都

 

  能凸顯整體的標(biāo)題,這時其中一種簡單的技法:

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

看幾個值得注意的例子:

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

修改前

 

  做設(shè)計總應(yīng)該把眼光放遠(yuǎn),不然會把自己拘束在小空間里,好像畫石膏,整體定位,分立明暗,然后才是細(xì)節(jié),其過程眼睛和構(gòu)思總是不停在調(diào)動整體性。道理一樣,好像以上例子,不把握住整體來設(shè)計作品,就會出現(xiàn)“小兒麻痹”的效果

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

修改后

 

  就標(biāo)題而論,起碼看上去,文字的一塊是整體的清楚的

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  超過2種中文字,沒有整體的標(biāo)題設(shè)計,不要說3秒抓眼球,就是慢慢看,都分不清應(yīng)該讀那句先,那句后;設(shè)計者和審核者都應(yīng)該注意,所有展示的負(fù)面設(shè)計都是不允許發(fā)生成熟型公司的。

 

這里就標(biāo)題的整體性對比一下幾個例子:

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  設(shè)計標(biāo)題的時候,如果文字過長應(yīng)該分行,在語法停頓的地方做些關(guān)聯(lián)的細(xì)節(jié)字眼,盡量把文字的點性結(jié)合成面性,加上細(xì)節(jié)上可以自己加以修飾的修飾圖,那整體性和趣味感就出來了

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

引導(dǎo)性

 

  標(biāo)題在整個版面上,應(yīng)該是處于最醒目的位置,應(yīng)注意配合插圖造型的需要,運用視覺引導(dǎo),使讀者的視線從標(biāo)題自然地向插圖、正文轉(zhuǎn)移。例如美國運用籃球巨星腳穿”耐克鞋”在球場上騰空飛躍,以”誰說我不能飛!”的感嘆語句,標(biāo)題與照片融為一體,形象的夸耀了鞋子的質(zhì)量,讓人感到生動活潑,形成了自己的個性。(引用網(wǎng)文)

 

  又例如,畫面是一個人在大聲地用揚聲桶說出標(biāo)題,那么標(biāo)題就應(yīng)該自揚聲桶開始由細(xì)到大,透視上由斜到直地表現(xiàn)更為生動,如果只在旁邊加以文字,會平淡很多,在引導(dǎo)上就沒有前者有活力

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  引導(dǎo)性的標(biāo)題需要和圖片的互動比較大,也比較生動

 

造字的效果

 

  在一個平面或廣告上文字始終是文字,但是,我們利用自身設(shè)計者的美術(shù)感覺,把文字變化成圖形,將會出現(xiàn)畫龍點睛的效果,散字是點,排版好就是線,加上把重點字提煉出來,變化一下讓他成為圖,那么點線面不用我講都知道是永恒不變的結(jié)合,自己造字其實蠻有樂趣與挑戰(zhàn),也有成就感,在造字的時候,首先先了解主體所變現(xiàn)的內(nèi)容,根據(jù)內(nèi)容來變化,

 

例如以下例子

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

 ?。ㄟ@個作品是初稿,整體上還是不完整的,因為前面的標(biāo)題字和造字之間沒有關(guān)聯(lián),這里表達(dá)的是造字的作用)

 

  亞運會火炬叫潮流,但是設(shè)計這個主體的時候火炬兩個字體與變化成火苗的形象對比,無疑是后者表現(xiàn)的比較生動貼切。也能達(dá)到幾秒鐘內(nèi)鋪抓眼球的效果,關(guān)鍵是,中國文字是極具中國特色的色基元素,值得成為中國特色設(shè)計的奠基。

 

  我個人比較支持設(shè)計者自己運用中國字的特典造字來表現(xiàn)標(biāo)題。

 

經(jīng)典教程!商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇 - 圖翼網(wǎng)(TUYIYI.COM) - 優(yōu)秀APP設(shè)計師聯(lián)盟

 

  很多時候,標(biāo)題的設(shè)計更多的應(yīng)該是一個面,其實標(biāo)題的這些特性在我們身邊隨便都能參考到,雜志的封面,正版游戲的封面,標(biāo)題設(shè)計的邏輯性,整體性和引導(dǎo)性都是非常棒的,建議大家多看多想,一個設(shè)計者如果走在大街上把所看到的都能結(jié)合心中的構(gòu)圖,那么很容易就會把那種所以延續(xù)成你的個人風(fēng)格。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di2105.html
字體與產(chǎn)品氣質(zhì),字體的7種類型及特點
Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼)
圖趣網(wǎng)微信
建議反饋
×