banner設(shè)計(jì)要點(diǎn)

1、之前我把平面設(shè)計(jì)的視覺呈現(xiàn)分為：構(gòu)圖，調(diào)子，元素和內(nèi)容四大部分組成，所以我分四部曲來講，其中元素部分又分為標(biāo)題，主體和大場(chǎng)景三部分，今天講的就是標(biāo)題部分。在講標(biāo)題設(shè)計(jì)之前，先說說這四部曲的基本前提：序目標(biāo)我們做設(shè)計(jì)究竟是為了什么？公司請(qǐng)視覺設(shè)計(jì)師做美術(shù)包裝廣告究竟是為了什么？賺錢！宗旨我們公司是上市運(yùn)營(yíng)公司，公司存在是為了盈利為了賺錢，我們視覺設(shè)計(jì)師是包裝，我們目的是把公司產(chǎn)品美術(shù)包裝做好，讓用戶有視覺享受，更好的引導(dǎo)去花費(fèi)，賺用戶的錢，因此，我們做的是商業(yè)設(shè)計(jì)。用戶認(rèn)同我們，能讓美術(shù)引導(dǎo)他們?nèi)ジ_心的去瀏覽，去消費(fèi)我們的產(chǎn)品就是我們的成功。所以，商業(yè)設(shè)計(jì)必須以用戶的角度出發(fā)。良好的設(shè)計(jì)習(xí)慣因

2、為我們的設(shè)計(jì)是從用戶角度出發(fā)，建議每次完成設(shè)計(jì)后，首先問問自己，也可以問問別人測(cè)試一下，如果你是用戶，看看這份設(shè)計(jì)是否吸引到你，是否愿意去讀下去用戶的特性大部分人總是很忙，生活匆匆過，一般外面的線下廣告用戶去看不會(huì)超過3秒，什么能夠讓他們視線停下來？網(wǎng)絡(luò)資訊琳瑯滿目，怎樣才能讓迅速瀏覽和點(diǎn)擊的用戶停住視線？其實(shí)你們自己都是用戶，問問自己那肯定是吸引你眼球的視覺沖擊力強(qiáng)的廣告，還有你感興趣的廣告文字。線上廣告主要是 以banner為主，道理是一樣的，能讓行走的人留住視線，能讓在鄰羅滿目咨訊中瀏覽網(wǎng)頁(yè)用戶停住視線的廣告，必須的就是充足的視覺沖擊力和捕捉力的平面主體，另外就是凸顯敏感的標(biāo)題和重點(diǎn)字眼

3、。 標(biāo)題文字篇平面設(shè)計(jì)除了在視覺上給人一種美的享受外，更重要的是向廣大的消費(fèi)者轉(zhuǎn)達(dá)一種的信息，一種理念，因此在平面設(shè)計(jì)中，不單單注重表面視覺上的美觀，而應(yīng)該考慮考慮信息的傳達(dá)。標(biāo)題主要是表達(dá)廣告主題的短文，一般在平面設(shè)計(jì)中起了畫龍點(diǎn)睛的作用，獲取瞬間的打動(dòng)效果，經(jīng)常是運(yùn)用文學(xué)的手法，以生動(dòng)精彩的短句和一些形象夸張的手法來喚起消費(fèi)者的購(gòu)買欲望。不僅要爭(zhēng)取消費(fèi)者的注意，還要爭(zhēng)取到消費(fèi)者的心理。（引用網(wǎng)文）標(biāo)題的最基本要求：清晰，明了 請(qǐng)問，三秒內(nèi)以上banner誰(shuí)能看清楚寫什么？有能抓的住誰(shuí)眼睛？標(biāo)題的三大特性：邏輯性標(biāo)題選擇上應(yīng)該簡(jiǎn)潔明了，易記，概括力強(qiáng)的短語(yǔ)，不一定是一個(gè)完

4、整的句子，也有只用一、二個(gè)字的短語(yǔ)，但它是廣告文字最重要的部分。標(biāo)題文字不適宜過長(zhǎng)，往往三四個(gè)字為一個(gè)停頓，作為一個(gè)設(shè)計(jì)師，要懂得如何提煉標(biāo)題文字主次和語(yǔ)法邏輯，讓觀眾讀起來一下子捕抓到商品所表達(dá)的意思，例如：我相信我會(huì)飛！設(shè)計(jì)的時(shí)候，可以提煉：我相信，我會(huì)飛，提煉后馬上明了目的是我會(huì)飛；一切皆有可能，停頓應(yīng)該是：一切，皆有可能；科技以人為本，停頓應(yīng)該是：科技，以人為本，科技怎樣呢？就是以人為本；準(zhǔn)確的文字提煉，能讓用戶快捷地捕捉到要點(diǎn)字眼。           315專題“假貨讓我很

