京東618的設(shè)計(jì)過程

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

1.C4D為何會(huì)如此受追捧讼庇?

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

(1)頭部設(shè)計(jì)師的推動(dòng)分享

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

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

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



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

(胡光社&張馨予)


其實(shí)無論是啥阶剑,穿的好不好看還是看臉和身材。危号。牧愁。〈猩咳咳递宅,話題扯遠(yuǎn)了,我們繼續(xù)聊C4D

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

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

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

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


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

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


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

(2)功能確實(shí)強(qiáng)大

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

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

另一方面叼屠,因?yàn)檫@玩意兒并不是人人都會(huì)的偶宫,所以如果你會(huì)用而別人不會(huì),整個(gè)頁面的視覺感受就會(huì)大不一樣环鲤,有可能更容易脫穎而出來來點(diǎn)擊率或銷量纯趋。

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

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

2.C4D運(yùn)用在哪些地方南捂?

那不管怎么說,事實(shí)證明C4D還是有它存在的價(jià)值的旧找,那么它的運(yùn)用范圍到底有多廣呢溺健?我們可以通過一些實(shí)例來看下:

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

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

弄清楚了這些組成要素后鞭缭,我們會(huì)發(fā)現(xiàn),其實(shí)這些組成元素全部都是可以通過C4D來實(shí)現(xiàn)的魏颓,無論是標(biāo)題文案/模特商品/背景/點(diǎn)綴元素還是LOGO等岭辣,下面我們舉例來說明下:

標(biāo)題(字體或數(shù)字的設(shè)計(jì)都可以運(yùn)用)



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

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


場(chǎng)景(背景)搭建:







這里需要說明幾點(diǎn):

(1)我這里只是給大家講解和介紹C4D在電商設(shè)計(jì)里的運(yùn)用而已,不是手把手教大家學(xué)習(xí)C4D的甸饱,所以我這里沒有具體的C4D學(xué)習(xí)教程提供給大家沦童,想學(xué)的話你們可以自己去報(bào)班或自學(xué)。

(2)無論你是用何種方式實(shí)現(xiàn)你的頁面效果圖,基本的平面構(gòu)成知識(shí)以及色彩構(gòu)成知識(shí)等等都是通用的搞动,這個(gè)我在之前的上百篇文章里都已經(jīng)寫過很多次了,大家可以點(diǎn)擊公眾號(hào)菜單欄“往期好文”查看渣刷。

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

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

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

(1)平臺(tái)vs店鋪

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

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


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

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

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

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

霓虹燈效果产弹,適合想要打造party氛圍的活動(dòng),任何品類都可以玩:

前衛(wèi)的另類的弯囊,適合任何有趣時(shí)尚好玩的品類或活動(dòng):

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

小清新的

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


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



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

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

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

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

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

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

雖然我們不盲目跟風(fēng),但是也不能拒絕學(xué)習(xí)租幕,因?yàn)橛袔讉€(gè)很現(xiàn)實(shí)的問題擺在那里舷手,一方面中國(guó)最大的電商平臺(tái)都是阿里巴巴家族的,某種程度上來說電商設(shè)計(jì)的風(fēng)向標(biāo)是掌握在他們手里的劲绪,但是他們并不會(huì)拒絕學(xué)習(xí)男窟,你從歷年來他們各種設(shè)計(jì)方面的嘗試和創(chuàng)新就知道了(比如最新的那什么蒸汽波也是他們首次運(yùn)用于電商設(shè)計(jì)里~)盆赤,他們一直在學(xué)習(xí),如果他們某天也將C4D作為一種重要的工具歉眷,如果你所在的店鋪是依附于他們的牺六,那么你也就不得不跟進(jìn)他們了。

另一方面汗捡,在你精力充允缂剩或者對(duì)這玩意兒感興趣的情況下,多學(xué)一項(xiàng)技能防身也無妨凉唐,畢竟她的強(qiáng)大也是擺在那了,不是一無是處的霍骄。

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

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

我就拿去年和今年618的圖做個(gè)舉例:

(2016年的京東618)


(2017年的京東618)

原文鏈接

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末米间,一起剝皮案震驚了整個(gè)濱河市强品,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌屈糊,老刑警劉巖的榛,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異逻锐,居然都是意外死亡夫晌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門昧诱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來晓淀,“玉大人,你說我怎么就攤上這事盏档⌒钻” “怎么了?”我有些...
    開封第一講書人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵蜈亩,是天一觀的道長(zhǎng)懦窘。 經(jīng)常有香客問我,道長(zhǎng)稚配,這世上最難降的妖魔是什么奶赠? 我笑而不...
    開封第一講書人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮药有,結(jié)果婚禮上毅戈,老公的妹妹穿的比我還像新娘苹丸。我一直安慰自己,他們只是感情好苇经,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開白布赘理。 她就那樣靜靜地躺著,像睡著了一般扇单。 火紅的嫁衣襯著肌膚如雪商模。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,287評(píng)論 1 301
  • 那天蜘澜,我揣著相機(jī)與錄音施流,去河邊找鬼。 笑死鄙信,一個(gè)胖子當(dāng)著我的面吹牛瞪醋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播装诡,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼银受,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了鸦采?” 一聲冷哼從身側(cè)響起宾巍,我...
    開封第一講書人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎渔伯,沒想到半個(gè)月后顶霞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡锣吼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年确丢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吐限。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鲜侥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出诸典,到底是詐尸還是另有隱情描函,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布狐粱,位于F島的核電站舀寓,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏肌蜻。R本人自食惡果不足惜互墓,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蒋搜。 院中可真熱鬧篡撵,春花似錦判莉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至膛檀,卻和暖如春锰镀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背咖刃。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工泳炉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人嚎杨。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓花鹅,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親磕潮。 傳聞我的和親對(duì)象是個(gè)殘疾皇子翠胰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,099評(píng)論 25 707
  • 有人說容贝,雨水和彩虹自脯,總會(huì)錯(cuò)過〗锔唬可我膏潮,不這么認(rèn)為。 我和他满力,在一起三次焕参,我的生命里,青澀到成熟油额,都有他的身影叠纷。前兩次...
    粉紅色的風(fēng)閱讀 158評(píng)論 0 0
  • 忽然醒來,你呀你呀是不是去了夢(mèng)里玩耍 知道嗎潦嘶?愛著你的人一直在等待你的出現(xiàn) 時(shí)間一分一秒的過去卻不見你有出現(xiàn)的樣子...
    親愛的田田閱讀 204評(píng)論 0 0
  • 有些事情被我記得又被我忘掉涩嚣,還有些事情我記得了不曾忘掉。 永遠(yuǎn)記得那個(gè)陽光明媚的午后掂僵,天氣熱的不像話航厚,剛放小學(xué)的我...
    喵花閱讀 701評(píng)論 0 1
  • 3月5日那天下午,正當(dāng)我準(zhǔn)備要下班的時(shí)候锰蓬,電話...
    木鐸的召喚閱讀 161評(píng)論 0 1