實例解析:解讀C4D在電商設(shè)計里的運用

2 評論 18673 瀏覽 30 收藏 23 分鐘

這篇文章主要是講C4D在電商設(shè)計里的運用的,文末有很精彩的618解說,不過我建議你們還是從頭到尾都看完才更帶感哦!~

之前我給大家寫了一篇關(guān)于手繪在電商設(shè)計里的運用的文章:100種方法,教你搞定手繪專題頁設(shè)計!,這篇文章給很多插畫師以及電商設(shè)計師提供了很多靈感和開圖思維的知識點,那今天我繼續(xù)給大家說說現(xiàn)在很火的C4D在電商設(shè)計里的運用以及我對它的看法吧。

1.C4D為何會如此受追捧?

從我的觀察來看,C4D之所以現(xiàn)在這么受追捧,主要有以下3個方面:

(1)頭部設(shè)計師的推動分享

目前各種C4D作品給我最深的印象就是三維立體/炫酷/靈活,但其實作為一名工業(yè)設(shè)計出身的電商設(shè)計師,對于三維立體效果我是一點都不陌生的,畢竟當(dāng)年我的Rhino三維建模+key shot渲染玩的也是還可以的,只是一畢業(yè)我就從事了UI設(shè)計所以就棄用了,那時候是2011年。

而我真正接觸電商設(shè)計是在2012年,記得有一次我特地想利用一下我的三維建模優(yōu)勢做了一個立體效果的字體設(shè)計專題頁,最后被批得很慘說立體效果已經(jīng)過時了很 low,從此以后我就再也沒再用過三維軟件,老老實實玩ps玩扁平和輕質(zhì)感的設(shè)計效果去了。

可沒想這2年三維立體效果又火起來了,其實這種現(xiàn)象跟時尚圈的是一樣的,設(shè)計/時尚這些東西永遠都是互相借鑒/風(fēng)水輪流轉(zhuǎn)的,比如在中國標志性的農(nóng)民工行李袋被國外借鑒去一改造,搖身一變成了搶手的時尚寶物了:

而你現(xiàn)在覺得好看的效果突然也許突然就過時了,然后過個幾年稍微改改又成了新流行,比如東北大棉花襖被高級服裝設(shè)計師胡光社設(shè)計成了張馨予的紅毯禮服,國內(nèi)外紛紛掀起了一股濃濃的鄉(xiāng)土氣息的時尚風(fēng)潮。。。

(胡光社&張馨予)

(張馨予的花禮服&原生東北大棉襖)

其實無論是啥,穿的好不好看還是看臉和身材。。。??瓤龋掝}扯遠了,我們繼續(xù)聊C4D。。。

而決定一件東西是流行還是不流行的往往就是那些少數(shù)有話語權(quán)或號召力的人,設(shè)計圈跟時尚圈也是一樣的情況,越是頭部的設(shè)計師就越愛逛一些比較尖端的網(wǎng)站或論壇尋找靈感,比如他們很早之前就會去逛behance等等國外的網(wǎng)站學(xué)習(xí)比較前沿的設(shè)計知識,然后又會把這些知識分享到國內(nèi),所以C4D受追捧絕對少不了站酷/各個設(shè)計大神或大號的分享和運用的,包括培訓(xùn)也起到了一些推波助瀾的作用。

比如先有站酷推薦設(shè)計師Edisonwong7的這幾個Ai教程:

然后這種效果在設(shè)計圈里引起了不小的反響,之后大家紛紛發(fā)現(xiàn)用C4D做出類似的效果同樣大受歡迎:

比如站酷推薦設(shè)計師白無常的C4D教程:

再之后又有站酷推薦設(shè)計師tczhang的C4D教程:

當(dāng)然還有站酷推薦設(shè)計師灰晝前輩的C4D教程影響力也巨大,總之以上所有這些效果又被各大電商平臺借鑒應(yīng)用,比如2016年的京東618(不過這效果不是用C4D做出來的,具體解釋我后面會說的):

這樣一來互相影響,它在整個設(shè)計圈的影響力和熱度也就起來了。

(2)功能確實強大

雖然以前我提到過,同樣一個頁面我們其實有很多種方式和技能去實現(xiàn),比如攝影/手工/合成/C4D建模/手繪/PS等等當(dāng)中的一種或幾種都可以,但很現(xiàn)實的是:

對于很多店鋪來說:很多小作坊式的店鋪往往經(jīng)費有限,人力也有限,產(chǎn)品要上新就涉及到產(chǎn)品拍攝和頁面設(shè)計,而你要他經(jīng)常花錢去特地買一些拍照道具或去搭建場景是不太現(xiàn)實的,而C4D幾乎能把設(shè)計師想到的任何場景或畫面都建模渲染出來,這樣自然也就節(jié)省了成本,當(dāng)然,前提是設(shè)計師會用這個軟件。

另一方面,因為這玩意兒并不是人人都會的,所以如果你會用而別人不會,整個頁面的視覺感受就會大不一樣,有可能更容易脫穎而出來來點擊率或銷量。