5、不爽”這個(gè)標(biāo)題，突出的字眼應(yīng)該是 假貨讓我很不爽，馬上就知道假不爽，但是，如果為了遷就效果而做成 假貨讓我很不爽，那就變成假是爽的了還有就是標(biāo)題文字停頓貨重點(diǎn)字注意顏色的配合，文字轉(zhuǎn)行或者顏色變化同樣會(huì)引起誤會(huì)。 所以請(qǐng)注意提煉重點(diǎn)文字邏輯和提煉停頓的技巧，直接影響到信息效果。上圖不被設(shè)計(jì)者解釋一下，我以為33626是電話號(hào)碼，什么叫套出租房？原來是33626套房，所以設(shè)計(jì)的時(shí)候是不能分開。整體性一般廣告語(yǔ)標(biāo)題在設(shè)計(jì)上一般采用基本字體，或者略加變化，而不宜太花，要力求醒目、易讀，符合廣告的表現(xiàn)意圖，在標(biāo)題文字的形式要有一定的象征意義，粗壯有利的黑體給人感到清秀，適用于電器和輕工商品；圓頭黑體帶

6、有曲線，適宜婦女和兒童的商品應(yīng)用；端莊敦厚的老宋體，用于傳統(tǒng)商品標(biāo)識(shí)穩(wěn)重而帶有歷史感；典雅秀麗的新宋，適用于服裝、化妝品，而斜體字給畫面帶來了風(fēng)感、帶來了動(dòng)感。（引用網(wǎng)文）標(biāo)題文字設(shè)計(jì)盡量用相同的字體，在平面設(shè)計(jì)上標(biāo)題文字要凸顯于版面上，所以標(biāo)題的整體性尤為重要，如果碰到過多的文字，如果整體結(jié)合性不強(qiáng)，那么在點(diǎn)多于面的視覺上就會(huì)顯得松散沒力，壓不住場(chǎng)。更多的時(shí)候，標(biāo)題其實(shí)最好是一個(gè)面。展現(xiàn)幾個(gè)正面不同風(fēng)格的范例：字體數(shù)最好統(tǒng)一在1-2種，以英文作為線的組合主副標(biāo)題的結(jié)合娛樂性比較強(qiáng)的標(biāo)題設(shè)計(jì)，在清楚的前提下，無(wú)論背景多么復(fù)雜，都能凸顯整體的標(biāo)題，這時(shí)其中一種簡(jiǎn)單的技法:看幾個(gè)值得注意的例子：修

7、改前做設(shè)計(jì)總應(yīng)該把眼光放遠(yuǎn)，不然會(huì)把自己拘束在小空間里，好像畫石膏，整體定位，分立明暗，然后才是細(xì)節(jié)，其過程眼睛和構(gòu)思總是不停在調(diào)動(dòng)整體性。道理一樣，好像以上例子，不把握住整體來設(shè)計(jì)作品，就會(huì)出現(xiàn)“小兒麻痹”的效果修改后就標(biāo)題而論，起碼看上去，文字的一塊是整體的清楚的超過2種中文字，沒有整體的標(biāo)題設(shè)計(jì)，不要說3秒抓眼球，就是慢慢看，都分不清應(yīng)該讀那句先，那句后；設(shè)計(jì)者和審核者都應(yīng)該注意，所有展示的負(fù)面設(shè)計(jì)都是不允許發(fā)生成熟型公司的。這里就標(biāo)題的整體性對(duì)比一下幾個(gè)例子：前后前后前后前后設(shè)計(jì)標(biāo)題的時(shí)候，如果文字過長(zhǎng)應(yīng)該分行，在語(yǔ)法停頓的地方做些關(guān)聯(lián)的細(xì)節(jié)字眼，盡量把文字的點(diǎn)性結(jié)合成面性，加上細(xì)節(jié)上

