建站常識
如何做得Banner通情達(dá)意
2010-07-27 09:05:00
寫在前面的話
有人覺得做個banner放2張圖,排幾個字的事,一點技術(shù)含量都沒有,像其他門戶banner基本上都是編輯們自己做的。我覺得這么說是不對的,其實一個banner可以研究的東西還是很多的,而且做一個banner是不難,難得是在短時間內(nèi)做一個出彩的banner。門戶的專題一般是編輯套模板拼成的,比較重要的專題,banner部分是由設(shè)計師來完成,一個banner的品質(zhì)上去了,整個專題的質(zhì)量感就上來了,所以這部分交給設(shè)計師來做也是重視品質(zhì)的表現(xiàn),這個毋庸置疑。但banner畢竟不比大型項目,從設(shè)計成本上說不可能給太多的時間給設(shè)計師,于是乎,設(shè)計師有時候是靠經(jīng)驗積累,有時候妙手偶得,質(zhì)量也是時好時壞,更害怕的是當(dāng)沒有經(jīng)驗沒頭緒沒有心情時,胸中無物,不知道如何下手,于是越急越亂,越亂越急,最后匆匆了事,這種狀態(tài)下估計也出不了好的東西。在排除技術(shù)手段的前提下,如何通過一些經(jīng)驗的思考,讓banner達(dá)到通情達(dá)意效果,也是我下面要說的,個人經(jīng)驗之談,供大家參考。
一 思考專題定位
·顧及需求方的頻道定位
因為包含內(nèi)容不同,門戶網(wǎng)站各個頻道有著不同的風(fēng)格,所以設(shè)計師們做設(shè)計的時候也要考慮到如體育頻道的運動感,財經(jīng)頻道的國際和高端等。
圖1
/女人頻道的定位是知性 ,所以這個banner設(shè)計風(fēng)格也是很貼切的。
/banner 贊助 夏小萌
圖2
/歷史頻道的專題,做出厚重滄桑的歷史感還是很切題的。
/banner 贊助 10
·顧及此專題的定位
專題的定位有時候和頻道的定位偶爾是有沖突的,如女人頻道一貫的知性理性的大風(fēng)格下,有時候會來一些可愛小女人,有時候有做溫馨浪漫,在這種有風(fēng)格沖突的情況下,我們還是以貼合專題的定位為主,當(dāng)然也盡量做到不能背離頻道風(fēng)格太遠(yuǎn)。
圖3
/女人頻道下的一個懷舊感的專題,所以畫面做出了一些懷舊的感覺。
/banner 贊助 璇
圖4
/數(shù)碼頻道的一個和某手機(jī)贊助商的活動,所以banner也表露出一定的商業(yè)感
二 明白文字在Banner中占主導(dǎo)地位
從構(gòu)成上講,一個banner分為2個部分,一為文字,二為輔助圖。輔助圖雖然占據(jù)大多數(shù)的面積,但是不加以文字的說明,很難讓用戶知道這個banner要說明什么。要讀一個人的喜怒哀樂,只要讀其五官即可。在一個banner里面,標(biāo)題文字起著五官一樣的作用,所以個人覺得文字才是整個banner的主角。所以對于文字的處理,顯得尤為重要,在文字處理時有幾個小技巧,與大家分享。
圖5
/banner文字闡述專題主題,是絕對的主角。
/banner 贊助 淑華
#p#
·分清主標(biāo)和副標(biāo),從主次上來說,主標(biāo)為主,字體要大顏色要醒目。副標(biāo)起到從內(nèi)容上和形式上都輔助主標(biāo)的作用。一個好的banner標(biāo)題文字處理都比較飽滿,比較集中。
圖6
/對主標(biāo)題的斷詞比較巧妙,文字集中,主次明顯,且文字與輔助圖案相互呼應(yīng),統(tǒng)一感很好。
/banner 贊助 淑華
·如果主標(biāo)太長,需求方不舍得刪文字的情況下,對主標(biāo)中重要關(guān)鍵字進(jìn)行權(quán)重,突出主要的信息,弱化‘的’、‘之’、‘和’‘年’‘第X屆’這種信息量不大的詞。
圖7
/長標(biāo)題的時候,如果把‘征集各種端午風(fēng)俗’排成一行,就會顯得沒有主次,也很有吸引力。我這里把‘端午’這個最重要的信息提出來,讓用戶很容易進(jìn)入環(huán)境,然后讓他們繼續(xù)了解更多的信息。這里還要說一個小技巧,我這里‘征集各種’、‘端午’、‘風(fēng)俗’這三個詞雖然分別用了3種字體,但還是能讀出‘征集各種端午風(fēng)俗’這是一斷話,因為同一個紅色起到了很大的作用。
·如果需求方整體文字太短,畫面太空,可以用一些加入一些輔助信息豐富畫面。如加點英文,域名,頻道名等。
圖8
/這個banner附加了一些英文來豐富畫面,讓畫面充滿豐富的同時,充滿生氣。
/banner 贊助 LV
三 構(gòu)建輔助視覺
一個banner最主要的是標(biāo)題,但輔助視覺起著烘托標(biāo)題文字的作用,然而這也是最有難度的一個活,設(shè)計師的個人風(fēng)格和變現(xiàn)力在這里能夠淋漓表現(xiàn)。文字和輔助視覺的關(guān)系,我這里列舉了3個常見搭配方式,這幾種方式搭配分別有不同的效果,從而產(chǎn)生不同感覺。
3種文字和輔助視覺常見的搭配方式:
1、文字+背景陪襯兩段式。特點突出文字,視覺集中文字,報道感強(qiáng)。
圖9
/banner 贊助 胡子
圖10
#p#
2、文字+主體物的兩段式,文字圖案相輔相成,起到文字言事圖案幫助理解的效果。這樣的banner適合做介紹類或者產(chǎn)品類。
圖11
/banner 贊助 淑華
圖12
3、主體物+背景+文字的三段式,特點虛實結(jié)合,主次關(guān)系明顯,也是效果最好,用的最廣泛的一種形式。
圖13
圖14
圖15
/banner 贊助 淑華
#p#
四,創(chuàng)造力對主題的藝術(shù)化表現(xiàn)
1,嚴(yán)肅話題也能做出新感覺
做新聞報道的時候,遇到嚴(yán)肅話題,一般的設(shè)計師,都會比較拘謹(jǐn),不敢也不愿去做視覺上的創(chuàng)新。所以配到這種話題,畫面效果一般都會比較模式化,信息量弱,感染力不足。這時候,設(shè)計師如果敢解放思想,去動腦子做一些創(chuàng)新,其實嚴(yán)肅話題做上新感覺,能夠達(dá)到意想不到的效果。
圖16
/主題文字埋沒在洪流之中,讓其有一種融入感。洪流、閃電、陰暗的天空、淹沒的城市,畫面災(zāi)難感很強(qiáng),角落處的武警官兵抗洪,讓整體災(zāi)難中透出希望,哀而不傷。設(shè)計師有時候不僅僅應(yīng)擁有對畫面掌控力,對專題主題的把握,也是作為一個設(shè)計師應(yīng)該具備的素質(zhì)。
圖17
/因為是做夏季高溫的專題,所以在處理畫面的色彩時候我對比度做的比較弱,就如同烈日下看東西的感覺。
圖18
/這是春運的專題,我在處理畫面用了很多斜的構(gòu)成,因為斜的東西學(xué)構(gòu)成的時候表達(dá)那種不安感是比較貼切的。擁擠的人群、陰霾的天空,不安中帶著希望,當(dāng)一張小小的火車票就能映出當(dāng)回家的曙光時候,我想,或許這就是很多人對于春運的感覺吧?;仡^看看其他門戶的專題,光艷無比,一股社會主義的優(yōu)越感油然而生的感覺,不知孰對孰錯,再想時,我已迷失。
2,輕松話題可以做出幽默感
有時候也會做到一些輕松感娛樂感的專題,在做這些專題的時候,設(shè)計師們就能更加放開了。
圖19
/這個專題banner,做的很輕松很幽默。編輯說他的頻道群里發(fā),整個頻道的人都笑翻了。
圖20
3、作品也能帶點小情調(diào)
有時候來一些小的創(chuàng)意也會讓banner增色不少。
圖21
/搖滾的不是樂器,還是文字
/banner 贊助 竆
圖22
/冰雪也的不僅僅是車,還是文字
后面的話
有時候我覺得做一個banner,如做一篇文字,文字可以是小說,可以是詩歌,也可以是散文,形式多樣;可以用比喻、也可以擬人,也可以排比,手法也是多樣。做一個banner,有時候需要字斟句酌,有時候則要點到即止;有時候該放,有時候該收;有時候可以如蘇東坡般登高望遠(yuǎn)、舉首長歌,有時候又可如柳永般娓娓道來、觸動心靈。你可以用不同形式和手法來表現(xiàn),但相同處,通情達(dá)意,揭露主旨。本文主要從定位、文字、輔助圖和藝術(shù)性上表達(dá)了我對于做一個通情達(dá)意banner的一些見解,讓大家能從我的理解中對做banner有新的看法,當(dāng)然,水平有限,不足處,歡迎指正。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-11-06 22:41:00] 設(shè)計72變—尋求banner制作的變化
- [2010-08-10 16:17:00] 淺談網(wǎng)頁UI之Banner篇
- [2009-10-16 14:44:00] 如何設(shè)計網(wǎng)頁小廣告(banner)
- [2010-09-26 08:05:00] Banner設(shè)計
- [2007-07-19 22:31:00] Banner設(shè)計手冊(譯)
- [2009-11-26 09:17:00] 淺析Banner構(gòu)成與創(chuàng)意設(shè)計
- [2010-07-27 08:10:00] BANNER中的字體結(jié)構(gòu)分析
- [2009-07-04 18:22:00] Banner字體設(shè)計與應(yīng)用
- [2010-09-25 15:08:00] 淺淡BANNER設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島flash網(wǎng)站 H5專題頁面 青島開發(fā)區(qū)建站公司 圖形網(wǎng)格 微網(wǎng)站 手機(jī)網(wǎng)站 集團(tuán)公司網(wǎng)站建設(shè) 響應(yīng)式設(shè)計 網(wǎng)站規(guī)劃 網(wǎng)站設(shè)計趨勢 HTML5 如何做網(wǎng)站優(yōu)化 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站設(shè)計 青島網(wǎng)站SEO 青島網(wǎng)絡(luò)公司 網(wǎng)站設(shè)計 php程序 審美 css 平面設(shè)計 網(wǎng)站動畫 青島網(wǎng)頁制作 網(wǎng)站視覺 高端網(wǎng)站設(shè)計 GOOGLE 網(wǎng)站SEO 微官網(wǎng)帶來的好處 網(wǎng)站改版 集團(tuán)性網(wǎng)站