(资料图)

多巴胺设计风格通常会保持简洁明了的排版形式,从而让设计效果更加清晰明了。因此,我们就可以尝试使用相对简洁而不复杂的文字编排,结合较大字号、矩形结构文字组、以及基本几何形状等等。

首先第一步,我们先绘制横向为八栏的网格,然后根据网格绘制两个三角形形成叠加。暂且填充深浅不同的灰色,以代表后续需要填色的部分。

第二步,根据网格约束进行文字编排,保持之前确定好的几个关键性要点即可。如果觉得这种编排略显单调的话,也可以像案例中这样在对齐上做些变化。

在配色上,鲜艳明亮的颜色是多巴胺风格的特点之一,而考虑到整体编排特征(对色彩数量需求不大),这里我们可以使用最简单的配色方式,就是使用基本荧光色进行配色。

为了突显图形的有彩色,背景尽量选择无彩色白色或灰色。然后在这几种荧光色之间不断变换尝试。

实际上荧光色不只这六种,在具体的印刷中可以通过油墨之间的混合得到其他荧光色,只不过通常情况下这六大基本色更具鲜亮的视觉效果,也更符合多巴胺风格的特征,因此我们可以优先考虑。

当简洁明了的版面和配色无法满足设计的需求时,我们可以考虑使用第二种方式,也就是使用简单的图形元素,比如线条、基本形状、几何图形等等。这些图形元素结合高对比度的色彩可以进一步达成多巴胺的设计效果。

首先,同样也是先绘制网格以规范我们后续的图形和文字编排;然后绘制一个简单的图形元素,复制后根据网格布局形成图案。

接着根据网格进行文字编排。这里的编排同样保持简洁的形式,整体贴近边距和网格,左侧文字使用左对齐,右侧保持右对齐。同样,为了打破呆板的印象,可以对文字细节进行距离调整。

然后将图形与文字结合,并且先以黑白灰填充图形,前期填充黑白灰的目的是需要确定好哪些部分的颜色是相同的,方便我们后续统一调整颜色。比如这里我们可以确定这个画面需要的色彩数量是三个。

多巴胺风格在使用颜色组合时通常会选择高对比度的颜色,尤其是当色彩数量需求增多时更是如此。因此,我们在选择色彩时就需要考虑到这一用色要求,让整体配色效果更加鲜明充满活力,满足多巴胺的风格特征。

这里我们尝试了几组配色,色相选择上并没有严格的限制,只需要保证色彩的鲜艳度和对比度即可。需要注意的是,如果三个颜色的色相差较大,整体三色的印象就很明显;如果其中两个颜色色相比较接近,整体就会呈现出双色的印象,无论哪种都是可以的。

下面是我们以这个版式为框架,搭配出的更多配色方案。因为数量太多,所以用滑动的方式呈现,有此配色需求的同学可以每个翻看一下或者保存下来:

(第一弹)

左右滑动丨查看更多方案

(第二弹)

左右滑动丨查看更多方案

(第三弹)

左右滑动丨查看更多方案

(第四弹)

左右滑动丨查看更多方案

(第五弹)

左右滑动丨查看更多方案

(第六弹)

左右滑动丨查看更多方案

(第七弹)

左右滑动丨查看更多方案

无论是在整个色彩设计体系中,还是针对于具体的多巴胺设计风格,三色配色都是非常好用的配色形式。这也是为什么要在这个部分给大家提供这么多配色方案的原因:一方面三种色彩数量不至于过多比较好把控,另一方面三色搭配所形成的变化性也更多。

多巴胺设计风格通常需要具有很强的视觉冲击力,因此我们在前期设计构思时,可以根据项目的主题考虑能否使用具有视觉冲击力的图形和图案,这些具有视觉冲击力的图形结合鲜亮的配色可以更好的呈现出富有活力和张力的设计效果。

这次我们直接编排版式,同样也是简洁而不复杂,之所以这么做是因为我们前期就确定好了要使用具有视觉冲击力的图形,如果文字也是很“花哨”的编排,后续与图形结合就很容易出现混乱的情况。

