在平面设计中，布局和构图是一个非常重要的整体概念，这里面的原则性非常强，除非你可以很好地掌握这些原则，否则你从长远来讲的话，你是无法成名一名优秀的设计师的。 本文，面包想以最简单的方式和大家分享平面设计中布局和构图的原则，以帮助大家理解帮助所有微妙的细微差别，这样你就可以真的心情地享受实用技能提升的快感，做出更加优秀的作品。 本文，面包想和大家一起分享6个基本原则，那就是：平衡、相似、对齐、重复、对比和留白。 平衡我们首先来看一下平衡，『平衡』指的是一个布局的视觉权重。你在设计中可以使用若干个不同的平衡样式，但是呢面包将在本文中特别介绍三种，首先是对称，第二是非对称，最后一个是径向。 对称平衡指的是构图在所有边上视觉上都是相等的，对于对称平衡来讲，你只需要确保设计作品的每条边上的内容所占用空间的总量是一样的。 对称平衡 每边所占用的空间是相等的 面包谷歌了一张由纯文字构成的海报，完全符合对称样式。 文字海报 第一眼看上去，真的是乱马七糟的，但是如果你把它拆解开来，实际上只有基本的三块，并且所有这三块呢在整个设计作品中所占的权重是一样的，这样的平衡就是对称样式。不管你是从上到下来查看它，还是从左到右来查看它，都是对称的平衡。 对称布局 但是呢，非对称平衡就有点不同了，它会营造一种相等的假象。所以呢，你可能见过如下图一样，有两栏很高，而另一栏就好像是空着的一样。 非对称布局 非对称布局 但是尽管最后边这一栏呢看上去很空，但是仍然还是有内容填充着这个空间，我说的『内容』到底是什么呢？就是留白，或者是白色空间，让我们下面来看一个实用的案例。 HOUSTON传单 第一眼看上去，你会感觉右边过『重』了，但是实际上当你停下来仔细查看它的时候，你甚至不会觉得眼睛被拉到了右边，这是什么呢？这是因为，尽管在右边这里的确有两栏，但是左边看上去是一个空白栏一样，实际上它是由留空填充起来的。 非对称平衡 在你的设计作品中，要经常擅用『留白』，上图中的留白呢使得整个作品的布局和构图变得完全平衡起来了，尽管并且没什么具体的文字或填充左栏余下的部分。 径向平衡呢则稍微有些不同，指的是沿着一个中心点向外辐射对象，从这个中心点向外辐射。 径向平衡 下面我们来看个例子，这张海报设计呢是以中心点开始的，然后呢以这个平板设备向外辐射，随着你往外一行，每一行都有自己独立的元素。 径向平衡 你注意到了，越往外走，变得越大，但是呢根本没有不平衡的感觉，这就是因为我们天性就相信从中间往外辐射的东西他们是会变得越来越大的。
径向平衡 相似近似指的是在一个页面上，项目是如何分组，如何占用空间的。当我们谈到相似的时候，指的是我们要把『很像』的项目给他们分组在一起，而且你要在页面中把它们与其他分组的对象给独立分隔开来。 与之密切相关的就是对齐。 对齐指的是在设计作品中保持对象彼此是在一行中的，让我们来看一个网页案例。
对齐 在这个网页中，这里共有若干个元素，但是我们要关注的是所有元素是如何分组，并且如何对齐的！我们来看一下，在左上角这里有一个『IONIC』的LOGO，他呢被放在了最左边而且呢只有它自己，为什么要这样设计？因为这是一个独立的设计元素，它与菜单或者是中间下面的欢迎消息没有直接的关系。 而在最后面顶部呢则是菜单，菜单中所有的这些项目是非常非常接近、非常相似的，但是它们与其他的元素是分开的，因为这是一个菜单，他们在一个分组中，他们共同扮演着『菜单』这一个角色。 而中间的『WELCOME』这一大块呢，占用的空间非常大，并且文字也加粗了，非常吸引人的眼球，但是它同样与其他元素是分开的。这是一条网站的欢迎消息，同样也带有一个执行召唤按钮，当然这是国外网站的风格，国内的网站可不是这样子的。这个执行召唤按钮呢与欢迎消息有着密切的联系，他们彼此非常相似，他们他们在一个分组里面，并且呢与其他的分组元素是分离开来的，因为与其他的元素没关系。 所以，面包就要和大家来强调一点，把内容分组在一起，但是与此同时呢，把元素分离开来呢是确保设计完全联系在一起的非常关键的纽带。
一个网页案例 如果我们把整个网页缩小，你可以看到设计师是如何使用相似和对齐来完成这个作品的，你几乎可以完全不需要指引就可以浏览这个网页，好像是在阅读一本书一样，这个网页呢是一个用来演示相似和对齐极好的案例。 如果你真的想充分地利用好相似和对齐的话，在你的设计作品中，使用网格系统就简直是你的神器了，如果你之前没有使用过这个设计利器的话，也不用担心，后续面包会给大家详细地讲解。
网格系统 现在有着大量的免费的网格资源，大家可以搜索一下即可，当然你也可以使用Photoshop、illustrator甚至是InDesign来创建自己的网格系统。 重复重复在设计中是可以帮助把内容联系起来的另一个设计元素，它创建出律动、节奏，使得你的作品此起彼伏。让我们来看一个例子。
尼康相机产品画册
我们再来看一个VIS的案例。
视觉识别系统案例 设计师使用相同的LOGO和相同的配色方案，所以呢立即就可以识别出这些作品呢来自于同一家公司，有着非常强的品牌观感，指引着你的眼睛从上到下、从左到右阅读。 重复的设计原则呢也被应用到了标志设计当中，我们以香奈尔的标志为例。
香奈尔 所有的描边、以及文字的粗细都是相似的，并且呢在顶部是一个重复的C，这创建出了韵律的效果。
奥迪LOGO 奥迪的标志呢在顶部使用相同的圈在重复，他们的粗细也是相同的，而在底部的文字亦是如此。
PBS标志 PBS呢使用重复的方法则是不一样的，注意在LOGO的设计中脸部的重复，尽管他们重复的并不是完全一样的形状，但是呢后面的剪影显示出可能有多个人站在这里。 对比对比意味着通过创造或突出差异来进行区分，所以你可以使用不同的文字粗细来进行对比，你可以使用不同的元素大小来进行对比，你可以使用不同的颜色来进行对比，你可以使用各种不同的东东来进行对比，下面我们来看一个例子。
ipod广告 这个广告大家一定看过，经典之中的经典，以多种方式使用了对比的原则。这里黑色的你像前景与粉色背景形成了鲜明的对比，同样也白色的Ipod播放器和耳机形成了强烈的对比。 苹果公司的LOGO，它也是白的，这也与背景形成了强烈的对比，这真的是设计作品中对比性原则非常非常经典的一个案例。 最后就是，对比原则使用得最溜的就是报纸啦，原因就是：报纸是黑白打印出来的『早先的报纸』，这样是为了易读并且对比强烈。 留白留白被称为『什么都没有的艺术』，留白的确是一种艺术形式，你必须要学会如何正确的使用它们，才能创作出优秀的作品。 与留白交相呼应的是当今设计界一直在讲的『极简主义』，极简主义基本上已经成为了横扫整个设计界的一种趋势，所谓趋势就是，不管你接受与否，它都会这么来。人们使用尽可能少的元素去讲述他们自己的故事，这是面包非常欣赏的一种设计体系，让我带大家来看一些例子。
金拱门的海报 他们使用了标志性的炸薯条，炸薯条显示这里提供WIFI，这是一个极简主义的海报，同时也使用了大量的留白原则 ，尽管背景它是红的，但是它仍然还是叫做留白。
留白设计 上面只有两个咖啡杯子，但是呢又像是眼镜，这就使用了极简主义的设计语言讲述了一个故事，那就是『戴着眼镜的人来喝咖啡』。 说道极简主义，只需要上苹果公司的官方看看就好了，没有比这个更加典型的案例了。 说到设计的时候，面包最后想和大家分享一个叫做KISS的原则。 KISS指的是Keep It Super Simple，意思是说你要尽可能使用最少的元素，与此同时还要能讲述出自己所要讲述故事。现在，你可能就会问面包了『我如何能实现这种境界呢？』，实际上其实真的不难，面包可以给你一个公式。 那就是4P，神马？娇羞！不要想歪了，要想成为一名优秀的设计师，面包要送给你以P开头的四个英文单词。 那就是，Practice『练习』、Participate『参与』、Pick Apart『拆解别人的作品』、Play『玩设计，而不要被设计玩』。 静呐 - 只出品相见恨晚的教程 |
|
|
