运用好9个单色设计技巧 设计作品也能很出彩

资讯频道 - 设计技 来源:中国设计在线 作者:cdo 2018-05-14

设计的色彩搭配十分复杂。

如果没有风格指南和客户意见的引导,你应该如何进行设计的色彩搭配?你可以借鉴一些色彩理论的技巧原则,色彩理论并不仅仅是美术生的专利,设计师也可以用它来创造出视觉效果十足的色彩搭配。另一个最简便的色彩技巧就是单色调设计。这里所说的“单色调”并不是指一种颜色,而是所选颜色都来自同一基本色(通常为12色色环上的一种)的不同变体,而这些变体包括:

      · Shades: 基本色+黑色加深

      · Tones:基本色+灰色降低饱和度

      · Tints:基本色+白色加亮



用这三种方法就能调和出一个十分精细的单色调色谱,你可以从中选择不同的变体运用于设计的各个部分。

单色调设计的优点

除了健全的功能性,单色调搭配原则还具有以下几个优点:

   1)创建和谐统一的视觉效果;

   2)把所有的视觉焦点的聚集在内容而非色彩搭配上;

   3)将品牌与某种特定色联系起来;

   4)让设计过程更加便捷,大大减轻设计师考虑色彩搭配的负担。

单色调设计的9个技巧

01/

简化繁琐的设计

有时候你必须在有限的空间内融入大量信息,为了避免让繁琐的色彩搭配加重观众的视觉负担,你可以利用单色调搭配来创造更为简洁有序的页面布局。

例如,这个信息图中包含了大量插画和文本设计,但是全蓝的配色成功将所有信息凝聚起来。考虑到设计的实用性,大多数设计师还会在文本或背景中使用一些黑白搭配,在这个例子中,设计师就在背景中加入白和灰突出蓝色图像的设计


02/

图片的色彩叠加

色彩不仅运用于文本和图像,以图片为主的设计也可以通过透明色彩的叠加来达成单色调设计的目的。这种方法尤其适用于黑白照片,透明色覆盖下的黑、白、灰自动形成了一种色彩变化的效果。


这个例子完美诠释了透明色叠加对人物肖像的作用。另外,统一的背景也使得文本更加突出。这种方法也适用于彩色图像,比如下图的网站设计。没有任何间距的图片排列原本可能会造成视觉负担,但设计师使用不同明暗度的紫色色块为页面创建了结构和连贯性。


03/

创建联系

单色调设计的另一个好处就是能够为各种不同的元素建立联系。这不仅是一种视觉效果,而且还具有一定的功能性。展现设计元素之间的互动联系可以帮助观众迅速理解所要传达的信息和设计目的。

例如,下图的设计利用色值的变化来表示价格高低,即颜色越深价格越高。这种视觉线索巧妙地强化了设计的用户友好度。

04/

恰当使用亮色

许多设计师都热衷于创造性的色彩搭配,但是对于商务等正式领域的设计,过于活泼跳跃的颜色会显得轻浮。这时,单色调设计便是一个很好的选择——它既能为设计添加多样性,也能提升正式感。设计师通常会选用一个经典的亮色(如下图的红色)作基本色,选择它的暗色或较不饱和的变体作为主题色。下图的建筑公司贺卡设计便是一个很好的例子。亮红色和绿色的搭配通常为圣诞元素的经典用色,这个设计只选用红色作为主题色,并且考虑到这款贺卡的商务性质,设计师使用暗红色和浅红色来保证其专业性。


05/

灰度设计

灰度是利用灰色阴影产生色彩变体的一种印刷设置,通常作为一种节省彩色油墨的手段。当然,你也可以借鉴这种方式来调和色彩。

你可能会问:“我为什么要这么做?全灰的设计看起来不会很枯燥吗?”其实并不一定。例如,加入灰度的黑白配色可以使你的设计看起来更简洁大气。下图的网站设计就利用灰色叠加与黑白设计做补充。


但是要记住,灰度(介于黑白之间的所有变体)并不是唯一的选择。你可以调节不同的色温,尝试使用冷灰(带有蓝调的灰色)或暖灰(带有红调、紫调或棕调的灰色)。如上图中页面顶部的图片就加入了带蓝调的冷灰色,为整个设计添加了一点色彩丰富性和视觉趣味。

06/

设计分区

色块实际上是很好的分区工具,它能创建出有序的、重点明确的视觉层级效果。这款日历应用程序使用了几种不同的紫色色块来区分不同的信息。此外,这些色块还具有互动功能,随着用户的点击会产生相应的变化。


07/

保持简洁

一种基本色有大量的变体,但这并不代表你就要选用很多种。在某种程度上,色彩之间的细微差别在视觉上很难辨认出来。你只需要选择几种颜色来区分信息块,如包含背景色、文本色和其他元素颜色的三色布局是最为普遍的一种选择。

或者你也可以参考下图logo的配色。设计师原本可以使用丰富的配色,但由于logo本身的插画比较复杂,便使用双色配色来保证设计的简洁性,同时也不影响其趣味性和美观性。


08/

对比色

如果你有两个相关的设计——可能是音乐会的系列海报或同一品牌的两款商标,可以考虑使用两个对比色的单色调设计,这样既能体现两个设计的不同,又能保留两者之间的联系。

下图的两款矿泉水商标的色彩对比十分显著,因为所选颜色(蓝色和橙色)为色环上的互补色。传统色彩理论认为互补色是艺术设计中对比最强烈的色彩搭配。


09/

单色调设计的创意性发挥

有时候要保证绝对的单色调设计不太现实,你可以在保留视觉效果和功能性的基础上进行一点变通。不妨尝试以下几种方式:

单色调搭配+重点色

在单色调的基础上加入重点色可以突出设计的重点或添加一些视觉趣味性。而所加入的重点色最好能在设计中发挥特定的作用,比如突出logo、强调联系方式或行动呼吁。这组名片就利用蓝色的重点色来突出设计师的名字。


接下来的这个例子以蓝绿色为基本色,用浅色作为背景色,深色作为文本色,两种变体色的搭配保证了简洁的视觉效果,此外,设计师巧妙运用了橘黄色的主题色与品牌logo建立联系,并且达到一种装饰目的。


黑与白

设计师对于黑白设计是否属于单色调设计有不同的意见(理论上,黑色是颜色的缺失,而白色是所有颜色的组合),但它实际上是最基本最易于使用的色彩搭配,无论是否有重点色的添加都可以产生很好的视觉效果。

下图是两个无重点色和添加重点色的网站设计


相同色系

同色系的色彩搭配虽然不算严格意义上的单色调设计,但是也能在视觉统一性和信息归纳方面产生同等的效果。这本杂志利用蓝色和绿色来强调图表之间的联系。虽然其中使用了四五种不同的颜色,但由于它们都属于冷色系并且色彩饱和度相同,其视觉效果仍十分简洁和谐。如果加入一种暖色,情况或许就大不相同了。

总结单色调的配色多种多样,对任何类型的设计来说都是一种便捷的选择。通过这篇文章,我们可以发现单色调设计可以运用于网站、logo名片、产品包装等等。然而你完全不必拘泥于严格意义上的单色调设计,可以添加一两种强化表现效果的颜色。掌握了以上的建议和技巧之后,你便可以开始创造自己的单色调设计。祝你顺利!

声明:站内网友所发表的所有内容及言论仅代表其本人,并不反映任何网站意见及观点。

全部评论

暂无相关推荐