8、可以自己加以修飾的修飾圖，那整體性和趣味感就出來了引導(dǎo)性標(biāo)題在整個(gè)版面上，應(yīng)該是處于最醒目的位置，應(yīng)注意配合插圖造型的需要，運(yùn)用視覺引導(dǎo)，使讀者的視線從標(biāo)題自然地向插圖、正文轉(zhuǎn)移。例如美國(guó)運(yùn)用籃球巨星腳穿”耐克鞋”在球場(chǎng)上騰空飛躍，以”誰(shuí)說我不能飛！”的感嘆語(yǔ)句，標(biāo)題與照片融為一體，形象的夸耀了鞋子的質(zhì)量，讓人感到生動(dòng)活潑，形成了自己的個(gè)性。（引用網(wǎng)文）又例如，畫面是一個(gè)人在大聲地用揚(yáng)聲桶說出標(biāo)題，那么標(biāo)題就應(yīng)該自揚(yáng)聲桶開始由細(xì)到大，透視上由斜到直地表現(xiàn)更為生動(dòng)，如果只在旁邊加以文字，會(huì)平淡很多，在引導(dǎo)上就沒有前者有活力引導(dǎo)性的標(biāo)題需要和圖片的互動(dòng)比較大，也比較生動(dòng)造字的效果在一個(gè)平面或廣告上

9、文字始終是文字，但是，我們利用自身設(shè)計(jì)者的美術(shù)感覺，把文字變化成圖形，將會(huì)出現(xiàn)畫龍點(diǎn)睛的效果，散字是點(diǎn)，排版好就是線，加上把重點(diǎn)字提煉出來，變化一下讓他成為圖，那么點(diǎn)線面不用我講都知道是永恒不變的結(jié)合，自己造字其實(shí)蠻有樂趣與挑戰(zhàn)，也有成就感，在造字的時(shí)候，首先先了解主體所變現(xiàn)的內(nèi)容，根據(jù)內(nèi)容來變化，例如以下例子（這個(gè)作品是初稿，整體上還是不完整的，因?yàn)榍懊娴臉?biāo)題字和造字之間沒有關(guān)聯(lián)，這里表達(dá)的是造字的作用）亞運(yùn)會(huì)火炬叫潮流，但是設(shè)計(jì)這個(gè)主體的時(shí)候火炬兩個(gè)字體與變化成火苗的形象對(duì)比，無(wú)疑是后者表現(xiàn)的比較生動(dòng)貼切。也能達(dá)到幾秒鐘內(nèi)鋪?zhàn)パ矍虻男ЧP(guān)鍵是，中國(guó)文字是極具中國(guó)特色的色基元素，值得成為中

10、國(guó)特色設(shè)計(jì)的奠基。我個(gè)人比較支持設(shè)計(jì)者自己運(yùn)用中國(guó)字的特典造字來表現(xiàn)標(biāo)題。很多時(shí)候，標(biāo)題的設(shè)計(jì)更多的應(yīng)該是一個(gè)面，其實(shí)標(biāo)題的這些特性在我們身邊隨便都能參考到，雜志的封面，正版游戲的封面，標(biāo)題設(shè)計(jì)的邏輯性，整體性和引導(dǎo)性都是非常棒的，建議大家多看多想，一個(gè)設(shè)計(jì)者如果走在大街上把所看到的都能結(jié)合心中的構(gòu)圖，那么很容易就會(huì)把那種所以延續(xù)成你的個(gè)人風(fēng)格。寫在前面的話有人覺得做個(gè)banner放2張圖，排幾個(gè)字的事，一點(diǎn)技術(shù)含量都沒有，像其他門戶banner基本上都是編輯們自己做的。我覺得這么說是不對(duì)的，其實(shí)一個(gè)banner可以研究的東西還是很多的，而且做一個(gè)banner是不難，難得是在短時(shí)間內(nèi)做一個(gè)出彩

