视觉逆袭
最强电商视觉逆袭系列一电商十大构图法（设计思路）
以下文章来自网络，笔者整理之后发布，虽然是2014年的文章，但还是有营养的，尤其是在设计入门方面，有很多可以借鉴的经验，文中的讲解比较详细，可能有些段落显得嗦一点，但笔者也没有删减，尽量保持文章的完整性，多次重复的部分，并非赘述，而是强调其重要性，这篇文章算是十大构图的引言，我觉得比真正的构图方法更有营养，设计思路，分析解构的能力，其实才是一个设计师真正应该具备的能力。耐心阅读吧，真正的好文章其实并不多，这篇真的不错。 很多新手刚刚转入电商设计这一行业的时候，总是苦恼如何开始自己的设计生涯，不知从何下手，是先学技术，理论还是直接实操，反正从哪一方面都觉得自己无从下手，想成为一个好的美工，好的设计师，有这个决心就被一道无形的墙堵住了自己的前路。别担心，下面我们就一起来理清一下思路，告诉你如何快速走进设计之路。 首先，我想先和大家说一下，思维方式永远都是我们致胜的关键所在，如果你还不会思考，那么先学会思考就是你的首要任务。你一门心思的想要做好，太过杂乱的思维往往会带你走入一个无法走出的困境，于是有人去了去了培训班，但是说实话，效果真的不会很大，培训班所能教你的只是一个技术，如果你不是学美术专业出身，那么仅仅去了培训班，你所设计出来的东西往往也是差强人意，而且培训班的价格真的是不敢恭维。 所以，在我们开始设计之前，我们先来理清一下我们的思路，这样你才能做得更好，就跟我们接下来所要讲的构图方法也是一样的，如何从模仿别人的设计开始自己的设计生涯，这就是你入行电商设计的一个捷径。下面我们就一起来分析一下吧。 我们来理解一下思路，为什么我会这样说呢？我们先从一个好的设计是如何构成的去分析我们入这一行需要走的路有哪些，如下图： So nice!看到上图的时候，你的感观是不是触动了，就像是看到了一个黑长直的美女一样，叫你忍不住的想多看一眼！那么，美女美在哪里你应该知道吧？如果你不知道，那只能说你真的瞎了，虽然每个的眼光都不一样，但是共同的美的感观肯定还是存在的，那么我们就一起来分析一下吧，上图如此高大上是怎么做到的！ 通过上图我们可以看到的一个设计可以分为几个元素组成： 产品 就是你要围绕着它为主题来设计的东西，是整个设计的主心骨（当然这个不一定，主次关系，可能因为不同的需求来把控，但是我们首先把它定位在第一位先） 背景 背景就是为了衬托出产品的价值，以为整个设计的氛围的一个元素，它是整个设计中好像最不显眼却最重要的一个元素，也是让人非常头疼的一个东西，但是你记住，它终究是配角，不能让它占了主人的位置
最强电商视觉逆袭系列一电商十大构图法（几何切图）
此文来自于网络，可能最早来自于派代，应该是2014年左右的文章，虽然比较久远，但作为美工设计来讲，仍然不失为教科书般的经典，对于刚刚入行电商设计的朋友，或者寻找设计灵感的朋友，不妨可以耐心看看这三篇文章。下面开始正文： 【导读】：一个成功的专题页面，大部分会具有以下几个出彩的要素：色彩丶构图丶风格创意，细节等。一个页面从无到有，设计师需要对整个页面有全盘的设计和把控，良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引，甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材，同样的配色，不同的构图能够让页面出来的效果有天壤之别。如果你还抱着一个专题就是一个出色的头图，下面的内容按部就班的填进去，那你就OUT了。 好的页面构图能够让你页面更出彩，也能让你做设计更事半功倍。下面，我们就来看看一些好的专题都是怎么构图的。 在现实生活与自然界中，我们随处可见几何图形的存在，简单的三角形丶正方形丶长方形和圆形甚至几根线条就可以组成很多有趣的图形，也很符合现代审美需求，适当的画面切割能够给页面带来动感与节奏感。加入几根线条，几个块面就能令页面起到意想不到的效果。 实现的时候需要注意的是素材不适合太过复杂和花哨，一般会是纯色大块搭配渐变，主要突出形状和区块。 A、简单切割 用一个形状或者素材切分整个页面，画面瞬时变得有趣生动起来，内容区域也能得到有效划分。 这类构图方式对内容没有过多要求，可随意安排。具体排版可根据内容来处理，也是现在专题页面用得最多，最普遍的一种构图方式 B、对称切割
最强电商视觉逆袭系列一电商十大构图法（轮廓、流程）
继续上一篇文章讲解的4种几何切割方式，利用简单的三角形、正方形、长方形、圆形，甚至是几根线条组成有趣的形状，下面讲解一下轮廓、放射性以及整体构图方式，通过图形和例图，以及简单的讲解，希望能够让您快速的看明白。 【导读】：一个成功的专题页面，大部分会具有以下几个出彩的要素：色彩丶构图丶风格创意，细节等。一个页面从无到有，设计师需要对整个页面有全盘的设计和把控，良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引，甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材，同样的配色，不同的构图能够让页面出来的效果有天壤之别。如果你还抱着一个专题就是一个出色的头图，下面的内容按部就班的填进去，那你就OUT了。 好的页面构图能够让你页面更出彩，也能让你做设计更事半功倍。下面，我们就来看看一些好的专题都是怎么构图的。 A、荷包轮廓 B、白炽灯轮廓 C、大红灯笼轮廓 活动的专题年年做，没有新意，想更与众不同？那就这样处理吧，根据专题的主要内容，从整体上构建一个边界或外形线，形成一个大的轮廓，将专题内容巧妙的填充进去。这种处理方式能够让用户一眼就能了解到一些信息，符合专题主题，并且能够让页面更有设计感，生动且活泼。需要提醒的是设计的时候将形状尽量轮廓化，加以强调突出，主体不需要太具象，舍弃一些繁琐的丶次要的元素，以免影响用户阅读内容。从个人经验来说，小懒一般会在拿到需求的时候先进行脑暴发散联想，提取出一些有用的信息，再从中挑选出适合元素去寻找一些图片，通过图片素材来激发创意 这类构图方式一般针对那种主体内容很明确以及具象，能够用物品或轮廓直接代表，比如:中秋可以用月饼丶玉兔；会员可以用皇冠，钻石等等等等，可根据具体的内容来进行尝试。 通过整体放射状加透视构图，使画面呈现立体与空间感，视觉焦点明确，画面冲击力强，富有动感。需要注意的是放射状的排版不太适合文字阅读，要注意文字排版。建议在文字数量较少的情况下选择此种构图。一般游戏激战类的专题会较多的使用这种构图，突出动感 如果你拿到的专题是渐进以及流向又或者是展示各节点的内容，用别的形式总感觉不够具象，那何不干脆做成一个个性化的流程图？俗话说，千言万语不如一张图，专题运用这种构图方式能够将步骤，关系，各个节点以及整体流向展示清楚，配合图片展示，一个枯燥的流程瞬间变得个性十足，用户浏览简单又明了，并且充满了趣味性。