在上次雙11教程的留言中,有同學(xué)反饋文章發(fā)得有點(diǎn)晚了:
汲取上次的教訓(xùn),所以圣誕這期教程我早早就開始構(gòu)思,希望可以及時(shí)地幫助到更多門友。
在雙11的教程中,我主要給大家總結(jié)了一些標(biāo)題設(shè)計(jì)的技法。
而這次的圣誕教程,我會(huì)從更全面的角度進(jìn)行分析。從初步認(rèn)識(shí)圣誕的風(fēng)格,到圣誕的風(fēng)格分類,再到具體設(shè)計(jì)技法全部都有。
總之,看完這篇,大家應(yīng)該就對(duì)圣誕的設(shè)計(jì)需求心里有譜了!
好了,
開始發(fā)車!
每一個(gè)節(jié)日,背后都是一種文化現(xiàn)象。通過一年一年的流傳,這種文化最終會(huì)簡化成幾個(gè)視覺符號(hào)。我們在做節(jié)日主題的設(shè)計(jì)時(shí),只要牢牢抓住這幾個(gè)符號(hào),就肯定八九不離十,錯(cuò)不了。
當(dāng)然,說起來容易,做起來就有點(diǎn)那啥了。。。
比如說圣誕節(jié),你可能會(huì)聯(lián)想到很多元素,圣誕老人、冬夜、雪地、圣誕樹、松果、彩帶等等。
那我們到底應(yīng)該選擇哪些元素作為畫面的主體呢?
這不僅僅是需要你對(duì)設(shè)計(jì)有整體的構(gòu)想,更重要的是,你需要對(duì)圣誕節(jié)的各種視覺元素做到心里有數(shù)。
那怎樣才是心里有數(shù)呢?
來看看我給圣誕元素做的分類:
這三個(gè)分類,與圣誕節(jié)的相關(guān)度是依次減弱的。
如果你想讓人一眼看出是圣誕主題,那你的畫面主體中,必須包含一個(gè)或者多個(gè)“唯一形象”。
如果你的畫面不想過于強(qiáng)調(diào)圣誕主題,但是又想讓人感受到有點(diǎn)圣誕氣氛,那么你可以從“強(qiáng)形象”或者“通用形象”中選取元素作為畫面主體。
這種元素分類其實(shí)適用每一個(gè)節(jié)日主題的設(shè)計(jì)。
同樣的,由這些相關(guān)的視覺元素,我們可以推導(dǎo)出圣誕的色系如下:
我們可以看到,主色調(diào)紅色和綠色是來自于'唯一形象',而輔助色則是來源于“強(qiáng)形象”與“通用形象”。
色彩是比元素更直接的視覺刺激,用對(duì)色彩,基本上設(shè)計(jì)就成功了一半。
好了,
在對(duì)圣誕風(fēng)格有了基本的認(rèn)識(shí)之后,下面就要進(jìn)入具體的需求分析階段。
我從三個(gè)方面對(duì)圣誕設(shè)計(jì)進(jìn)行拆分。
商業(yè)需求:
設(shè)計(jì)目的是什么?促銷or品牌展示。
畫面風(fēng)格:
選擇合適的風(fēng)格,來表達(dá)主題。
設(shè)計(jì)技法:
用什么設(shè)計(jì)技法來實(shí)現(xiàn)你想要的風(fēng)格。
這三點(diǎn)其實(shí)是環(huán)環(huán)相扣的,只有弄清楚了前面的,才能進(jìn)行后一步。
OK,那就一步步來吧!
我們做是商業(yè)設(shè)計(jì),一切必須從商業(yè)出發(fā)。所以做設(shè)計(jì)之前,我們一定要問一句:目的是什么?
比如說你現(xiàn)在需要做一個(gè)圣誕專題。
你第一時(shí)間要考慮的,不是畫面風(fēng)格問題,而是應(yīng)該知道這個(gè)專題是用來促銷賣貨,還是做品牌宣傳的。這兩個(gè)是完全不同的商業(yè)目的,如果沒弄清楚就下手,那最后的結(jié)果一定是南轅北轍。
好了,下面我們來看看,從商業(yè)需求的角度來看,圣誕的設(shè)計(jì)可以分成哪幾種。
一、促銷型
促銷型就是賣貨啦,要的就是熱鬧,和雙11的風(fēng)格差不多,只是需要增加一些圣誕的元素進(jìn)來。
1、商品展示型:
這類型的頁面,賣貨的意味最濃,就是少廢話,買買買就對(duì)了!在設(shè)計(jì)上完全可以參照雙11的風(fēng)格,把商品和促銷的利益點(diǎn)放大強(qiáng)化,再加入圣誕元素進(jìn)來就OK。
2、節(jié)日促銷氛圍型:
相對(duì)上面那種,這類型頁面更含蓄些,更強(qiáng)調(diào)購物的氛圍營造。在設(shè)計(jì)上可以用禮盒、彩帶、優(yōu)惠券這些購物元素與圣誕元素進(jìn)行融合。
相對(duì)于純賣貨的頁面,這類型的頁面在設(shè)計(jì)上更有發(fā)揮空間。
二、品牌型
這類型的圣誕設(shè)計(jì),不以售賣為唯一目標(biāo),主要是展示品牌逼格。因此,在設(shè)計(jì)上體現(xiàn)為更簡約、高檔。通常圣誕元素也是點(diǎn)到即止。
上面兩張圖,有一些圣誕的味道,但又不是很濃烈,很好的傳達(dá)出了品牌調(diào)性。
還有些品牌做的圣誕頁面,由于完全沒有銷售屬性,可以做得更加的開放,在顏色和元素上的使用完全跳開傳統(tǒng)的圣誕風(fēng)格,只需要點(diǎn)出主題就可以。
三、創(chuàng)意型
創(chuàng)意型的圣誕設(shè)計(jì)也不是以銷售為導(dǎo)向,它可能是品牌給用戶的節(jié)日問候,或者表達(dá)品牌的某種精神內(nèi)涵的。
比如麥當(dāng)勞將自己的產(chǎn)品與圣誕元素結(jié)合:
遠(yuǎn)處隱隱約約的溫暖光暈,再加上open late的文案,給人一種很溫馨的感覺。非常巧妙的創(chuàng)意,最終的執(zhí)行效果也很贊。
再看中國電信的案例,
將業(yè)務(wù)特性與圣誕元素結(jié)合:
將wifi的倒影做成圣誕樹的形態(tài),文案里的圣誕快樂的“快”字一語雙關(guān),盡管視覺上沒有麥當(dāng)勞的出色,但是創(chuàng)意還是非常不錯(cuò)。
頗有點(diǎn)四兩拔千斤的感覺!
OK,
從商業(yè)需求的角度分析完圣誕設(shè)計(jì)的類型之后,接下來我們再從畫面風(fēng)格的角度,來看看有哪些常用的設(shè)計(jì)表現(xiàn)手法。
在弄清楚設(shè)計(jì)需求之后,接下來我們才開始考慮畫面風(fēng)格的問題。
對(duì)于畫面風(fēng)格的確定,是由多方面因素來決定的,像是設(shè)計(jì)師的能力范圍、甲方的需求、以及項(xiàng)目本身對(duì)風(fēng)格的要求等等。在實(shí)際的工作中,我們可以結(jié)合自身的情況,來選擇適合當(dāng)前項(xiàng)目的畫面風(fēng)格。
下面我們來看看常見的圣誕風(fēng)格有哪些。
一、插畫風(fēng)格
毫無疑問,插畫風(fēng)格適用于任何節(jié)日設(shè)計(jì),圣誕也不例外。尤其是問候、展示類的設(shè)計(jì),用插畫通常能讓人感受到很活潑、輕松的氣氛。
優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn):表現(xiàn)手法多樣,發(fā)揮空間大,能營造出很好的節(jié)日氛圍。
缺點(diǎn):對(duì)手繪功底有要求,門檻較高,時(shí)間成本也高。
二、元素合成
最常見到的設(shè)計(jì)手法,適用于絕大多數(shù)類型的設(shè)計(jì)。
優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn):適用于任何設(shè)計(jì),素材的來源很廣。
缺點(diǎn):比較常規(guī),想要做到脫穎而出難度較高。
三、立體風(fēng)格
立體風(fēng)格最近幾年在電商設(shè)計(jì)中非常流行,用軟件構(gòu)建出來的虛擬場景在視覺上非常鮮明,能很好的吸引用戶眼球。
優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn):視覺效果好,能抓眼球。
缺點(diǎn):對(duì)軟件技能、空間想象力的要求較高。
四、復(fù)古風(fēng)格
復(fù)古風(fēng)的圣誕,將懷舊情懷與節(jié)日氣氛結(jié)合,能給人一種濃濃的人情味。
優(yōu)缺點(diǎn)分析
優(yōu)點(diǎn):情感化、趣味性比較強(qiáng)。
缺點(diǎn):比較個(gè)性化,適用的范圍窄一些。
當(dāng)然,可以用在圣誕設(shè)計(jì)上的風(fēng)格遠(yuǎn)不止上面幾種,上面我只是列舉幾種最常見的風(fēng)格給大家參考。你還可以根據(jù)自己感興趣的再去挖掘。
OK,
干貨繼續(xù)。
前面三部分內(nèi)容,都是設(shè)計(jì)中最基礎(chǔ)的內(nèi)容。只有先搞清楚這些基礎(chǔ)的內(nèi)容,才能保證設(shè)計(jì)方向上面不出錯(cuò)。
先做對(duì),再做好。
在做對(duì)的基礎(chǔ)上,下面我要介紹一些可以讓你做得更好的設(shè)計(jì)技法。
是的,干貨來了!
第一招:搭建場景
搭建場景屬于擬物設(shè)計(jì)手法,容易形成比較強(qiáng)的代入感。用戶無需太多的思考,只要一看到某個(gè)場景,馬上就能引情感上的共鳴。
比如下面這個(gè)頁面,很巧妙的搭建了一個(gè)窗臺(tái)的場景,室內(nèi)的溫暖與窗外的雪花形成鮮明的對(duì)比,用戶第一時(shí)間就能感受到圣誕溫馨的氣氛。
下面這個(gè)場景也特別溫馨,作者將屋子的造型做成禮盒形狀,再加入一家人聚餐的場景,這樣充滿情感的畫面,真的很難不被打動(dòng)。
下面這個(gè)案例,作者通過改變常規(guī)比例,將一輛車裝進(jìn)禮盒中,既點(diǎn)出了圣誕主題,也讓頁面具有了趣味性。
第二招:放大特征
前面我們說了,關(guān)于圣誕有很多唯一性的元素,只要看到這些元素就馬上能讓人聯(lián)想到圣誕。比如說圣誕樹、圣誕老人等。
我們在做設(shè)計(jì)的時(shí)候,可以利用這些元素,通過放大,形成特別的構(gòu)圖。
比如下面這個(gè)頁面中的綠裙子,和背景大紅色搭配,就有著濃濃的圣誕味。
通過元素的放大,我們不僅可以得到獨(dú)特的構(gòu)圖形式,還能讓畫面形成強(qiáng)烈的視覺沖擊力。
大大的圣誕老人有點(diǎn)呆萌呆萌的。。。
第三招:跳出紅配綠
紅綠配是圣誕最具識(shí)別度的專屬配色,它一方面給我們提供了很好的配色方案,另一方面也會(huì)禁錮我們的設(shè)計(jì)。
如果別人都是重口味的紅綠配,而你的設(shè)計(jì)卻能跳脫這種固有套路,那么一定可以做到與眾不同。
下面這兩張簡潔清爽的藍(lán)色圣誕海報(bào),是不是別有一番風(fēng)味?
網(wǎng)易嚴(yán)選的這張海報(bào),選擇了金色為主打色,整個(gè)畫面十分的簡潔,非常精致的感覺。
當(dāng)然,這種風(fēng)格存在的問題也比較明顯,就是節(jié)日氣氛不夠濃烈,適合偏品牌感一些的頁面,大家在運(yùn)用的時(shí)候,需要仔細(xì)甄別是否合適。
第四招:動(dòng)畫點(diǎn)亮
這里說的動(dòng)畫,當(dāng)然不是跑馬燈那種了。。。而是在精致的靜態(tài)頁面中,增加一些小小的微動(dòng)畫,這樣可以讓頁面更有活力,增強(qiáng)節(jié)日氣氛。
下圖中,閃爍的燈光,漂落的雪花,和搖曳的五角星,這些微小的變化,都能讓人更強(qiáng)烈的感受到圣誕的氛圍。
小女孩嘴角飄落的雪花,讓畫面增添了不少趣味。
奔跑的圣誕老人,喘成這樣,是不是該減肥了!
不管怎么樣,
動(dòng)起來總是沒錯(cuò)的!
好了,
前面講了這么多理論,現(xiàn)在到了動(dòng)手時(shí)間。
案例一
在商業(yè)設(shè)計(jì)中,將自己的產(chǎn)品與文化元素進(jìn)行結(jié)合,是最套路、最常見的一種創(chuàng)意方式,但同時(shí)也是最好用、最有效率的一種。
下面我們就來看一個(gè)具體的案例。
先摳好一張耳機(jī)的圖片,因?yàn)槭鞘フQ主題,所以背景就來個(gè)原諒綠吧,正好與耳機(jī)的顏色形成強(qiáng)烈對(duì)比。
可以跟圓形耳機(jī)結(jié)合的圣誕素材有很多,比如說圣誕帽、圣誕老人等,我最終選擇了鹿角與耳機(jī)結(jié)合。
接著在背景上添加手寫風(fēng)格的圣誕祝福,這個(gè)時(shí)候我發(fā)現(xiàn),可以將整體造型做成一個(gè)雪人,而鹿角剛好是雪人的兩只手,最后給雪人添加一個(gè)白帽子,這樣雪人的造型就更加清晰了!
最后再添加文案,以及一些輔助元素,豐富一下畫面。
OK,
這樣一個(gè)圣誕的創(chuàng)意海報(bào)就完工了,是不是還挺有趣味性的呢!
最后來看看大圖:
案例二
接著我們再來一個(gè)偏促銷風(fēng)格的案例。
這類型的設(shè)計(jì)主要是突出商品以及促銷信息為主,圣誕元素可以作為點(diǎn)綴氣氛。
第一步,我們找來一張空盒子的圖,并處理好陰影等細(xì)節(jié)。
既然是促銷,背景選用大紅色那肯定沒錯(cuò)。
接著將商品圖置入到盒子中來,注意光影的處理,這些細(xì)節(jié)會(huì)影響到畫面的真實(shí)感。
加入一些小配件,注意顏色的對(duì)比。
因?yàn)檎麄€(gè)盒子里的內(nèi)容全是紅色的,為了在色彩上有對(duì)比,所以我特意加入了白色的賀卡以及金色的圣誕球等。
用鋼筆工具繪制一條絲帶,將絲帶做成綠色的,一是可以增強(qiáng)圣誕的氣氛,二來也讓畫面有紅綠對(duì)比,增加層次感。
最后加上文案,以及更多的圣誕點(diǎn)綴元素,強(qiáng)化圣誕的節(jié)日氣氛。
OK,完工!
看看大圖:
案例三
前面我們說過了,由于大家對(duì)于圣誕的固有印象就是紅綠配,因此,只要我們跳出這種固定思維,用別的顏色來體現(xiàn)出圣誕氛圍,往往能給人耳目一新的感覺。
下面我們就來看一個(gè)跳出紅綠配的圣誕海報(bào)。
畫面的主體我們選擇一副對(duì)戒。
鉆戒是貴重而精致的物品,所以它天生就不適合用大紅大綠這樣的方式來表達(dá)。
戒指這種不規(guī)則的形狀,我們不能直接將原圖倒影一下來做陰影,需要更細(xì)致的根據(jù)商品的形狀來手動(dòng)畫出投影。
先用鋼筆工具勾出投影的形狀,然后再一點(diǎn)一點(diǎn)地細(xì)化。
具體過程是很繁瑣的,需要多復(fù)制幾層,一層一層的精細(xì)處理,模擬出真實(shí)光線的層次變化。(關(guān)于投影的制作,大家可以點(diǎn)擊這里:陰影教程。)
好了,處理好陰影,接下來看背景。
背景圖片選擇了一張具有光暈效果的圖,再加上銀色的雪花,既點(diǎn)出了圣誕的主題,在質(zhì)感上也能襯托出鉆戒的閃亮奪目。
用一張吊牌的素材來裝載標(biāo)題,將顏色處理成銀色質(zhì)感。
最后排版好文案,以及給畫面添加邊框。
OK,完工!
大圖走一波:
怎么樣?
相對(duì)于外面的那些妖艷賤貨,
這張圣誕海報(bào)是不是那么地清新脫俗。
很多時(shí)候就是需要不走尋常路!
好了,
這期的教程內(nèi)容就到這。
接下來到了你動(dòng)手的時(shí)候了。
----------------------------------
應(yīng)用今天學(xué)習(xí)到的知識(shí)點(diǎn),自擬文案和素材,出2-4張圣誕風(fēng)格的設(shè)計(jì)稿。
尺寸:
寬度 1000px,高度不限。
格式:
提交作品的時(shí)候,需要把你的文件命名修改為:
你的名字-你的QQ-練習(xí)作品,如:阿門-QQ12345678-練習(xí)作品.jpg
(不要ai或者cdr等格式,也不要壓縮包)
郵件標(biāo)題:
20191016-你的名字-QQ-練習(xí)作品
我會(huì)選擇幾位同學(xué)送出龐門正道定制本各一本,這個(gè)是只送不賣的紀(jì)念品,紀(jì)念你曾經(jīng)努力的意義。
聯(lián)系客服