11、的banner。門戶的專題一般是編輯套模板拼成的，比較重要的專題，banner部分是由設(shè)計(jì)師來完成，一個(gè)banner的品質(zhì)上去了，整個(gè)專題的質(zhì)量感就上來了，所以這部分交給設(shè)計(jì)師來做也是重視品質(zhì)的表現(xiàn)，這個(gè)毋庸置疑。但banner畢竟不比大型項(xiàng)目，從設(shè)計(jì)成本上說不可能給太多的時(shí)間給設(shè)計(jì)師，于是乎，設(shè)計(jì)師有時(shí)候是靠經(jīng)驗(yàn)積累，有時(shí)候妙手偶得，質(zhì)量也是時(shí)好時(shí)壞，更害怕的是當(dāng)沒有經(jīng)驗(yàn)沒頭緒沒有心情時(shí)，胸中無(wú)物，不知道如何下手，于是越急越亂，越亂越急，最后匆匆了事，這種狀態(tài)下估計(jì)也出不了好的東西。在排除技術(shù)手段的前提下，如何通過一些經(jīng)驗(yàn)的思考，讓banner達(dá)到通情達(dá)意效果，也是我下面要說的，個(gè)人經(jīng)驗(yàn)之談

12、，供大家參考。一 思考專題定位·顧及需求方的頻道定位因?yàn)榘瑑?nèi)容不同，門戶網(wǎng)站各個(gè)頻道有著不同的風(fēng)格，所以設(shè)計(jì)師們做設(shè)計(jì)的時(shí)候也要考慮到如體育頻道的運(yùn)動(dòng)感，財(cái)經(jīng)頻道的國(guó)際和高端等。圖1/女人頻道的定位是知性 ，所以這個(gè)banner設(shè)計(jì)風(fēng)格也是很貼切的。/banner 贊助  夏小萌  圖2/歷史頻道的專題，做出厚重滄桑的歷史感還是很切題的。/banner 贊助  10 ·顧及此專題的定位專題的定位有時(shí)候和頻道的定位偶爾是有沖突的，如女人頻道一貫的知性理性的大風(fēng)格下，有時(shí)候會(huì)來一些可愛小女人，有時(shí)候有做溫馨浪漫，在這種有風(fēng)格沖

13、突的情況下，我們還是以貼合專題的定位為主，當(dāng)然也盡量做到不能背離頻道風(fēng)格太遠(yuǎn)。 圖3/女人頻道下的一個(gè)懷舊感的專題，所以畫面做出了一些懷舊的感覺。/banner 贊助  璇 圖4/數(shù)碼頻道的一個(gè)和某手機(jī)贊助商的活動(dòng)，所以banner也表露出一定的商業(yè)感 二 明白文字在Banner中占主導(dǎo)地位從構(gòu)成上講，一個(gè)banner分為2個(gè)部分，一為文字，二為輔助圖。輔助圖雖然占據(jù)大多數(shù)的面積，但是不加以文字的說明，很難讓用戶知道這個(gè)banner要說明什么。要讀一個(gè)人的喜怒哀樂，只要讀其五官即可。在一個(gè)banner里面，標(biāo)題文字起著五官一樣的作用，所以個(gè)人覺得文字才是

14、整個(gè)banner的主角。所以對(duì)于文字的處理，顯得尤為重要，在文字處理時(shí)有幾個(gè)小技巧，與大家分享。圖5/banner文字闡述專題主題，是絕對(duì)的主角。/banner 贊助  淑華 ·分清主標(biāo)和副標(biāo)，從主次上來說，主標(biāo)為主，字體要大顏色要醒目。副標(biāo)起到從內(nèi)容上和形式上都輔助主標(biāo)的作用。一個(gè)好的banner標(biāo)題文字處理都比較飽滿，比較集中。圖6/對(duì)主標(biāo)題的斷詞比較巧妙，文字集中，主次明顯，且文字與輔助圖案相互呼應(yīng)，統(tǒng)一感很好。/banner 贊助  淑華·如果主標(biāo)太長(zhǎng)，需求方不舍得刪文字的情況下，對(duì)主標(biāo)中重要關(guān)鍵字進(jìn)行權(quán)重，突出主要的信息，弱化的、之、

15、和年第X屆這種信息量不大的詞。 圖7/長(zhǎng)標(biāo)題的時(shí)候，如果把征集各種端午風(fēng)俗排成一行，就會(huì)顯得沒有主次，也很有吸引力。我這里把端午這個(gè)最重要的信息提出來，讓用戶很容易進(jìn)入環(huán)境，然后讓他們繼續(xù)了解更多的信息。這里還要說一個(gè)小技巧，我這里征集各種、端午、風(fēng)俗這三個(gè)詞雖然分別用了3種字體，但還是能讀出征集各種端午風(fēng)俗這是一斷話，因?yàn)橥粋€(gè)紅色起到了很大的作用。·如果需求方整體文字太短，畫面太空，可以用一些加入一些輔助信息豐富畫面。如加點(diǎn)英文，域名，頻道名等。 圖8/這個(gè)banner附加了一些英文來豐富畫面，讓畫面充滿豐富的同時(shí)，充滿生氣。/banner 贊助 

