商品图片排版设计怎么做

主图是一款产品的流量入口，对引流起着至关重要的作用，一张好的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个淘宝页面中脱颖而出?下面是小编为大家带来的淘宝美工主图设计的技巧，欢迎阅读。主图作用：是一款产品的流量入口，对引流起着至关重要的作用，一张好的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个淘宝页面中脱颖而出?（一）关于版式电商产品繁多，没有一个统一的排版模式！但要做好一张主图，应该遵守的一些原则还是有的。版式：常用的板式有左右排版、中心对称排版、中心围绕、上下排版等（这里指文字和产品的位置）。版式的选择；根据产品的不同和主图不同的作用（直通车主图、普通主图、活动主图等）有不同的做法：比如服装类，模特照片通常采用的是中心对称式构图为主；平铺或者挂拍的通常采用左右排版这类通常是较规则，整体呈竖式长方形的产品，所有符合这个特征的都非常适合中心对称和左右排版（并非绝对，是通常来讲）相比上述产品，相对不规则的产品，通常采用的是上下排版和中心围绕。例如：上下排版中心围绕，配合倾斜总结：版式都不是固定不变的，以上所说皆是最常用也往往是最有效的一些，根据产品的造型去给自己的主图设计相应的排版！关于图文比例为了在页面中更具优势，我建议产品比例占整个画面的2/3左右（特殊作图效果除外），必要的时候可满版型设计（通俗讲即产品布满整个画面）关于用色方面简单说一下，尽量文字根据产品颜色来定位，选择同色系或者补色！关于用色方面，下篇文章细讲，在做主图的作用方面尤其重要，如何在同产品中脱颖而出，起着至关重要的作用！（二）关于用色色彩基础就不多讲了，理论只是用于实践！今天就专讲一下关于主图的配色用色方法。这对于我们主图的点击有着非常重要的作用。具体步骤如下：分析产品，以女装为例，这个阶段不用在意产品本身的颜色，最应该做的是去用最热的词去搜索自己宝贝的页面大概的位置本来是上下左右全部做对比的，这里只做横向对比，道理都是一样的。如上图，相比其他三张主图，第四张颜色偏深，对于我们的眼睛来说，视觉停留点就在这张图片上。这时候我们就要思考自己的主图了，假如我们的主图所在位置相比其他商家主图用色差异不明显，现在就要用所行动了，如果大多数偏亮，你可以选择偏暗，如果其他单色系偏多，你就可以选择多色系，等等关于用色以及如何与其他商家主图有利的视觉差首先需要知道自己的产品是什么颜色，这是根本，不能乱配色。只有保证做到自己主图画面和谐美观的前提下，再区别开其他商家主图才是上策！根据自己产品的颜色，可选择同色系、邻近色、类似色、中差色、对比色等基础配色方案进行配色！然后通过明暗、冷暖、纯度、明度等和其他商家区分开来（常用的方法还有大小对比，不属于用色）补充一点，上述所讲是背景与产品、文案信息用色之间的配色关系关于文字的用色，尽量不要超过三种，建议是两种或者单色！好的点击率就需要自己产品主图在整个页面或者相比周围脱颖而出才是重中之重!!!!配色基础就不讲了，新手可自己买本书看看，补充一下自己的不足！（三）关于文案排版处理技巧大家都晓得，一般的主图不需要文案排版，这里主要是针对活动主图和直通车主图而言的！一先讲下文案信息在一张主图中放在什么位置比较合适，我们就说几种常见的最常用的——位置沉底最常见最方便的一种。以家装地板类目例：以上两张主图都属于沉底式，简单又多变化，这种文案信息位置排版方式一般不会破坏画面的整体性，简约而不简单，文字信息需要和底色配合点线面变化！若文案超过两行，要选择左对齐或者右对齐、中间对齐等，原则就是不要乱了画面，造成阅读障碍！常用的——左右位置也是比较通用的`。以服装为例：文字偏左或者偏右，通常文字采用竖式排版，文案信息需要主次分明，颜色尽量选择单色或两色，字体不要超过两种，文字越精简越好！一般不用的——中间位置（这个对根据产品排版有一定的要求，切记不能破坏了对产品浏览的完整性）以男装类目为例：中间位置，文案信息一般较少，言简意赅，达到目的即可，不可多放！单行或者居中排列自由创意——灵活运用根据产品的位置进行构图定位文案所放的位置，倾斜式用的较多也较灵活！最不常用的——顶部位置文案放在顶部控制不好多会造成不稳定的感觉，不是商品特殊，不建议文案信息放顶部位置！如果需要，请配合以上四种设计！总结：具体根据产品的造型需要以及构图需要来确定文案应该排放的位置，最常见的就是上述前三种！二关于文字的排列组合横式/竖式/横竖混排横式：文案信息单行或者最多2行为宜，对齐就是常见的三种：左右和中间，重点是大小和颜色的变化，主文案字号偏大，颜色较整个画面要突出。次要信息可做点缀或者是补充，再维护整体画面的同时，做到灵活多变就可以了！文字颜色单色或者双色，切记超过3种颜色以上！！竖式：多用于传统产品设计排版，有文化底蕴的产品！道理和横式一样。横竖混排：横竖混排非常考验排版能力，属于高端技巧，虽然很难排出效果，但经常尝试也会有收获！倾斜式有倾斜的排版视觉效果是非常直接的，有视觉冲击力（上述位置04有例图）倾斜角度不要超过45，否则影响视觉效果。另外一旦采用斜向排版，建议把所有文案内容都采用斜向排版，否则看起来不协调。文字变形式通过对文字的夸大或者扭曲变形以及对文字的特殊处理特效等来排列文字，主要是为了突出一些重要信息和反应出产品的一些材质元素！框架式简单说就是把文字排列出一定的形状，或者根据一定的形状固定排列，形式感较强，整体感较强！淘宝主图不常用，可根据自己店里的产品来尝试！复合式即多种排版模式混合使用，这个需要自己去总结和发掘，很考验一个设计师的能力！总结：文字的排版是多样的，但对于电商而言，常用的最有效最直接，一张好的淘宝主图需要文案的完美配合与点缀！

排版的难处在于，我们不是根据已经设计好的版面来填充内容（套模板），而是要根据具体的内容来布局版面，比如版面中的图片有时候是一两张，有时候是十张八张，由于构成元素的不同，导致采用同样的构图、版式、形式往往是行不通的，所以葱爷今天的这篇文章就是要来分享，在不同情况下有哪些图片排版技巧，平铺即把图片铺满整个版面，这种处理方式多用于封面设计; 四周留白即图片要比版面小，并让其四周都留出空白，这里也分两种情况，一是图片位于版面正中央，图片周围的留白是对称的，这种效果类似于相框，常用于封面设计。 一条边出血即把图片的一条边对齐边界，这么处理有点冲破束缚的意思，可以增加图片的想象力和版面的设计感。 三条边出血这么做会把版面分成两部分，一部分为色块，一部分为图片，在排版时我们还可以通过文字、色块或颜色把这两个部分联系起来。拆分,即把一张图片拆分成几份，然后隔开一点排列，这么做比单独放一张图片会更有设计感和趣味性，风景类图片适合这么处理。跨版 即在画册设计中，让图片同时占据两个版面，当在一个跨版中只有一张图片时，如果只把图片排在某一半版中，那么另一半版就容易单调，所以在这种情况下通常会使用跨版，而且图片放大后会更有张力，还能把左右两个版面关联起来。 统一大小对齐排版在一些作品集或产品画册中常用到此排法，视觉流程简单、清晰。统一大小错位排版 比对齐排版更有动感，且由于图片不多，所以也不会显得乱。 一大一小排版,这种排版对比鲜明、更有张弛，可以在一个跨版中使用，也可以是在某一P中使用，大小统一对齐排版,这种排法比较整洁，但缺少变化，适合用于目录页或者产品和人物介绍。大小不统一对齐排版,这种排法会比前一种更灵活一点。适合利用网格工具来辅助排版。 图片与色块组合排版,图片与色块组合在一起排版既不会像只有图片那么单调，还可以利用色块排文字。不过注意色块的颜色不要太多，且颜色最好来自图片。错位排版,即把相连两张图片刻意错开，或者把图片与文字的位置互换，这么做可以有效搭配图片完全对齐的单调，且由于有一定的规律，所以也不会对视觉流程造成太大影响把图片拼成特定的形状,这种排法适合图片比较多的情况，这么做可以避免图片太多而显得混乱，而且因为拼成的形状要与设计需求相关，所以会显得更有创意 按照某一路径排版,这种排法跟前一种一样，适合数量较多的同类图片使用，可以避免图片拍得太过分散，如果不统一图片的大小和方向，效果会比较活泼但不规范，适用于照片墙和儿童画册的。 一大多小排版 如果在版面中分开排列大小差不多的多张图片，那么该版面就会缺乏重点且没有张力，而如果把其中一张图片放大，与其他图片形成鲜明的大小对比，就可以有效解决这一问题。自由排版,即大小不需要统一、图片与图片之间也不一定要严格对齐，效果比较灵活，设计感较强，常用于杂志排版中。