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

之所以我們會(huì)有這種固化的思維，是因?yàn)槭フQ節(jié)本來就是國外的節(jié)日習(xí)俗，我們對(duì)它的了解其實(shí)還是比較少，那么，能不能多一些開闊思維，讓我們的設(shè)計(jì)更有意思更具吸引力呢?今天我們就一起來聊一下這個(gè)話題好了。

歡迎關(guān)注海淘科技的微信公眾號(hào)「haitaowl」，一個(gè)干貨的微信。再開始這個(gè)話題之前，我還是要帶大家回顧一下拿到需求后，我們?nèi)绾伟l(fā)散思維，做思維導(dǎo)圖，尋找靈感。

1、拿到設(shè)計(jì)需求后，我們?cè)撊绾巫鰧ふ以O(shè)計(jì)方向呢?

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

• 活動(dòng)主題：驚艷圣誕Party
• 大標(biāo)題：夠紅才夠女王范兒
• 小標(biāo)題：口紅新品/限量發(fā)售

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

• (1)這是圣誕節(jié)活動(dòng);
• (2)這是賣口紅的圣誕節(jié)活動(dòng);
• (3)買這只口紅的人是夢(mèng)想自己在圣誕Party上成為最受矚目的那位女王的人;
• (4)這只口紅是新品，誰先買了誰就能搶一步體驗(yàn)當(dāng)女王的感覺，價(jià)格多少是其次;
• (5)買這只口紅的人應(yīng)該是愛玩的年輕少女或少婦，內(nèi)心是渴望放縱渴望變美渴望變時(shí)尚的;

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

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

• 你是想要畫面熱鬧一點(diǎn)還是冷靜一點(diǎn)?
• 你是想要畫面時(shí)尚一點(diǎn)還是保守一點(diǎn)?
• 你是想要畫面體現(xiàn)氛圍多一點(diǎn)還是體現(xiàn)產(chǎn)品本身的功能或樣式多一點(diǎn)?
• 你是想以賣貨為主還是想以展示效果為主?
• ... ...

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

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

• 風(fēng)格：時(shí)尚鏤空折紙;
• 形式：模擬打開禮盒的形式，仿佛是禮盒一打開就出現(xiàn)了一位紅唇齒白的美女，手里還拿著口紅;
• 標(biāo)題：標(biāo)題采用居左排版樣式，加粗字體;
• 配色：紅/綠/白;

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

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

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

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

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

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

將元素放大處理

一般來說，這幾種元素的放大處理，都可以增加圣誕頁面的視覺沖擊力，比如大大的禮盒：

大大的圣誕樹：

大大的圣誕老人：

大大的長筒襪：

大大的房子：

大大的裙子：

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

讓元素破出

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

說點(diǎn)題外話，這個(gè)頁面因?yàn)轭^部banner高度被限制了，所以看起來有點(diǎn)小氣，如果頭部高度能夠稍微加大一些會(huì)顯得更開闊大方。再比如像下面這個(gè)可口可樂的圣誕節(jié)頁面，也是一樣的原理，讓所有元素跨出雪地和紅色背景的分界線。

留白

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

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

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

膜法世家的圣誕節(jié)頁面也可以看下，將面膜堆成圣誕樹的樣子，延續(xù)一貫的夢(mèng)幻畫風(fēng)(如果標(biāo)題及各種光影的處理細(xì)節(jié)能注意下就更棒了)：

(3)從表現(xiàn)手法上著手

正負(fù)形

有貨的這個(gè)頁面就用到了正負(fù)形表現(xiàn)手法，很簡潔但也挺有意思的。

手工(剪紙/捏軟陶小人)

我覺得這個(gè)可以跟圣誕卡片的制作取一些經(jīng)，這些卡片的制作其實(shí)也都涉及到了三大構(gòu)成相關(guān)的知識(shí)(色彩構(gòu)成/平面構(gòu)成/立體構(gòu)成)，尤其是大家接觸比較少一點(diǎn)的立體構(gòu)成知識(shí)。

而且要說明的是，我看到這些東西其實(shí)現(xiàn)在幼兒園里的小朋友們就已經(jīng)開始接觸培養(yǎng)了，做得特別有意思，而很多工作了幾年的設(shè)計(jì)師基礎(chǔ)太差了不說，可能連連見都沒見過，你們說是不是輸在了起跑線上呀?比如，周生生的這個(gè)頁面就有點(diǎn)類似于折紙剪紙的效果：

櫥窗設(shè)計(jì)效果

其實(shí)做電商專題頁設(shè)計(jì)或者banner設(shè)計(jì)，也可以去櫥窗或展柜設(shè)計(jì)這些領(lǐng)域找下靈感，大家會(huì)發(fā)現(xiàn)這些櫥窗設(shè)計(jì)非常擅于用燈光營造浪漫和溫暖的氛圍，營造空間感

攝影/玩構(gòu)圖

合成

3D建模

手繪

做成動(dòng)態(tài)效果

條件允許的情況下，頁面做成動(dòng)態(tài)肯定是更加吸引人有圣誕氛圍的啦。

(4)從配色上著手

打破紅配綠的魔咒，圣誕節(jié)其實(shí)不一定非要用紅配綠的，因?yàn)槌祟伾酝猓€可以通過用相關(guān)元素點(diǎn)綴什么的來呼應(yīng)圣誕節(jié)日啊。

當(dāng)然，如果老板或需求方那邊接受度低或者覺得還是更喜歡紅配綠，那就不要冒這個(gè)險(xiǎn)啦。

(5)從標(biāo)題設(shè)計(jì)上著手

標(biāo)題作為頭部Banner部分的重要組成部分，標(biāo)題設(shè)計(jì)的好看也是會(huì)讓頁面更加吸引人的，無論是材質(zhì)/顏色/還是形式上的。

以上無論是從表現(xiàn)形式/配色/標(biāo)題設(shè)計(jì)/產(chǎn)品特性/表現(xiàn)手法等等方面著手，都可以在保持頁面調(diào)性一致的情況下任意組合，所以方法非常非常多，大家學(xué)到了嗎?