我在電商設(shè)計(jì)師里發(fā)現(xiàn)一個(gè)現(xiàn)象，很多人，尤其是很多店鋪新手，拿到一個(gè)設(shè)計(jì)需求后，第一反應(yīng)不是分析需求適合什么效果和樣式，而是直接玩合成，為什么?因?yàn)樗麄冇X(jué)得合成效果很炫酷，覺(jué)得合成是件很容易的事，其實(shí)這就有點(diǎn)本末倒置了，在這種思想下產(chǎn)出的成果往往也不是設(shè)計(jì)，而是炫技。

那做設(shè)計(jì)的正確思路到底是什么樣?到底什么情況下才適合玩合成效果?合成在設(shè)計(jì)里到底該怎么玩?針對(duì)以上問(wèn)題，今天我就來(lái)跟大家匯報(bào)總結(jié)一下吧～

1. 先說(shuō)一說(shuō)，做設(shè)計(jì)的正確思路到底是什么樣

要想知道合理的設(shè)計(jì)需求是什么樣的，那你就先得知道為什么會(huì)有這個(gè)設(shè)計(jì)需求。

先看一個(gè)活動(dòng)的流程：我們一般是先有活動(dòng)目的，然后根據(jù)活動(dòng)要達(dá)到什么目的效果來(lái)確定定位方向，再根據(jù)定位方向和想達(dá)到的效果出策劃方案和文案，有了文案以后才有設(shè)計(jì)需求。

也就是說(shuō)你的設(shè)計(jì)結(jié)果最終是要傳遞正確的定位信息和合適的氛圍給到目標(biāo)用戶的，而設(shè)計(jì)的形式和創(chuàng)意也都應(yīng)該圍繞著這個(gè)文案和活動(dòng)目的來(lái)，比如剛過(guò)去的京東618某會(huì)場(chǎng)的頁(yè)面設(shè)計(jì)。

我們可以來(lái)分析一下需求：

目的：平臺(tái)年中去庫(kù)存、刺激全名消費(fèi)從而積累資金發(fā)力、培養(yǎng)用戶忠誠(chéng)度。

定位：所有有購(gòu)物需求的人。

氛圍要求：要熱鬧、要嗨、要給人有檔次的感覺(jué)的同時(shí)又有親和力的感覺(jué)，從而包容和吸引各種層次群體的購(gòu)物需要。

我們?cè)賮?lái)看一些基本的設(shè)計(jì)規(guī)則：

排版：無(wú)非是居左、居右、居中等等。

色彩：無(wú)非是單一色、多彩色、無(wú)彩色、漸變色、同色系、冷暖色、撞色。

形式：無(wú)非是錯(cuò)疊、穿插、對(duì)稱、斜對(duì)角、特意、對(duì)比、重復(fù)、分離、拼接、混合、剪切等等。

執(zhí)行：無(wú)非就是通過(guò)手繪、建模、合成、攝影、手工等等各種技能形式的配合來(lái)玩構(gòu)圖。

創(chuàng)意要求：無(wú)非就是要吸引眼球、要特別要體現(xiàn)平臺(tái)的調(diào)性等。

以上所有這些規(guī)則任意排列組合也便有了成百上千種設(shè)計(jì)創(chuàng)意，所以最終跟我們要的活動(dòng)定位相符合的設(shè)計(jì)結(jié)果肯定也就不止一種了，設(shè)計(jì)師可以結(jié)合自己的擅長(zhǎng)點(diǎn)、客戶的喜好、用戶的喜好、項(xiàng)目時(shí)間長(zhǎng)短來(lái)綜合評(píng)判給出一個(gè)設(shè)計(jì)方向。

所以你最后能看到的呈現(xiàn)在你面前的設(shè)計(jì)結(jié)果，不一定就代表它是唯一的或最好的了，可能它也有很多其他的呈現(xiàn)方式，只是大家最終敲定的是這個(gè)創(chuàng)意方向和結(jié)果罷了：

總結(jié)一句話說(shuō)明就是：做設(shè)計(jì)首先是要有一個(gè)正確的思維方向，然后假想你手里有很多種武器，你可以在有限時(shí)間內(nèi)挑選出你最擅長(zhǎng)的一種武器或幾種武器配合使用，來(lái)達(dá)到目的。

接下來(lái)，我們回歸到這次著重要講的關(guān)于合成的知識(shí)點(diǎn)及運(yùn)用吧，let’s go!～

2. 到底什么叫合成

我知道一提到合成，你們腦海里肯定都是這種畫(huà)面：

