5個突破點,設計更具吸引力的圣誕節Banner及專題頁面

3 評論 10729 瀏覽 48 收藏 18 分鐘

圣誕節即將來臨,如何突破固化思維,開闊新的思維,讓我們的圣誕節Banner及專題頁面設計更有意思更具吸引力呢?不妨跟隨作者的腳步,發散下思維,一起來尋找靈感?

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

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

在開始這個話題之前,我還是要帶大家回顧一下拿到需求后,我們如何發散思維,做思維導圖,尋找靈感?

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

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

活動主題:驚艷圣誕Party

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

小標題:口紅新品/限量發售

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

(1)這是圣誕節活動;

(2)這是賣口紅的圣誕節活動;

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

(4)這只口紅是新品,誰先買了誰就能搶一步體驗當女王的感覺,價格多少是其次;

(5)買這只口紅的人應該是愛玩的年輕少女或少婦,內心是渴望放縱渴望變美渴望變時尚的。

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

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

  • 你是想要畫面熱鬧一點還是冷靜一點?
  • 你是想要畫面時尚一點還是保守一點?
  • 你是想要畫面體現氛圍多一點還是體現產品本身的功能或樣式多一點?
  • 你是想以賣貨為主還是想以展示效果為主?

……

總之,根據不同的方向所設計出來的結果是不一樣的。

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

  • 風格:時尚鏤空折紙;
  • 形式:模擬打開禮盒的形式,仿佛是禮盒一打開就出現了一位紅唇齒白的美女,手里還拿著口紅;
  • 標題:標題采用居左排版樣式,加粗字體;
  • 配色:紅/綠/白;

基于以上的思考分析,我花了30多分鐘自己做了一版banner圖,如下圖所示:

下面是GIF步驟圖(因為步驟比較多,導致圖片尺寸略大,所以畫質不太好):

以上,整個從聯想元素到最終完成一個Banner設計的過程就完成啦,需要說明的是這只是一個比較常規的圣誕節Banner,談不上非常有創意,但是思維發散的原理和思路差不多都是大同小異的。

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

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

(1)從表現形式上著手

將元素放大處理

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

這個頁面都是2012年的了,應該很多人有印象吧,不過還是比現在很多圣誕節頁面好看,哈哈。

大大的圣誕樹

大大的圣誕老人

大大的長筒襪

大大的房子

大大的裙子

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

讓元素破出

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

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

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

留白

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

(2)結合自身的產品或類目的特性想創意

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

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

(3)從表現手法上著手

正負形

有貨的這個頁面就用到了正負形表現手法,很簡潔但也挺有意思的。

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

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

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

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

櫥窗設計效果

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

攝影/玩構圖

合成

3D建模

手繪

手繪有很多種,我以前專門寫過一篇關于手繪的文章,感興趣的可以去看下

做成動態效果

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

(4)從配色上著手

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

當然,如果老板或需求方那邊接受度低或者覺得還是更喜歡紅配綠,希望圣誕節喜慶氛圍濃烈點,那就不要冒這個險啦。

(5)從標題設計上著手

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

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

好啦,以上關于圣誕節頁面的設計,我們就先總結到這里吧,其實還有很多可以說的點,以后再慢慢講,我們下期再見!~

#專欄作家#

做設計的面條,公眾號:做設計的面條,人人都是產品經理專欄作家。一位擅長將電商及banner設計講得最透徹易懂的妹子,有趣有料會拍照,歡迎互相交流。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 最近在哪都能看到婷姐啊

    來自浙江 回復
  2. 面條姐是一個有想法的設計師,設計推導思路不錯。

    來自廣東 回復
    1. ??

      來自陜西 回復