每到一年一度的大促季，會(huì)場(chǎng)、頁面、互動(dòng)游戲，都在緊張?jiān)O(shè)計(jì)之中，這些精美的頁面和互動(dòng)游戲，如何與用戶產(chǎn)生聯(lián)系？必然需要一條與用戶連接的紐帶 —— 它就是BANNER。有些人可能認(rèn)為資源位的設(shè)計(jì)相對(duì)簡(jiǎn)單，但其實(shí)不然，小小的資源位承載著重大的使命，設(shè)計(jì)上自然也是下了一番功夫，那這一次的雙11我們是怎么做的？請(qǐng)聽我細(xì)細(xì)道來…..DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
在設(shè)計(jì)前期，做大致規(guī)劃，是很有必要的，在大促中雖然會(huì)有很多變化，但，做規(guī)劃會(huì)幫助我們?cè)诖蠓较蛏喜怀鲥e(cuò)，這次，從了解業(yè)務(wù)背景及節(jié)奏 – 前期風(fēng)格創(chuàng)意設(shè)定 – 突出品牌增強(qiáng)識(shí)別度 – 制定規(guī)范提升效率等幾個(gè)方面去做，有了這個(gè)框架，這一次的設(shè)計(jì)過程還是相當(dāng)絲滑滴！那具體是怎么做的呢？DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
一、了解業(yè)務(wù)背景及節(jié)奏DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
今年雙11以“全球化”為主題，從主題來看，說明整體方向走國際路線，設(shè)計(jì)必然要高端大氣上檔次。不但如此，今年還要突出品牌化！品牌核心元素必須貫穿始終，讓用戶有明顯的感知，設(shè)計(jì)與設(shè)計(jì)之間保持統(tǒng)一，傳遞相同的心智。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
三個(gè)關(guān)鍵詞說明了我們這次品牌的大致方向：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
品牌核心元素給了我們比較明確的圖形參考。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
了解整體設(shè)計(jì)節(jié)奏：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
二、制定風(fēng)格及創(chuàng)意DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
為何要制定風(fēng)格及創(chuàng)意？DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
因?yàn)锽anner是為會(huì)場(chǎng)引流的，須配合會(huì)場(chǎng)給用戶傳遞相同的心智，前期的風(fēng)格及創(chuàng)意的思考，為后期的設(shè)計(jì)助力不少。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
根據(jù)每個(gè)時(shí)期主題的變化，我們需要準(zhǔn)備多個(gè)創(chuàng)意，這樣才能緊跟主題的變化，有多種方案可選。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
會(huì)場(chǎng)設(shè)計(jì)：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
會(huì)場(chǎng)根據(jù)整體節(jié)奏分為三個(gè)時(shí)間段，造勢(shì)期間－主要運(yùn)用了貫穿品牌的線條及貓頭元素，各國國旗烘托了全球化的主題 ／ 預(yù)熱期間－主要突出了貨品與貓頭 ／ 正式期間－以金色渲染出狂歡的氣氛。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
根據(jù)以上主題變化做了風(fēng)格方向及創(chuàng)意探討，以下是腦爆方案：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
在前期探討時(shí)，腦爆了多種方案，然后根據(jù)每個(gè)時(shí)段的主題變化，選擇合適的創(chuàng)意及風(fēng)格。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
接下來舉幾個(gè)例子，造勢(shì)期間以全球化為主題，我們思考了全球化，有匯聚各國好貨的概念，創(chuàng)意如下：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
商品拼接組成圖形的創(chuàng)意，正好符合各國好貨匯聚的概念，貨品與品牌核心元素的完美結(jié)合，用國旗彩條作為輔助元素，突出了天貓與全球化概念的融合，并且讓商品組成或者溶于貓頭，也體現(xiàn)了這一點(diǎn)！DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
創(chuàng)意參考：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
隨著時(shí)間臨近雙11，需營造緊張，緊迫，激動(dòng)期盼的氛圍，以狂歡為主題，創(chuàng)意如下：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
商品與毛筆字結(jié)合，營造出后關(guān)頭的瘋狂以及緊張，增強(qiáng)了狂歡的氛圍。以手勢(shì)為創(chuàng)意點(diǎn)，一是今年大部分用戶都用手機(jī)購物，手的元素具有親和力，二為手勢(shì)作為倒計(jì)時(shí)數(shù)字的表現(xiàn)形式較為新穎，手勢(shì)也有其他含義，比如豎起大拇指為點(diǎn)贊等。色彩上也與會(huì)場(chǎng)相呼應(yīng)，看起來較為統(tǒng)一。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
創(chuàng)意參考：DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
當(dāng)然還有很多創(chuàng)意及風(fēng)格運(yùn)用，這里就不一一講解了，從這個(gè)思路，大概也可以看出一二，這次我們是做了充分的準(zhǔn)備，一個(gè)創(chuàng)意庫，讓我們整個(gè)設(shè)計(jì)過程井然有序，且能在緊急突發(fā)的狀況時(shí)，及時(shí)更換創(chuàng)意，保證較好的活動(dòng)效果。DEX北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)