或這種畫(huà)面：

再或者這種畫(huà)面：

但百度百科對(duì)合成的釋義是這樣的：合成是指由幾個(gè)部分合并成一個(gè)整體。所以接下來(lái)我舉幾個(gè)例子，估計(jì)會(huì)顛覆你們對(duì)合成的認(rèn)知～

根據(jù)合成的釋義，其實(shí)下面這種是不是也屬于合成?(C4D建模+攝影)

這種照片是不是也屬于合成?(多張攝影照片合成)

這種是不是也屬于合成?(多素材堆疊成一個(gè)形狀)

這種是不是也是合成?(圖形元素和商品攝影素材的合成)

這種是不是也是合成?(攝影素材的合成)

這種蒸汽波風(fēng)格的是不是也屬于合成?

總之，合成就是指幾個(gè)部分合并成一個(gè)整體，嗯～

為了帶大家更好的認(rèn)知合成，我們接著來(lái)欣賞一波國(guó)外合成大師的作品

△ 來(lái)自Behance上的牛人Mike Campau

所以我們會(huì)發(fā)現(xiàn)，合成其實(shí)也分種類和實(shí)現(xiàn)方式的：

幾張攝影圖片拼接合成

C4D建模+攝影+素材

素材+手繪+攝影

圖形+素材+攝影

還有如手工+攝影+手繪等等，照這么看，其實(shí)基本上任何技法或元素的組合拼接運(yùn)用都可以叫做合成作品。

3. 所以合成作品都有哪些特點(diǎn)

我們觀察發(fā)現(xiàn)，優(yōu)秀的合成作品都有以下特點(diǎn)，我從功能層面和技術(shù)要求方面給大家總結(jié)一下吧：

功能層面的特點(diǎn)：

腦洞大開(kāi)吸引眼球、直觀表達(dá)意圖、場(chǎng)景代入感，比如下面這些：

△ 用了這罐調(diào)料，相當(dāng)于請(qǐng)了一個(gè)大廚

△ 愛(ài)看書(shū)的人，掰開(kāi)后身體里都充滿了知識(shí)，反之，你們拆是啥?

△ 一半身處臥室，一半深處戶外，呼應(yīng)“穿越時(shí)空出去嗨”

技能要求層面的特點(diǎn)：

好的合成需要掌握的知識(shí)挺多的，比如構(gòu)圖協(xié)調(diào)/光影巧妙/透視統(tǒng)一，找到合適角度和主題的素材也是個(gè)技術(shù)活，然后將不同元素拼接在一起：

很多科幻冒險(xiǎn)類的電影海報(bào)在光影的運(yùn)用和構(gòu)圖方面都是運(yùn)用的比較好的，給人驚險(xiǎn)神秘莫測(cè)的感覺(jué)：

4. 那么合成在電商設(shè)計(jì)里該怎么玩

首先，電商設(shè)計(jì)其實(shí)涉及的范圍挺廣的，但不管它范圍怎么廣，從服務(wù)對(duì)象看，歸根結(jié)底就兩類，一類是為平臺(tái)服務(wù)的，另一類是為店鋪服務(wù)的。

服務(wù)于店鋪的：比如詳情頁(yè)、主圖、Banner圖、首頁(yè)、活動(dòng)專題頁(yè)、店鋪承接頁(yè)、海報(bào)等。

服務(wù)于平臺(tái)的：分為營(yíng)銷類的頁(yè)面設(shè)計(jì)和UI方面的頁(yè)面設(shè)計(jì)，我們這里主要講營(yíng)銷類的頁(yè)面設(shè)計(jì)，比如Banner圖/活動(dòng)專題頁(yè)、主會(huì)場(chǎng)頁(yè)面、分會(huì)場(chǎng)頁(yè)面、H5頁(yè)面、品牌設(shè)計(jì)、海報(bào)等等。

其次，鑒于合成的特點(diǎn)就是腦洞大開(kāi)吸引眼球、能直觀表達(dá)意圖、場(chǎng)景代入感強(qiáng)，而且合成的形式也是和多種多樣的，所以不同的合成形式適用于不同的電商設(shè)計(jì)需要，以下我分別來(lái)舉例說(shuō)明一下。

綜合平臺(tái)大型的電商節(jié)：比如雙11和618這種，比較適合這種圖形+商品素材(模特素材)的方式：

