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

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

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

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

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

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

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

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

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

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

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

(胡光社&張馨予)

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

其實無論是啥,穿的好不好看還是看臉和身材。。。??瓤?,話題扯遠了,我們繼續聊C4D。。。

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

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

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

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

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

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

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

(2)功能確實強大

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

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

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

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

而有一部分設計師其實只是為了跟風或裝下逼而已,其實你的平面基礎不打好,你的創意能力不去培養,三維軟件也救不了你。

2.C4D運用在哪些地方?

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

看到這里,我又要搬出一張我幾年前做的圖了,我們先看一下一個Banner設計以及專題頁設計所包含的元素:

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

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

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

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

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

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

場景(背景)搭建:

這里需要說明幾點:

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

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

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

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

(1)平臺vs店鋪

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

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

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

(2)類目vs風格

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

炫酷的,適合數碼科技或男性化的產品:

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

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

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

(來自behance設計師:peng cece)

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

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

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

小清新的,適合任何外觀氣質定位比較小清新的產品:

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

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

4.我對C4D的看法以及應對方法

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

(1)不盲目跟風

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

(2)不能拒絕學習

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

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

(3)打好基礎是關鍵

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

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

(2016年的京東618)

(2017年的京東618)

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

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

第二步,完成。

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

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

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

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

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

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

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

#專欄作家#

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

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 文字能力很強,平常估計也經常發票圈 ??

    來自廣東 回復
  2. 666

    來自江蘇 回復