美工排版布局方法

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

一、美工页面排版细节要点 对齐(Alignment)任何东西都不能随意摆放，每一个元素之间都有某种视觉关系。利用对齐建立一个清楚整齐的外观。 亲密(Proximity)彼此相关的内容应靠在一起，反之不相关的内容保持距离。利用亲密性，强调画面的组织与架构。 重复(Repetition)重复视觉要素的颜色、字体、大小、空间等，增强条理性，也增强了整体一致性。 对比(Contrast)避免页面上元素太过相似，如果它们不同，哪就让他们截然不同。让重要的内容引人注目，让使用者间看到它们。二、文字排版 使用适合阅读的字体字体大小与使用者萤幕大小、使用距离有关，清楚瞭解使用者使用的环境与习惯后，选择一个适当的大小。 选用适当的字体有些中文字体的英文版本其实是不合适的，挑选与中文字体相对应的英文字体作为搭配的字体。 设定恰当的行高也就是“文字密度”，太挤的文字在换行时，眼睛不容易找到下一行的起点，较不容易阅读。 设定恰当的段距清楚的段落区分，让读者可以清楚地瞭解现在正在阅读的段落。 注意段落的宽度注意文字最后显示的设备大小，太宽或太窄的段落宽度都会造成阅读上的困难，一行文字以45字元~75字元是比较恰当的。 清楚地区分标题与内文使用对比的方式(例如颜色、大小、位置)将内文与标题清楚地区分开来。关于美工页面排版设计需要注意哪些要点，环球青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。