今天看啥  ›  专栏  ›  黄显浩

同色系可以怎么处理?看看这篇文章

黄显浩  · 简书  ·  · 2018-03-20 16:38

一、举一优秀设计


二、分析优秀设计

大家看一下上面这张图片的中心部分,每一个矩形的右下角都用了同样的技巧,即同色系设计。并且颜色上呈现这样的规律:

我认为这么做的作用主要有 2 个:

(1)由于矩形的左边是有内容的,但是由于文本过短,导致右边比较空,这时候用同色系设计可以弥补视觉上的空白;

(2)其次,同色系的搭配只要饱和度相差不是太远,都可以形成不错的视觉效果。

所以大家可以看到,这一块的设计既有填补空间的意思,又有视觉设计的需要,我们可以直接拿过来幻灯片设计当中。


三、反三实际案例

案例一:

上面这个案例一就跟原作者的设计差不多,右下角的同色系设计既是为了填补视觉上的空白,也可以带来一定的视觉冲击。


案例二:

除了案例一的并列式内容的设计,我们还可以用于简单的封面设计。其实学习的过程是逐步进行的,我们看到一个好的设计,首先是模仿,然后才是迁移。


案例三:

案例三只是一张图片,但是同色系的设计同样可以使用。

这张图片有个很明显的问题 —— 画面的右侧有个主体(书柜 / 展示台),但是画面的左侧比较空;可能有人会想要通过放大图片来解决这个问题,如果图片清晰度不够呢?这个问题要怎么解决?

我今天分享的同色系设计就可以用在这个案例中,我们插入两个形状,分别取图片内书柜的一深一浅,就可以解决原图左侧的空白问题。


以上就是我今天要分享的【同色系设计】,这种设计需要注意的点是:

颜色调节时,它们之间的饱和度不能相差太大,否则容易出现颜色搭配不好。

以上就是本期的全部内容,如果你觉得我的分享还不错,欢迎转发或者关注,我是显浩,我们下期间!




原文地址:访问原文地址
快照地址: 访问文章快照