原因有2，一方面是方便不同水平的設(shè)計(jì)師按圖形或色彩元素做視覺(jué)延展用，另一方面是因?yàn)榛顒?dòng)的目的需要，看到頁(yè)面的時(shí)候能躁動(dòng)起來(lái)，要讓消費(fèi)者感覺(jué)很熱鬧很時(shí)尚很豐富多樣，更有購(gòu)買沖動(dòng)。

而平臺(tái)的小型電商活動(dòng)，不會(huì)涉及到多個(gè)頁(yè)面視覺(jué)延展的問(wèn)題，所以可選的方案就多得多，基本是任意玩了，能達(dá)到活動(dòng)目的就行。

平臺(tái)H5活動(dòng)頁(yè)面，因?yàn)榧夹g(shù)越來(lái)越成熟，所以也是沒(méi)有什么限制的，比如2016年的雙11H5活動(dòng)頁(yè)，也是首次用到了大量的素材合成+手繪做出來(lái)的：

平臺(tái)Banner，也大多是這種比較簡(jiǎn)潔時(shí)尚的圖形+模特+商品的形式。

經(jīng)?？吹胶芏嗬蠋煏?huì)教學(xué)生做這種實(shí)景素材拼接的合成效果，其實(shí)在平臺(tái)里的設(shè)計(jì)師真的很少會(huì)用到這種比較全寫(xiě)實(shí)的合成效果，這種店鋪里的設(shè)計(jì)師做的比較多，培訓(xùn)班也喜歡較學(xué)生做這種效果：

而你們仔細(xì)觀察會(huì)發(fā)現(xiàn)，平臺(tái)設(shè)計(jì)師就算用合成效果也不會(huì)是全實(shí)景或?qū)嵨锏模菚?huì)在里面加入圖形元素或一些色彩漸變之類的，這就比全實(shí)景合成效果看起來(lái)會(huì)更加時(shí)尚有調(diào)性，而且也像前面說(shuō)的，更加便于其他設(shè)計(jì)師修改做視覺(jué)延展：

蒸汽波也是一樣的～實(shí)物+圖形混搭使用。

2015年天貓新風(fēng)尚好像也是首次加入了一些實(shí)物在頁(yè)面里，當(dāng)時(shí)覺(jué)得還蠻有新意的，因?yàn)橐郧盎局皇峭鎴D形元素而已。

(我這里有一個(gè)可能不太成熟但又忍不住想說(shuō)的建議，如果你是店鋪設(shè)計(jì)師想要去平臺(tái)發(fā)展的話，最好不要一味的搞那些實(shí)物合成效果吧，因?yàn)槊嬖嚬僖谎劬椭滥闶堑赇伋錾砘蛘邚呐嘤?xùn)班里出來(lái)的了，可能會(huì)有點(diǎn)介意你沒(méi)有相關(guān)平臺(tái)工作的經(jīng)驗(yàn)從而不會(huì)錄用你～)

店鋪活動(dòng)首頁(yè)或?qū)ｎ}頁(yè)，其目的就是要吸引眼球要脫穎而出，而且店鋪之間設(shè)計(jì)師的水平相差挺大的，你的創(chuàng)意很贊就很容易突穎而出了，至于怎么玩其實(shí)也是隨意了，比如阿芙的：

突然發(fā)現(xiàn)，阿芙這個(gè)可能借鑒了國(guó)外的這個(gè)合成作品：

店鋪詳情頁(yè)，因?yàn)槭且榻B產(chǎn)品用的，所以合成在這里用的特別多，而且往往是渲染產(chǎn)品功效/工作原理類或者給消費(fèi)者場(chǎng)景代入感的合成效果：

△ 這個(gè)畫(huà)面就會(huì)讓你感覺(jué)用這個(gè)熱水器洗澡很舒服啦～

下面這種合成效果在一些食品或護(hù)膚品的詳情頁(yè)或首頁(yè)里也經(jīng)常用到，仿佛把他的原滋原味給呈現(xiàn)出來(lái)了。

△ 當(dāng)然了，這個(gè)其實(shí)是C4D建模渲染出來(lái)的，用ps合成或手繪其實(shí)也可以做出來(lái)，總之工具不是最重要的啦

總之，平臺(tái)的設(shè)計(jì)師更多的要考慮兼容性包容性和平臺(tái)的品牌調(diào)性，所以也就決定了她們即使玩合成效果也不會(huì)玩這種大自然風(fēng)的，而是以抽象的一點(diǎn)的設(shè)計(jì)形式為主。

4. 玩合成的難點(diǎn)在于什么

玩合成考驗(yàn)的是這些能力，找到合適角度的素材、處理成統(tǒng)一光源、透視統(tǒng)一、素材之間的銜接要自然、玩構(gòu)圖。

