電商設(shè)計中的合成設(shè)計

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

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

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

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

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

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

我們可以來分析一下需求：

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

定位：所有有購物需求的人。

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

我們再來看一些基本的設(shè)計規(guī)則：

排版：無非是居左、居右、居中等等。

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

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

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

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

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

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

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

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

2. 到底什么叫合成

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

或這種畫面：

再或者這種畫面：

但百度百科對合成的釋義是這樣的：合成是指由幾個部分合并成一個整體。所以接下來我舉幾個例子，估計會顛覆你們對合成的認知～

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

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

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

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

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

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

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

為了帶大家更好的認知合成，我們接著來欣賞一波國外合成大師的作品

△ 來自Behance上的牛人Mike Campau

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

幾張攝影圖片拼接合成

C4D建模+攝影+素材

素材+手繪+攝影

圖形+素材+攝影

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

3. 所以合成作品都有哪些特點

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

功能層面的特點：

腦洞大開吸引眼球、直觀表達意圖、場景代入感，比如下面這些：

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

△ 愛看書的人，掰開后身體里都充滿了知識，反之，你們拆是啥?

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

技能要求層面的特點：

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

很多科幻冒險類的電影海報在光影的運用和構(gòu)圖方面都是運用的比較好的，給人驚險神秘莫測的感覺：

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

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

服務(wù)于店鋪的：比如詳情頁、主圖、Banner圖、首頁、活動專題頁、店鋪承接頁、海報等。

服務(wù)于平臺的：分為營銷類的頁面設(shè)計和UI方面的頁面設(shè)計，我們這里主要講營銷類的頁面設(shè)計，比如Banner圖/活動專題頁、主會場頁面、分會場頁面、H5頁面、品牌設(shè)計、海報等等。

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

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

原因有2，一方面是方便不同水平的設(shè)計師按圖形或色彩元素做視覺延展用，另一方面是因為活動的目的需要，看到頁面的時候能躁動起來，要讓消費者感覺很熱鬧很時尚很豐富多樣，更有購買沖動。

而平臺的小型電商活動，不會涉及到多個頁面視覺延展的問題，所以可選的方案就多得多，基本是任意玩了，能達到活動目的就行。

平臺H5活動頁面，因為技術(shù)越來越成熟，所以也是沒有什么限制的，比如2016年的雙11H5活動頁，也是首次用到了大量的素材合成+手繪做出來的：

平臺Banner，也大多是這種比較簡潔時尚的圖形+模特+商品的形式。

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

而你們仔細觀察會發(fā)現(xiàn)，平臺設(shè)計師就算用合成效果也不會是全實景或?qū)嵨锏模菚诶锩婕尤雸D形元素或一些色彩漸變之類的，這就比全實景合成效果看起來會更加時尚有調(diào)性，而且也像前面說的，更加便于其他設(shè)計師修改做視覺延展：

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

2015年天貓新風(fēng)尚好像也是首次加入了一些實物在頁面里，當(dāng)時覺得還蠻有新意的，因為以前基本只是玩圖形元素而已。

(我這里有一個可能不太成熟但又忍不住想說的建議，如果你是店鋪設(shè)計師想要去平臺發(fā)展的話，最好不要一味的搞那些實物合成效果吧，因為面試官一眼就知道你是店鋪出身或者從培訓(xùn)班里出來的了，可能會有點介意你沒有相關(guān)平臺工作的經(jīng)驗從而不會錄用你～)

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

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

店鋪詳情頁，因為是要介紹產(chǎn)品用的，所以合成在這里用的特別多，而且往往是渲染產(chǎn)品功效/工作原理類或者給消費者場景代入感的合成效果：

△ 這個畫面就會讓你感覺用這個熱水器洗澡很舒服啦～

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

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

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

4. 玩合成的難點在于什么

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

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

△ 作品來自面粉“老佛爺”

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

你會發(fā)現(xiàn)，這個畫面的視覺焦點在天空這一塊：

可惜這一塊卻什么都沒有，只有很亮很亮的一塊空白，所以觀眾會不知道這個畫面要表達什么。

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

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

畫面里缺少一個主體，干擾元素太多，元素之間缺少對比，比如遠近對比、大小對比、繁簡對比。

沒有想清楚這張海報要表達的意圖是什么，是想表達遠方?還是表達友誼?還是表達一種溫情呢?

針對以上問題，這里有幾個解決方案：

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

類似下面這樣：

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

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

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

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

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

5. 我對合成的看法

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

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

今天的合成知識就講這么多咯，我們下期再見!～

當(dāng)前題目：電商設(shè)計中的合成設(shè)計
分享地址：http://www.bm7419.com/news36/162436.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、企業(yè)建站、動態(tài)網(wǎng)站、App設(shè)計、定制網(wǎng)站、品牌網(wǎng)站制作

廣告

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