對于很多設(shè)計師來說:一部分設(shè)計師是真的覺得它好用好玩強大,并去學(xué)習(xí)運用到自己的工作項目當(dāng)中,比如你用ps畫一個立體效果至少需要畫三個面然后還要畫好幾層陰影,可是人家三維軟件拉伸一下再打個光或貼個圖,一個逼真的三維立體效果就出來了,當(dāng)然,前提是你會用這個軟件。

而有一部分設(shè)計師其實只是為了跟風(fēng)或裝下逼而已,其實你的平面基礎(chǔ)不打好,你的創(chuàng)意能力不去培養(yǎng),三維軟件也救不了你。

2.C4D運用在哪些地方?

那不管怎么說,事實證明C4D還是有它存在的價值的,那么它的運用范圍到底有多廣呢?我們可以通過一些實例來看下:

看到這里,我又要搬出一張我?guī)啄昵白龅膱D了,我們先看一下一個Banner設(shè)計以及專題頁設(shè)計所包含的元素:

接著看一下專題頁組成要素:頭部Banner+至少1個樓層模塊+背景+氛圍點綴

接著看一下專題頁組成要素:頭部Banner+至少1個樓層模塊+背景+氛圍點綴

商品圖(其實很多包裝設(shè)計還有修圖都是建模完成的)

點綴元素(也就是做氛圍渲染和點綴的元素)

下面這種扭曲的圍繞著標題纏繞的線條就屬于分為點綴元素,具體的關(guān)于點綴元素的講解和運用可以去看我以前寫的這篇文章:[干貨]Banner設(shè)計終極寶典!6招搞定點綴元素的運用!~

(圖片來自站酷推薦設(shè)計師白無常)

場景(背景)搭建:

這里需要說明幾點:

  1. 我這里只是給大家講解和介紹C4D在電商設(shè)計里的運用而已,不是手把手教大家學(xué)習(xí)C4D的,所以我這里沒有具體的C4D學(xué)習(xí)教程提供給大家,想學(xué)的話你們可以自己去報班或自學(xué)。
  2. 無論你是用何種方式實現(xiàn)你的頁面效果圖,基本的平面構(gòu)成知識以及色彩構(gòu)成知識等等都是通用的,這個我在之前的上百篇文章里都已經(jīng)寫過很多次了。

然后,我們接著往下看更具體的講解咯!~

3.C4D適合用在什么類型的電商頁面里呢?

前面說的是C4D能運用在什么設(shè)計里,接下來我想要闡述的是,C4D能實現(xiàn)的一些效果適用于哪些類目哪些類型的電商頁面里,而又因為C4D是幾乎任何效果都可以實現(xiàn),比如折紙效果/金屬質(zhì)感/玻璃水晶/毛絨塑料水滴質(zhì)感等等,所以我將主要從以下2個角度來說明:

(1)平臺vs店鋪

平臺的活動頁設(shè)計,比如男裝節(jié)/女人節(jié)/618/雙十一/雙十二/年貨節(jié)等等,這些比較大型的活動設(shè)計往往會分多個階段或多個分會場,然后整個所有的設(shè)計在視覺上要有延續(xù),其目的就是為了保證視覺統(tǒng)一,這些頁面加起來估計有好幾十個或上百個頁面都有可能,所以需要很多人配合完成,這也就要求所有頁面都能方便其他設(shè)計師去修改,所以你會發(fā)現(xiàn)其實這種大型活動設(shè)計最多也只是某一個或幾個會去使用三維效果,大部分還是一些手繪或玩構(gòu)成的效果,畢竟所有的設(shè)計師基本都會ps,但不一定所有的設(shè)計師都會C4D了。

點擊頭圖Banner下方的2個小廣告圖,品牌狂歡城這個使用了C4D,而另一個沒有使用,但是延續(xù)了這種類似濺起的水花一樣的圖形~~(我們今天只是講C4D在電商設(shè)計里的運用,至于說今年的618風(fēng)格像誰不在我們今天討論的范圍咯~)

但是店鋪的話,除了一些發(fā)展的比較好的電商品牌也會有這種平臺的玩法以外,大部分還是跟著平臺活動走的,比如618來了,要做一個店鋪的618活動頁面,你就不需要去考慮什么風(fēng)格延續(xù)的問題了,你只需要按自己店鋪的需要來就好了所以是沒什么限制的,用C4D或其他任何你能實現(xiàn)的效果都可以,但是平臺logo肯定要出現(xiàn)的,還有618這個關(guān)鍵詞肯定也是要出現(xiàn)的,畢竟是相當(dāng)于蹭熱點,可以帶流量了。

(2)類目vs風(fēng)格

依照目前的情況看,只要你不是走溫情或紀實路線(更適合用攝影的方式表現(xiàn)),其實基本任何風(fēng)格都可以用C4D實現(xiàn),比如:

炫酷的,適合數(shù)碼科技或男性化的產(chǎn)品:

(天之眼的設(shè)計在同行里一直都算是挺不錯的了)

