吸引人的圣誕節(jié)Banner及專(zhuān)題頁(yè)面設(shè)計(jì)的五個(gè)突破點(diǎn)

資訊頻道 - 設(shè)計(jì)技 來(lái)源:中國(guó)設(shè)計(jì)在線(xiàn) 作者:cdo 2016-12-21

說(shuō)到圣誕節(jié)相關(guān)的設(shè)計(jì),估計(jì)大部分正常人想到的都是白茫茫的雪地里,一位和藹可親的圣誕老爺爺駕著馴鹿拉的雪橇,背上還有一個(gè)大袋子,袋子里面裝滿(mǎn)了各種各樣的禮物,這些禮物會(huì)被挨家挨戶(hù)地送到需要的人手里,這么樣一個(gè)場(chǎng)景。

之所以我們會(huì)有這種固化的思維,是因?yàn)?span style="color: rgb(0, 0, 0); font-family: 宋體,SimSun; font-size: 14px;">圣誕節(jié)本來(lái)就是國(guó)外的節(jié)日習(xí)俗,我們對(duì)它的了解其實(shí)還是比較少,那么,能不能多一些開(kāi)闊思維,讓我們的設(shè)計(jì)更有意思更具吸引力呢?今天我們就一起來(lái)聊一下這個(gè)話(huà)題好了。

再開(kāi)始這個(gè)話(huà)題之前,我還是要帶大家回顧一下拿到需求后,我們?nèi)绾伟l(fā)散思維,做思維導(dǎo)圖,尋找靈感。

 01/

拿到設(shè)計(jì)需求后,我們?cè)撊绾巫鰧ふ?a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計(jì)方向呢?

再講這個(gè)話(huà)題之前,我還是先拿以前的一個(gè)需求作舉例,比如,馬上圣誕節(jié)要來(lái)了嘛,有一款不是大品牌的口紅需要做活動(dòng)(你就假想是網(wǎng)紅要推出的一款口紅好了),文案如下:

活動(dòng)主題:驚艷圣誕Party

大標(biāo)題:夠紅才夠女王范兒

小標(biāo)題:口紅新品/限量發(fā)售

定位分析,先理解一下這個(gè)活動(dòng)要表達(dá)的幾個(gè)意思:

    (1)這是圣誕節(jié)活動(dòng);

    (2)這是賣(mài)口紅的圣誕節(jié)活動(dòng);

    (3)買(mǎi)這只口紅的人是夢(mèng)想自己在圣誕Party上成為最受矚目的那位女王的人;

    (4)這只口紅是新品,誰(shuí)先買(mǎi)了誰(shuí)就能搶一步體驗(yàn)當(dāng)女王的感覺(jué),價(jià)格多少是其次;

    (5)買(mǎi)這只口紅的人應(yīng)該是愛(ài)玩的年輕少女或少婦,內(nèi)心是渴望放縱渴望變美渴望變時(shí)尚的;

基于以上分析和定位,我做了一張思維發(fā)散圖,大家可以看一下:

uisdc-page-20161220-(0)

根據(jù)以上思維發(fā)散圖,我們不難發(fā)現(xiàn),其實(shí)同一個(gè)文案或活動(dòng)主題的設(shè)計(jì)是有很多種實(shí)現(xiàn)方法的,相當(dāng)于高等數(shù)學(xué)里的排列組合一樣,而我們做設(shè)計(jì)的時(shí)候呢,無(wú)非就是要權(quán)衡氛圍的熱鬧程度以及我們想突出表現(xiàn)什么信息,比如:

    你是想要畫(huà)面熱鬧一點(diǎn)還是冷靜一點(diǎn)?

    你是想要畫(huà)面時(shí)尚一點(diǎn)還是保守一點(diǎn)?

    你是想要畫(huà)面體現(xiàn)氛圍多一點(diǎn)還是體現(xiàn)產(chǎn)品本身的功能或樣式多一點(diǎn)?

    你是想以賣(mài)貨為主還是想以展示效果為主?

等等等。。。

總之,根據(jù)不同的方向所設(shè)計(jì)出來(lái)的結(jié)果是不一樣的。

比如,對(duì)于我來(lái)說(shuō)的話(huà),我更想要以體現(xiàn)氛圍為主,我想要畫(huà)面里出現(xiàn)模特代言一樣的效果,那么接下來(lái)我就可以提取一些符合我要的定位方向的關(guān)鍵詞來(lái)確定設(shè)計(jì)方向:我們分別從風(fēng)格/形式/標(biāo)題/配色來(lái)說(shuō)明,如下所示:

    風(fēng)格:時(shí)尚鏤空折紙;

    形式:模擬打開(kāi)禮盒的形式,仿佛是禮盒一打開(kāi)就出現(xiàn)了一位紅唇齒白的美女,手里還拿著口紅;

    標(biāo)題:標(biāo)題采用居左排版樣式,加粗字體;

    配色:紅/綠/白;

