随着电⾏业的展，越来越的平⾯设计师也加⼊到电⾏业中，⼀个电商设计师不光学习软件技能设理论，设中还懂得融⼊运营思维以及⼀些消费理学。电商设师唯⼀的检验标准就点击率，那今天我们就好好讲⼀下直接影响点击率的商品主图以及直通⻋图。
了方便⼤家理解，文章的先给⼤家看⼀下本篇教程的⽬录，我会从这七部分给⼤家详细的讲解商品主图直通⻋图的制作点。
对于自然流主的商品的展示置就详页方的商品图、店主页中的商品展示，搜索结果页的免费展示。所以商品图很重的，商品图优劣直接关系到消费者否会继续浏览详页。
除了方形外，还有3：4例的商图，尺寸750*1000像素，这种尺寸一般是为了配合视频使，当商图是视频的情况后面几张商图会变为3：4的例。
这种商图展示的范围更大，展示效果更好，尤适合展示类的产，而且使短视频展示商是一个流行趋势，我们逛淘宝的时候可看到一些大牌或者红牌，他们都已经开始使短视频展示商了。
PC端直通车的展示位置在淘宝搜索的结果页，页面左侧带有“掌柜热卖”标签的商，就是直通车推荐的商，一般这里会有1-3个展示位。
页面右侧的掌柜热卖模这里，有16个展示位。然后我们再往翻。
在页面端横的区域，这里有5个展示位。每页一共展示24个宝贝。
那我们再来说一移端，在移端的搜索结果页中带有“hot”标签的都是直通车展示的商。
对于大分电商牌来说，直通车广告都是很重要的营手，小牌需要流量和曝光快速升自己的知名。那大牌需要做直通车广告吗？于这点我们可淘宝搜索一些键词来试验一，方说我们在淘宝搜索彩妆这个键词。
在搜索结果页我们可看到，第一个直通车展示位就是雅诗兰黛的。雅诗兰黛可说是彩妆行的头牌了，那他们在做直通车的广告。说无论是小牌还是大牌，都必须断的在场中给客户深自己的印象，才可在场中巩固自己的位置。
电商在展示商时候，最重要的⼀定是商的照⽚素材。好的照⽚素材带来更⾼的浏览量和转率。作为⼀个电商设计师，我们只是被择照⽚素材，而是要根据自己的需求掌控商照⽚的质量和类。商照⽚怎么拍，么形式展示，这些问题在商照⽚拍摄之前我们就应该做好计划。
正⾯照⽚是最直观的商表现形式，可很直接的展示商。
使带有角的照⽚，可对产进行多个⻆全方位的展示。
使场景是最有代入感的⼀种表现形式，通过视觉的场景设计，我们可对产进行情景模拟，商处在“正在被使”的状态。
凌美的原子笔，这款笔售是380元，在同类商中是偏的格，产定位是偏端的办公笔。那在展示这款笔的时候我们可看到画面中为了匹配笔的档次，纸上印了烫金的标志，场景中的桌面择了非有质感的黑色办公桌。只有这样的场景暗示才匹配这款笔目标受众的身份，我们在搭建场景的时候场景代入感越强，就越激发消者的购欲。
多个产摆放在⼀起，容易产⽣阵列优势，就像超的货架⼀样。形成阵列优势后，更容易深顾客对于商和牌的记忆。
国的彩妆大牌西子和国外的兰蔻，他们的产都会这种形式展示产。
构建场景就是⼀些环境道和道具搭建⼀个场景，场景如果搭建的好，可给商带来很精致专的感觉，可突强调牌的⽓质。
像自然物的礼盒，每一款的外包设计的都很好，摆在一起自然就很有感觉，而茶使了面包来衬托茶包，因为面包本身是较有质感的，而且符合喝茶时的场景。
论是电商还是实体商的展示拍摄，我们在摆放和组合的时候⼀定要随意乱摆，⼀般情况可按照⻆形的感觉摆放。
因为角形是最稳定的形状，利⽤角形来陈列商会你的商更规整。
而且它限于商的形状，任何形状商你都可按照角形的趋势摆放。在商的时候，我们可控制留白的间隙，商之间有⼀个呼吸感。
如果商很多，可摆放的紧凑⼀些，摆放的时候要注意低起伏的节奏的变。
另外我们可利商的前后系，进⾏错落式的摆放。
把商分为几，按照⾼低错落的感觉依次摆放商，这种摆放方式会给人很丰满，很有节奏的视觉感受。
商多的时候是⼀样的，摆放的时候要注意这种错落的节奏感。
接来我们讲⼀商的统⼀性。第⼀种颜色统⼀，通过背景颜色来可区分店铺同类的商，但要注意的是背景颜⾊的择要符合商本身的气质。
除了同商之间的统⼀性外，我们还可利⽤同⼀⾊系来创建商与背景的统⼀性，⽐如我这⾥的商背景就都⽤了莫兰迪⾊系的颜⾊。使⽤和谐稳定的同⾊系颜⾊画⾯富有变，形成⼀种韵律美。
如潮流牌OSCill，他们牌的核⼼概念就是探索中国⽂与头的融合，他们产的背景颜⾊都是使⽤的中国红，而产本身都是⽤了同⾊系的暖⾊与整个牌的⾊红⾊形成了⼀个统⼀性。
除了色系统⼀，还有背景的统⼀，背景统⼀分为两种类，⼀种是形式的统⼀，就像画⾯中我⽤放射构成的线条来创纵深感，第⼆种是质感的统⼀。
如迪奥的这款微凝珠精华水，这款产的特点是萃取了粉色玫瑰的微凝珠，⽤它来细致毛孔改善肤⾊。
迪奥的设计师结合了产的特点制作了同样具有粉色水珠质感的图⽚作为背景。
这种背景实它是⼀种放射性的构成。迪奥利背景的统⼀强突了产的卖点。
最后⼀种是⻆的统⼀，将有商的拍摄或者摆放角统⼀，这种形式的变性很强，通过同⻆的变换形成同的画面感觉。
当我们看到这个包，大分⼈应该⼀就看来是它是么牌，因为LV的老图案太经典了，这个图案早就已经变成了LV的视觉识别符号。
再如当你看到这个相机。如果你是玩摄影的，肯定⼀眼就看来这是徕卡的相机，徕卡⼀直遵循着删繁就简的设计准则，在相机的外观上更体现这点。
再看这个⼿机，可前两个你有可太了解，但是这个你⼀定认识。
潘虎包实验室设计的良铺⼦礼盒，包上的插画已经很功夫很有特点了，这种情况就需要在对图片进行多余的设计。
好利来pink店的生日蛋糕，蛋糕的外形设计就非好看，这种水平的产设计再任何设计元素都是多余的，直接展示产就可了。
再如说这个巨⼤的卡兽抱枕玩具，照片⾥通过人和抱枕的对很清晰的告诉了消者，这个抱枕真的很大，具体有多大呢？看图实就说明⼀切问题，需要多余的解释。
我们看卡地亚的戒指的这两张图片，左侧的图题突，质感好，而且可展示戒指侧的细节，右侧的图展示了模特佩戴的方式，产体小，识别低，细节看清。
我们把这两张图放在搜索结果页⾥对⼀，显然左侧的形式更适合放在图上展示产。
再如这两张照⽚，同样是帽⼦的商图，很显然左侧这张体更突。如果我们放在搜索结果页里来测试⼀。
左侧这张图消者⼀眼就看产的类，帽子的款式和颜⾊。⼀目了然。那右侧这张图就给⼈感觉较模糊，这张照片里帽子并是体，观众就会产生困惑，知道是在卖帽子衬衫还是在卖包，很显然，左侧的更适合作为直通⻋和商图使⽤。那么右侧这张照⽚拍的就好了吗？右侧的照片实拍摄的是很好的，但是这张照片我们可将它放在商图的后几张，感兴趣的消者点进来之后滑图⽚就可了解到这款帽子，平时⽇穿搭应该怎么搭配，在实际场景中是⼀个么样的感觉。
对于⼀个直通车图来说画⾯中可的信息的种类可说是非多，就需要我们对信息进行严格的控制，要⼀把有信息都放在画⾯中，如果画⾯中信息过多，户就会无适从，他知道该看么先看么，这样户择的效会降，就会干扰到信息的传达。我们就需要在编之前明确产的卖点，对信息做取舍层级的划分。
车图中见的信息，⼀般有名、种类、格、标志、卖点、含量、产的说明字、性信息。
⽂案组合方式同，层级系同，起到的效果⼀样。我们可根据图片的同功，来划分同版本的⽂字层级。根据同的字层级，我们⼜可得到同的方案。
层级确定好之后，我们就可编字了，在方形版面，同的字层级系，存在同的构图形式。
层级系确定好之后，我们就可编字了，第这个方案我使的是图叠字的形式。
这种形式可增强画面的层次感和冲击，它这是刺激户点击的一个的手。最后我们来看一效果。
第二个方案我们可改变一策略，首先我们这是一款无糖的健康奶茶产，那我们就可把“零蔗糖”这个产特点取来放到第一层级，直观明了的展示产特点，更激发消者的购欲望。
这个方案我们可利放射性的背景来填充负空间，给画面创纵深感的同时可使画面更丰富。
第个方案我们做一个相对来说泼轻松一点的版本。
这个方案我们可利元素角的变，来给画面增泼有趣的感觉，可把卖点信息编成标签的形式来增强图形感。
第个方案我们放产名，单纯突我们的产卖点。
这次我们的商照片可使特写的形式来呈现，这种手法适于细节较丰富或者较精致美观的产，才我们到过，在小尺寸的图中景要远景更有优势，使特写照片可使商的观感更强，会拉客户的心距离。这次我们直接取特点信息放在画面中，简单直接的把我们的产特点传达给消者。
才我们讲了构图及信息的编，掌握了构图和编的技巧可你设计一个好看美观的车图。但是电商设计，只做到美观好看。说到我们设计的目的是为了吸引更多的点击率，我们如何吸引更多的点击率呢？这就需要我们在设计中融入营的思维，多在消者的角思考问题才是升点击率的键。
我们拿海的这款热水器举例，在淘宝购热水器的时候他们考虑的是么呢？
虽然大分的热水器牌现在都供免上门的务，但是对于没有购过热水器的消者来说优先考虑的问题实还问题，怎么预约上门，请人上门有没有？另外，消者还会心热水器的电全问题，海的这款电热水器它的特点是有水断电的全保护功，水管打开之后就会自断电，那我们可把这个卖点取来，既然消者会考虑这些问题，那么我们就直接在图片上告诉他们。
这一版做的时候我们可保持最简原则，刨除复杂的形式感和没的容，最简练的语言表达来，消者一眼就看懂，这样就可直接击中他的心痛点。
最后我们放在搜索结果页看一效果。
这次我们的产是一款锈筷子，在做图之前我们先淘宝。搜索一同类产，先看一我们的展示环境。
我们可看到，锈筷子搜索结果页中，大使的车图基本都大同小异，看上都差多一个格。那这种情况我们就可做一差异试试。
我们做的时候同样要换位思考，那我们自己在购具的时候考虑最多的实就是这款具是否干净卫生，好锈具起传统的木质筷子和竹筷子最大的优势就是容易滋生细菌，防霉，防烫。我们可直接取这个特点展示给消者。
另外，像这种格低廉的产通会遇到拥有求实机的消者，这种类的消者，遵循着一分钱一分货的原则，他们对产本身的实际途，功性，耐性特别敏感。他们会仔细阅读产说明，货，择性最的那个。对于这种消者，我们要进行性说，把产特点利数据的形式呈现给消者，摆事实讲道，直接拿证据给消者看，方消者自己做择和评判。
因为这个产的目标人群较广泛，它没有一个年龄限制，在设计格上我们可大胆一点。在色彩上我们可使一个亮色的渐变色，这种明较的蓝色对视觉的刺激是较强的，这种色调明快，清澈，可给人乐观、健康、爽朗的视觉印象。非适合卫生、健康饮食、、环保题的商。
我们放在搜索结果页看一效果，可看来差异已经很明显了，但是这个蓝色我觉得稍微有些夸张了，有点像医疗。我们可稍微降低饱和，变换一色相，给他一个淡淡的青色背景，我们只要保持接白色的明，都是可的。
这种机来源于马斯洛需求层次论中的自尊需要，我们需要获得别人的尊敬，和社会地位，来证明自己存在的值。一款“端场”上的商，光要满足需求，还需要一种和端的社会地位相匹配的认同感。这种认同感仅仅是建立在产本身的质之上，要建立在产的定位和宣传之上。
这个案例算用C4D来演示一下产品的光，不会C4D的同学没有关系，你也可以学习一下产品光的方式。
下面有请的比利老来给大家示范，如何利用灯光的布置提升产品的高。
的产品是一瓶葡萄，现在这瓶只有普通的环光，那的目的是通过灯光的布置来提升这瓶的品质。
第一步，把环光去掉，在产品左侧和右侧别给一个侧面光，把产品的边缘照亮。
然后会得这的效果。那可以，产品的边缘都已经被照亮了。
然后在产品的正面补一个正面光，把产品的正面细节照亮。
然后会得这的效果。
最后为了提升产品的品质，来进行最重要的一步，在产品的背后赋予一个背景光。
背景光会透过瓶再次照亮正面，这种光线的效果能给产品赋予的品质和高。
这个案例的产品是一款面向中高端人群的无糖面包，这款无糖面包的味都比较清淡，主无糖、无麸质、用料丰、醇厚。那通过析这些产品点可以知道，这款面包的受众是收入中高的身人群，麸质过敏人群或者是对食品康有殊追求的人群。
对于健康饮食和健身减肥的消者来说，无糖是他们较看重的一点，我们就可取这个产卖点，把字编在右上角。
我们把字编进，之前我们到过，可利他物体来烘托气氛衬托体，那这里我们可放一杯咖啡来升整个的情调。咖啡是很符合吃面包的场景，来衬托面包是很合适。
到了这步我们版面基本就搭建成了，但是整个画面的感觉看上还是还缺了一点气氛，那我们可再给他赋予一个背景来进一步升画面的氛围。最后我们在细微调整，增强一色调的对。
今天我们从流量规格讲到了电商的营思维，容很多，但是要设计一个美观且效果优秀的车图，并仅仅是我今天说的这些。做一个电商设计师一定要多思考户的想法，多脑想远远多手做要重要得多。好了今天的课程就到这里，我们次再见。
欢迎关注研习的公众号：「Yanxishe2017」
浙公网安备33011002017549号