我在一位面粉那里要來(lái)了一張他的合成作業(yè)，可以給大家看看。

△ 作品來(lái)自面粉“老佛爺”

這個(gè)合成作品有哪些問(wèn)題呢?為了方便指出問(wèn)題，我把它變?yōu)楹诎赘蹇聪旅鞫龋?/p>

你會(huì)發(fā)現(xiàn)，這個(gè)畫(huà)面的視覺(jué)焦點(diǎn)在天空這一塊：

可惜這一塊卻什么都沒(méi)有，只有很亮很亮的一塊空白，所以觀眾會(huì)不知道這個(gè)畫(huà)面要表達(dá)什么。

出現(xiàn)這種情況的根本原因在于：

整體畫(huà)面光源不統(tǒng)一，到處都很亮，暗部太少，所以無(wú)法將視線聚焦在主角身上。

畫(huà)面里缺少一個(gè)主體，干擾元素太多，元素之間缺少對(duì)比，比如遠(yuǎn)近對(duì)比、大小對(duì)比、繁簡(jiǎn)對(duì)比。

沒(méi)有想清楚這張海報(bào)要表達(dá)的意圖是什么，是想表達(dá)遠(yuǎn)方?還是表達(dá)友誼?還是表達(dá)一種溫情呢?

針對(duì)以上問(wèn)題，這里有幾個(gè)解決方案：

方案一：以表達(dá)遠(yuǎn)方為主，寓意理想，那么可以將大象和老鼠下移，將遠(yuǎn)景那些房屋縮小繼續(xù)弱化下去，前景的葉子都可以去掉，讓畫(huà)面保持干凈整潔，拉開(kāi)遠(yuǎn)景和近景的層次，然后將文字挪到天空那里，再然后整體統(tǒng)一只要一個(gè)前上方的日出或日落時(shí)間段的光源，打造逆光效果。

類似下面這樣：

如果你非要加一些樹(shù)葉或藤蔓，那么也可以這樣，四周要暗下去，中間亮起來(lái)，達(dá)到視覺(jué)聚焦的目的：

方案二：海報(bào)以突出主角和友情為主，那么可以將現(xiàn)有大象和老鼠放大至少一倍，整體下移，同樣要將遠(yuǎn)方的房屋縮小繼續(xù)弱化處理，然后前景的葉子需要更通透一點(diǎn)更精致一點(diǎn)，即便是陽(yáng)光比較強(qiáng)烈的逆光效果，葉子的邊緣也不該是現(xiàn)有的這樣哦，感覺(jué)自帶外發(fā)光了。

找了一個(gè)參考案例，比如下面這樣的構(gòu)圖、大小比例、光線，也許更合適：

再一個(gè)，畫(huà)面里出現(xiàn)一條貫穿海報(bào)的水平線貌似也有點(diǎn)太僵硬和突兀了，造成視覺(jué)干擾，如果能換成稍微柔和點(diǎn)的線條就好了，比如這些山石、草地、泥土、不規(guī)則木棍。

總結(jié)起來(lái)就是，玩這種場(chǎng)景合成并沒(méi)有那么容易，除了要有創(chuàng)意和找合適的素材以外，你的畫(huà)面里最好是要有近景中景遠(yuǎn)景、有主體、有故事、摳圖要干凈、光源要統(tǒng)一、有光有影、有明有暗等。

5. 我對(duì)合成的看法

今天說(shuō)了這么多，主要就是想說(shuō)明一點(diǎn)，不要盲目陷入到某一種技能里無(wú)法自拔，其實(shí)你有很多方法達(dá)到目的只是你沒(méi)發(fā)覺(jué)而已，該不該采用合成的設(shè)計(jì)形式或者使用何種合成形式應(yīng)該依據(jù)你的設(shè)計(jì)目的而定，而不該只是因?yàn)橛X(jué)得合成很酷卻不去考慮設(shè)計(jì)目的。

再一個(gè)合成并不是新手一下子就玩得來(lái)的一種技能，它考驗(yàn)的是你的觀察力、想象力、透視原理、光影原理技巧、找圖技巧。修圖等等方面的綜合能力，要不然很容易顯得很假，很俗氣。

今天的合成知識(shí)就講這么多咯，我們下期再見(jiàn)!～

文章題目：電商設(shè)計(jì)中的合成設(shè)計(jì)
文章地址：http://www.rwnh.cn/news/162436.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)站改版、做網(wǎng)站、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)