霓虹燈效果,適合想要打造party氛圍的活動,任何品類都可以玩:

前衛(wèi)的另類的,適合任何有趣時尚好玩的品類或活動:

(來自behance設(shè)計師:peng cece)

卡通的,適合母嬰零食及生活家居還有人和可愛定位的類目等:

(圖片來自小米天貓超級品牌日)

(而且C4D很便于做動畫,是的頁面更加靈動不呆板)

小清新的,適合任何外觀氣質(zhì)定位比較小清新的產(chǎn)品:

虛實結(jié)合的,適合服裝美妝鞋帽箱包等任何想走時尚路線的類目(比如場景是建模渲染的,人物是真實的):

還有很多,比如懷舊的/浪漫的/復(fù)古的/有趣的等等都可以實現(xiàn),主要在于材質(zhì)/貼圖還有整體配色構(gòu)圖意境的打造,只有想象不到的,沒有它不能實現(xiàn)的。

4.我對C4D的看法以及應(yīng)對方法

時代一直在變化,新的軟件一直在出現(xiàn),也不知道哪一天我們用的某個軟件突然就被淘汰了沒有用武之處了,就好比曾今是網(wǎng)頁三劍客之一的flash就因為HTML5的出現(xiàn)而基本被淘汰了,再比如電商的出現(xiàn)擠壓了線下市場的生產(chǎn)空間,從而導(dǎo)致線下平面設(shè)計從業(yè)者的生存空間變狹窄了而互聯(lián)網(wǎng)設(shè)計師的機會卻變多了,所有這些現(xiàn)象對我們來說都是一種警示,所以我有以下幾點看法和建議:

(1)不盲目跟風(fēng)

作為一枚設(shè)計師,要明白自己吃飯用的最基礎(chǔ)的軟件當(dāng)然還是ps了(當(dāng)然也有人在繼續(xù)使用cdr/Ai等做頁面設(shè)計),但無論是ps還是手繪或者會C4D,這些都只是工具而已,有的人他用ps照樣可以實現(xiàn)任何他要的效果,只是有些花費的時間可能要長點,所以心態(tài)要放好,不盲目跟風(fēng),重要的是能掌握屬于自己的一技之長。

(2)不能拒絕學(xué)習(xí)

雖然我們不盲目跟風(fēng),但是也不能拒絕學(xué)習(xí),因為有幾個很現(xiàn)實的問題擺在那里,一方面中國最大的電商平臺都是阿里巴巴家族的,某種程度上來說電商設(shè)計的風(fēng)向標是掌握在他們手里的,但是他們并不會拒絕學(xué)習(xí),你從歷年來他們各種設(shè)計方面的嘗試和創(chuàng)新就知道了(比如最新的那什么蒸汽波也是他們首次運用于電商設(shè)計里~),他們一直在學(xué)習(xí),如果他們某天也將C4D作為一種重要的工具,如果你所在的店鋪是依附于他們的,那么你也就不得不跟進他們了。

另一方面,在你精力充?;蛘邔@玩意兒感興趣的情況下,多學(xué)一項技能防身也無妨,畢竟她的強大也是擺在那了,不是一無是處的。

(3)打好基礎(chǔ)是關(guān)鍵

平面功底不扎實,三維軟件用再溜也枉然,所以如果你發(fā)現(xiàn)自己即便是學(xué)了C4D,做的東西始終看著不對勁又不知道怎么改的話,不妨還是先把平面構(gòu)成/色彩構(gòu)成/立體構(gòu)成/素描基礎(chǔ)里的三大面五大調(diào)/透視原理等等理論知識鞏固一遍再說吧。

我就拿去年和今年618的圖做個舉例:

(2016年的京東618)

(2017年的京東618)

很多人都好奇這效果是怎么做出來,但其實很多方式都可以實現(xiàn),比如用用Ai或Ps畫,再或者用筆刷手繪都是可以實現(xiàn)的,用C4D當(dāng)然也可以實現(xiàn),但其實我怎么覺著它是用橡皮泥捏出來的呢!~不信我給你們示范下:

第一步,先取幾根色彩斑斕的軟陶泥或橡皮泥:

第二步,完成。

你們看,一個鮮活的的2016年京東618就這么捏出來了,我沒騙你們吧~

接下來我再來示范一遍2017年的京東618是怎么做出來的。

第一步,仍然是取出幾坨色彩斑斕的軟陶泥或橡皮泥:

第二步,把他們放在一起蹂躪,哦不對,是揉搓,于是得到下面這種效果:

第三步,一個鮮活的2016年京東618和2017年京東618就出來了

以上我只玩了十幾分鐘的泥巴就玩出來了,所以你們看,工具真不是最重要的~~第三步,一個鮮活的2016年京東618和2017年京東618就出來了

以上純屬娛樂,其實京東依舊棒棒的~

#專欄作家#

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

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 文字能力很強,平常估計也經(jīng)常發(fā)票圈 ??

    來自廣東 回復(fù)
  2. 666

    來自江蘇 回復(fù)