基于以上的思考分析,我花了30多分鐘自己做了一版banner圖,如下圖所示(點(diǎn)擊圖片可以查看清晰原圖):

uisdc-page-20161220-(1)

下面是GIF步驟圖(因?yàn)椴襟E比較多,導(dǎo)致圖片尺寸略大,所以畫(huà)質(zhì)不太好):

uisdc-page-20161220-(2)

以上,整個(gè)從聯(lián)想元素到最終完成一個(gè)Banner設(shè)計(jì)的過(guò)程就完成啦,需要說(shuō)明的是這只是一個(gè)比較常規(guī)的圣誕節(jié)Banner,談不上非常有創(chuàng)意,但是思維發(fā)散的原理和思路差不多都是大同小異的。

02/

從哪些方面著手,可以讓我們的圣誕節(jié)頁(yè)面更具吸引力呢?

說(shuō)到吸引力,要么就是在同行業(yè)里做到最好了,要么就是能做到合適的同時(shí)還能與眾不同,給人眼前一亮的感覺(jué),總之就是要有突破,以下,我總結(jié)了幾個(gè)思路和方向,我們一起來(lái)看下:

(1)從表現(xiàn)形式上著手

將元素放大處理

一般來(lái)說(shuō),這幾種元素的放大處理,都可以增加圣誕頁(yè)面的視覺(jué)沖擊力,比如大大的禮盒:

uisdc-page-20161220-(3)

uisdc-page-20161220-(4)

大大的圣誕樹(shù):

uisdc-page-20161220-(5)

大大的圣誕老人:

uisdc-page-20161220-(6)

大大的長(zhǎng)筒襪:

uisdc-page-20161220-(7)

大大的房子:

uisdc-page-20161220-(8)

大大的裙子:

uisdc-page-20161220-(9)

總之,這種頁(yè)面設(shè)計(jì)的訣竅在于,畫(huà)面里要有很大的一個(gè)人元素?fù)纹鹫麄(gè)畫(huà)面,就好比壓軸的,撐場(chǎng)面的。

讓元素破出

比如我很久之前做的這個(gè)頁(yè)面,需求方提供的產(chǎn)品圖非常普通尺寸也很小,圖片質(zhì)量也很差,但是為了讓畫(huà)面稍微有意思一點(diǎn),我就將質(zhì)量特別差的產(chǎn)品圖隱到背景里去,質(zhì)量稍微好一點(diǎn)的圖跳到前方來(lái),同時(shí)讓最大的那一款產(chǎn)品跨出那條分割banner和樓層的分界線(xiàn),會(huì)顯得更有層次感。

uisdc-page-20161220-(10)

說(shuō)點(diǎn)題外話(huà),這個(gè)頁(yè)面因?yàn)轭^部banner高度被限制了,所以看起來(lái)有點(diǎn)小氣,如果頭部高度能夠稍微加大一些會(huì)顯得更開(kāi)闊大方。

再比如像下面這個(gè)可口可樂(lè)的圣誕節(jié)頁(yè)面,也是一樣的原理,讓所有元素跨出雪地和紅色背景的分界線(xiàn)。

uisdc-page-20161220-(11)

留白

當(dāng)別人都在熱熱鬧鬧紅紅火火的時(shí)候,你做這種小心機(jī)的留白處理,就感覺(jué)是圣誕節(jié)頁(yè)面中的一股清流呢。

uisdc-page-20161220-(12)

(2)結(jié)合自身的產(chǎn)品或類(lèi)目的特性想創(chuàng)意

能夠?qū)⒐?jié)日與自身的產(chǎn)品相結(jié)合形成創(chuàng)意,比只是簡(jiǎn)單的場(chǎng)景搭建貨產(chǎn)品堆砌要高級(jí)的多,大家可以看下面一組創(chuàng)意廣告,都不需要什么文案說(shuō)明,看一眼就懂了,留下會(huì)心一笑:

uisdc-page-20161220-(13)

uisdc-page-20161220-(14)

uisdc-page-20161220-(15)

uisdc-page-20161220-(16)

uisdc-page-20161220-(17)

uisdc-page-20161220-(18)

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