5個突破點，搞定吸引人的圣誕節(jié)Banner及專題頁面設計！

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

之所以我們會有這種固化的思維，是因為圣誕節(jié)本來就是國外的節(jié)日習俗，我們對它的了解其實還是比較少，那么，能不能多一些開闊思維，讓我們的設計更有意思更具吸引力呢？今天我們就一起來聊一下這個話題好了。

歡迎關注@TTTing1?的微信公眾號「TTTink-D」，一個干貨與文筆俱佳的美女設計師

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

1、拿到設計需求后，我們該如何做尋找設計方向呢？

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

活動主題：驚艷圣誕Party

大標題：夠紅才夠女王范兒

小標題：口紅新品／限量發(fā)售

定位分析，先理解一下這個活動要表達的幾個意思：

（1）這是圣誕節(jié)活動；

（2）這是賣口紅的圣誕節(jié)活動；

（3）買這只口紅的人是夢想自己在圣誕Party上成為最受矚目的那位女王的人；

（4）這只口紅是新品，誰先買了誰就能搶一步體驗當女王的感覺，價格多少是其次；

（5）買這只口紅的人應該是愛玩的年輕少女或少婦，內(nèi)心是渴望放縱渴望變美渴望變時尚的；

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

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

你是想要畫面熱鬧一點還是冷靜一點？

你是想要畫面時尚一點還是保守一點？

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

你是想以賣貨為主還是想以展示效果為主？

等等等。。。

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

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

風格：時尚鏤空折紙；

形式：模擬打開禮盒的形式，仿佛是禮盒一打開就出現(xiàn)了一位紅唇齒白的美女，手里還拿著口紅；

標題：標題采用居左排版樣式，加粗字體；

配色：紅／綠／白；

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

下面是GIF步驟圖（因為步驟比較多，導致圖片尺寸略大，所以畫質不太好）：

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

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

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

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

將元素放大處理

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

大大的圣誕樹：

大大的圣誕老人：

大大的長筒襪：

大大的房子：

大大的裙子：

總之，這種頁面設計的訣竅在于，畫面里要有很大的一個人元素撐起整個畫面，就好比壓軸的，撐場面的。

讓元素破出

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

說點題外話，這個頁面因為頭部banner高度被限制了，所以看起來有點小氣，如果頭部高度能夠稍微加大一些會顯得更開闊大方。

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

留白

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

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

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

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

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

正負形

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

手工（剪紙／捏軟陶小人）

我覺得這個可以跟圣誕卡片的制作取一些經(jīng)，這些卡片的制作其實也都涉及到了三大構成相關的知識（色彩構成／平面構成／立體構成），尤其是大家接觸比較少一點的立體構成知識。

而且要說明的是，我看到這些東西其實現(xiàn)在幼兒園里的小朋友們就已經(jīng)開始接觸培養(yǎng)了，做得特別有意思，而很多工作了幾年的設計師基礎太差了不說，可能連連見都沒見過，你們說是不是輸在了起跑線上呀？

比如，周生生的這個頁面就有點類似于折紙剪紙的效果：

櫥窗設計效果

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

攝影／玩構圖

合成

3D建模

手繪

做成動態(tài)效果

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

（4）從配色上著手

打破紅配綠的魔咒，圣誕節(jié)其實不一定非要用紅配綠的，因為除了顏色以外，還可以通過用相關元素點綴什么的來呼應圣誕節(jié)日啊。

當然，如果老板或需求方那邊接受度低或者覺得還是更喜歡紅配綠，那就不要冒這個險啦。

（5）從標題設計上著手

標題作為頭部Banner部分的重要組成部分，標題設計的好看也是會讓頁面更加吸引人的，無論是材質／顏色／還是形式上的。

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

歡迎關注@TTTing1?的微信公眾號「TTTink-D」，一個干貨與文筆俱佳的美女設計師：

微信公眾號簡介：專注開拓電商設計思維，不定期分享一些個人見解干貨，當然也會分享一些頂級創(chuàng)意、攝影、人生感悟方面的好文啦。

「熱點電商好文推薦」

《電商丨四步挖掘靈感，30分鐘打造出一款圣誕節(jié)BANNER！》
《電商丨值得一看的淘寶雙12親親節(jié)活動視覺分析（預熱期）》
《掌控BANNER設計中促銷氛圍的“火候”，看這篇文章就夠了！》

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com