打造平衡与统一的设计方法
打造平衡与统一的设计方法

字形调和

调和它不算是一种设计的形式,比如重复、对称、平衡、对比等等,调和我们就可以理解为动词,它是设计的一个过程,而并非是直接产生的结果。
首先是字形的调和,比如我们看这左边文字组在字形的表现上,它使用了很多的字体,视觉上也比较混乱。那我就需要对字体进行调和。最常规的做法就是调整成一个字体,右边调整过的汉字我们全部使用的是宋体,英文是衬线体。虽然现在也是可以的,但是如果说你想在字体上有一些变化,那就可以继续调和,比如将个别文字信息换成黑体,那这样宋体和黑体搭配就会有字形上的对比。选择这种字体也不会让它的对比过于悬殊,这个就属于字形调和的一种表现形式。
字重调和

字重调和。也就是字体粗细的调和。这里我们用这个文字组来演示,现在呢这里边使用字重都差不多,看上去比较平淡那我们呢就可以在这二者之间进行调和,该粗的地方加粗,该细的地方变细,这样呢既有对比,同时呢看上去又很美观。
字号调和

字号调和这个呢也就是字体大小的调和。左边文字组使用的字体都是差不多大小,虽然它有自身的对比,还有线框的调和,但整体呢他们没有一个层级关系。
那我们就在字号统一和字号对比之间进行调和。这样文字组里边就有了很明显的层级关系,有对比也不极端。那么这个呢就是字号调和的作用
字距调和

字距调和左边我们做的这个文字组整体它都是紧凑型的,但是下方的文字我们看起来呢呃有点不舒服。原因就是在于长短的问题,下面这个地方太短了,那我们就可以通过次序让下面的这个文字组让它变长一些。右边图这个字距宽松一些,那对比一下呢,大家就能看出效果了。调整字距之后的文字组相对来说它是最舒服的。
面积调和

那这里边呢我们做一个电商产品海报,我们看现在有一个什么问题呢,左边图它的整体大小都一致。画面过于平淡,水果和水滴地方的重复有些过于统一了。
那这个时候呢我们就需要进行调和,比如放大水果让这个整体呢它有一个大小对比取二者之间的这样一个过渡阶段。那么现在这个图形它的面积对比就比较适中啊,既有对比又有统一,那么这个电商海报就设计完成了。
通过案例的演示,不难发现调和呢它就是一个动作,调和就是在统一和对比之间充当调解。如果你觉得你设计的对比过于强烈,那你就可以通过调和的手段让它往统一这边偏一些。相反呢,如果你觉得你设计的版面过于统一和单调,那你就可以。通过调和的手段,让它往对比这一边偏一些,增加一些对比啊,这就是对调和最简单直接的理解。
方向调和

我们看左边海报它是有一些单一的缺少变化,那这个时候我们就可以使用方向调和,比如将产品元素整体进行适当的方向旋转,只是一个小小的变动,效果都是不一样的。
位置调和

我们再来看位置调和,左边这个海报整体的重复有一些呆板那如果说我们想让画面看上去更灵动一些,这个时候就可以对图片的位置进行调和,那么最简单的方式就是变成错落的效果,那相比之前呢它就会多一些变化性。
形状调和

形状调和就是对图形的形状让它产生变化,每一个外形呢都不一样,但是整体的面积呢又几乎接近,上这就是通过形状调和来实现对比和统一之间的平衡。
那这里边我需要说明一点啊,所谓的调和呢它是一种手段,并不代表一个画面中不能统一或者不能有对比,这个是没有标准答案的。一个是要根据你的设计内容和调性来定,一个呢是要根据整体版面的美观度来定。
至于对比、统一和调和,他们只是帮你实现这些方法和途径啊,而他们本身呢是没有好坏优劣之分的。
疏密调和

这里边呢我们设计一个海报,首先为这个版面添加一个色块, 将主标题信息添加进去,将产品信息排列在周边,比如现在这个它是稀疏的情况,显然不太美观,那我们就可以将产品错落排列,这样疏密就比较适中了,那在这个版面中也是比较美观和舒服的啊。那么下面呢我们可以为图形下方的色块儿添加线条,增强画面平衡那么这个画面也设计完了,它的原理呢就是这种调和。
色相调和

那这里边呢我们设计一个关于色彩的海报,第一步要提取关键信息,然后将关键信息依次排列到画面中。并调整他们的大小关系。那下面呢来规划版式和构图。我们需要给信息添加方块进行区分,标题也是根据文字形态方式添加方块。标题的层级更高,需要更加凸显可以做出类似立体效果,给标题一个投影。 底部信息也添加方块来进行区分。这么看可能背景单调,这里我们需要添加装饰进行丰富,那么这个版式的部分呢就完成了。
那下面我们开始配色。首先我们确定主色调为蓝色,为背景填充上。那么为了增加对比,我们可以选择蓝色的互补色,黄色。用黄色来将背景的色块点缀产生对比到此为止的话,呃这个画面虽然在色彩上有了明显的对比啊,但是还是不够丰富。
不够丰富的就在于色彩的数量呢不够,那么我们就需要继续添加颜色,但是具体添加什么颜色呢?
这个时候我们就可以使用色相调和的方法来选择颜色。比如我们选用黄色的同类色品红、紫色和蓝色的同类色青色填充冷暖色调和统一。这个海报就完成了,使用的方法呢就是色相调和。
纯度调和

还是使用上方海报,可能对色彩明度感不高的很难发现啊现在这个配色它有什么问题,但其实问题就在于这里的色彩纯度是不统一的,那我们呢就可以统一它们的纯度。这样呢就更舒服一些,对比一下就能看出效果了。可以注意一下这里的色值有下划线的部分就是纯度色彩的平衡必然要经过调和的手段,而调和呢又是能够实现色彩平衡的方式,可以说调和是因,平衡是果。
明度调和

呃还是这个版式,我们来演示一下。明度同样随机填充颜色,那注意看这里的颜色无论是色相、纯度还是明度都没有进行任何的统一。所以呢导致这个画面的颜色非常难看,那我们就可以。进行明度调和,也就是色相和纯度不变,只将它们的明度调整成接近就可以。我们再来对比一下,进行明度调和之后的画面很明显,色彩更加和谐统一。
渐变调和

当你对自己配色不够自信的时候呢,可以填充渐变色。我们这里做一款明星的生日海报,首先梳理出文案信息层级,主画面通过模拟winds窗口的概念来表现,并让画面大小产生差异并且层叠起来打造空间感 。 将文案信息补充到四周围,背景整体用渐变色调和之后的结果,看上去比较和谐。在主画窗口上在添加一层渐变来丰富画面,最后再整体增加饱和度,让渐变的颜色更鲜艳一些。那么这个渐变调和的海报就完成了。















































