16、LV 三 構(gòu)建輔助視覺一個(gè)banner最主要的是標(biāo)題，但輔助視覺起著烘托標(biāo)題文字的作用，然而這也是最有難度的一個(gè)活，設(shè)計(jì)師的個(gè)人風(fēng)格和變現(xiàn)力在這里能夠淋漓表現(xiàn)。文字和輔助視覺的關(guān)系，我這里列舉了3個(gè)常見搭配方式，這幾種方式搭配分別有不同的效果，從而產(chǎn)生不同感覺。3種文字和輔助視覺常見的搭配方式：1，   文字+背景陪襯兩段式。特點(diǎn)突出文字，視覺集中文字，報(bào)道感強(qiáng)。圖9/banner 贊助 胡子圖102，   文字+主體物的兩段式，文字圖案相輔相成，起到文字言事圖案幫助理解的效果。這樣的banner適合做介紹類或者產(chǎn)品類。 圖11/ba

17、nner 贊助 淑華圖123，   主體物+背景+文字的三段式，特點(diǎn)虛實(shí)結(jié)合，主次關(guān)系明顯，也是效果最好，用的最廣泛的一種形式。 圖13 圖14 圖15/banner 贊助 淑華四，創(chuàng)造力對(duì)主題的藝術(shù)化表現(xiàn)1，嚴(yán)肅話題也能做出新感覺做新聞報(bào)道的時(shí)候，遇到嚴(yán)肅話題，一般的設(shè)計(jì)師，都會(huì)比較拘謹(jǐn)，不敢也不愿去做視覺上的創(chuàng)新。所以配到這種話題，畫面效果一般都會(huì)比較模式化，信息量弱，感染力不足。這時(shí)候，設(shè)計(jì)師如果敢解放思想，去動(dòng)腦子做一些創(chuàng)新，其實(shí)嚴(yán)肅話題做上新感覺，能夠達(dá)到意想不到的效果。圖16/主題文字埋沒在洪流之中，讓其有一種融入感。洪流、閃電、陰

18、暗的天空、淹沒的城市，畫面災(zāi)難感很強(qiáng)，角落處的武警官兵抗洪，讓整體災(zāi)難中透出希望，哀而不傷。設(shè)計(jì)師有時(shí)候不僅僅應(yīng)擁有對(duì)畫面掌控力，對(duì)專題主題的把握，也是作為一個(gè)設(shè)計(jì)師應(yīng)該具備的素質(zhì)。 圖17/因?yàn)槭亲鱿募靖邷氐膶ｎ}，所以在處理畫面的色彩時(shí)候我對(duì)比度做的比較弱，就如同烈日下看東西的感覺。 圖18/這是春運(yùn)的專題，我在處理畫面用了很多斜的構(gòu)成，因?yàn)樾钡臇|西學(xué)構(gòu)成的時(shí)候表達(dá)那種不安感是比較貼切的。擁擠的人群、陰霾的天空，不安中帶著希望，當(dāng)一張小小的火車票就能映出當(dāng)回家的曙光時(shí)候，我想，或許這就是很多人對(duì)于春運(yùn)的感覺吧?；仡^看看其他門戶的專題，光艷無(wú)比，一股社會(huì)主義的優(yōu)越感油然而生的感覺，不知孰對(duì)孰錯(cuò)，再想時(shí)，我已迷失。2，輕松話題可以做出幽默感有時(shí)候也會(huì)做到一些輕松感娛樂感的專題，在做這些專題的時(shí)候，設(shè)計(jì)師們就能更加放開了。圖19/這個(gè)專題banner，做的很輕松很幽默。編輯說他的頻道群里發(fā)，整個(gè)頻道的人都笑翻了。 圖203，作品也能帶點(diǎn)小情調(diào)有時(shí)候來一些小的創(chuàng)意也會(huì)讓banner增色不少。圖21/搖滾的不是樂器，還是文字/banner 贊助 竆 圖22/冰雪也的不僅僅是車，還是文字