接着添加图形,基础图形是一个放射状的椭圆形,通过不断的复制和叠加摆放形成背景底纹。

因为图形铺满了整个背景,并且图形本身的形态因素导致文字层的识别度出现了问题,这时在不改变编排的情况下最快速、最有效的方式就是添加隔离色,也就是在文字层下方添加色块。

最后为背景图形添加颜色,因为需要呈现出多巴胺风格,而单色和双色在这个画面中就很难满足,所以这里我们使用四色配色,结合图形呈现出具有视觉冲击力的版面。隔离色块保持白色不变即可。

色相上也可以尝试不同的搭配方案,呈现出的感觉也会略有不同。当然了,所谓具有视觉冲击力的图形并没有一个明确的标准,这里我们是以一个基础图形复制叠加的手法实现的,大家也可以尝试不同的图形形式。

前面我们已经讲过,多巴胺设计风格的最主要特征就是鲜艳亮丽充满活力,因此自由分散的图形元素结合大量的多彩色必然也是一个方向和选择,只不过当色彩数量增多时,处理起来就有了一些难度,所以相应的也就有一些需要注意的地方。

我们在进行多色搭配时,最忌讳的一点就是版式、图形、色彩都很复杂,因为这样很容易造成视觉混乱没有重点。所以这次我们尝试整体居中编排,然后复制旋转调整位置充满版面作为文字层。

因为我们预先设想需要使用多色搭配,所以就需要有大量的图形元素满足这个配色需求。这里我们就以圆形和矩形作为基础图形,通过不断的复制摆放以及旋转角度增加灵活性和变化。

色彩上选择六个色相作为基色,通过反复用色的手法达成多色的印象。需要注意的是,这里的背景我们使用无彩色浅灰色,来形成有彩色与无彩色对比,因为上方图形的颜色数量已经很多了,留给背景的颜色有限,选择哪个颜色难免都会对上方的颜色产生干扰和影响。

如果设计的项目有所需求,也可以制作成简单的动态效果,文字选择复制也是为了实现这个画面即使旋转之后也不影响阅读。

当然我们也可以选择无彩色黑色作为背景,这时上方的有彩色会显得更加鲜艳明亮。而这种配色形式也就是我们俗称的“五彩斑斓的黑”,它也能呈现出多巴胺的设计风格。

当然了,并不是说背景色一定不能用有彩色,只不过当我们选择了一个有彩色背景之后,需要对上方的图形色进行调整,尤其是那些与背景色相接近的颜色。

在使用大量多彩色这里,我们搭配的是自由且分散的图形元素,这是因为分散的形态本身就具有灵动性和自由的状态,更容易体现出多巴胺设计的风格特征。

最后,我们还可以大胆的尝试使用不同的设计元素与配色,例如渐变色、透明效果、立体效果、光影质感等等,毕竟多巴胺设计风格本身就没有固定的形式和限制,而有了这些效果的加持,再结合多彩色的搭配,可以进一步实现丰富多彩的多巴胺设计效果。

到了最后这个案例,我们的图形元素已经不再局限于之前的简约形式了,尝试使用大量不同形状的图形元素作为背景。

还是同样的道理,如果背景图形元素较为复杂,那么在版式编排上就能简则简。并且文字尽量编排在面积相对较大的图形之上,避开小面积图形,保证文字的可见性和信息的有效传递。

最后就是为画面填色,可以看到这里除了和之前一样使用大量鲜艳明亮的多彩色之外,我们又加入了渐变的形式,并且在个别位置上调整透明度形成半透明效果,进一步丰富画面。

如果你不是很喜欢渐变那种光滑亮眼的效果,也可以结合我们之前的订阅号教程,尝试模拟出印刷质感,只不过对于多巴胺设计风格而言,二者并没有本质上区别,看个人喜好而已。

写在最后

总监:K叔

主题创建:无我

图文编排:无我

校稿:沐澜

由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。

推荐内容