020-29815005
预约专线时间:09:00-23:59

什么是双色调?双色调设计的用途有哪些?

新闻来源:本站 日期:2022-03-29
无论大家在平时的拍照中是否接触过美颜滤镜,都应该听过“滤镜”的强大作用。但大家有没有想过,将滤镜运用设计配色中,可能会让您的作品变得与别不同。当然,这里我们所说的滤镜并不是真的滤镜,而是在配色中通过特殊的技巧掩盖UI设计中的配色瑕疵,同时又能达到滤镜的效…
  无论大家在平时的拍照中是否接触过美颜滤镜,都应该听过“滤镜”的强大作用。但大家有没有想过,将滤镜运用设计配色中,可能会让您的作品变得与别不同。当然,这里我们所说的滤镜并不是真的滤镜,而是在配色中通过特殊的技巧掩盖UI设计中的配色瑕疵,同时又能达到滤镜的效果。如果您现在对自己的配色能力尚不自信,担心无法制作出如滤镜般的作品,掌握“双色调”是不错的选择!

 什么是双色调?

  双色调(Duotone)是指由两种颜色组成的创作。与它名字一样,“双色调”这个词带有“二重奏”(Duet)——两种颜色和“音调”(Tone)——色调的意思,即将图像通过灰度分离出暗部、亮部和中间调,用一种颜色代替暗部,另一种颜色代替两部,而中间调则是用这两个颜色的过渡色代替。

  为了让大家更深入地了解什么是双色调,小编特意将两种与双色调非常相似的配色技巧作比较:

  ①双色调与双色的区别

  虽然双色调和双色仅有一字之差,但两者在表现形式大不相同:双色指的是画面中只有两种颜色;双色调则是除了这两种颜色外,还有它们之间的过渡色。

  以上面两种海报为例,虽然它们所使用的色相差不多,但左侧的是双色调,海报中暗色和亮色部分分别填充这两个颜色,而中间调部分则是它们之间的过渡色;而右侧的是双色,因为海报只有两种颜色。

  ②双色调与渐变色的区别

  虽然双色调和渐变色都有中间调部分,但双色调效果相当于给图片换了颜色,给人一种不真实的效果;而渐变色只是对颜色产生影响,但对图片细节并没有发生改变。

  左侧图片就像图片上放了一块从红色到绿色渐变的玻璃,透过玻璃看图片,颜色上会有所改变,但图片细节几乎没有太大变化;而右侧图片更像是直接给图片换了颜色,与现实生活中所看到不太一样。



  双色调设计有哪些用途?


  背景图像

  大多情况下,背景添加双色调效果,并在背景图像中添加Logo、Slogan、按钮以及其他重要信息,能减少UI设计的配色方案,并瞬间捕捉用户的视线,引起用户的关注和兴趣。


UI设计培训


 突出图像焦点


  利用双色调的明暗特点,能完美地突出图像中的关键元素,吸引用户的注意力。大多数情况下,双色调突出图像焦点的方式非常适合书籍封面和海报,这种与现实生活中截然不同的视觉效果,会给用户带来特别的新鲜感。

  为图片切片

  双色调效果虽然独特,但难免会因为图像颜色的改变而影响整个设计的视觉效果。为了避免这种情况发生,尝试用双色调为图片切片。这种设计方式既不会对整个设计的视觉效果造成什么影响,而双色调的部分却又让整个界面看起非常吸引。


什么是双色调?双色调设计的用途有哪些?


  分裂图像

  双色调虽然历史悠久,却无阻设计师对它发挥无限的创造力,例如利用双色调分裂图像,不仅让整个设计更富有创意,同时还打破了外界对传统双色调设计的观念,给用户带来前所未有的视觉效果。

  如何创建双色调设计?

  首先,将图像转为灰度,并提高对比度,目的是消除图像中大部分中间灰调,并保持高光和阴影差。

  然后,借用基本色彩理论,使用合适的配色方案,制作我们想要的效果,并将所选颜色添加到图片上。

  *哪种颜色是映射到暗部或亮部,可以根据实际情况而定,如果暗部颜色较为鲜艳饱和,可尝试反转渐变映射或调整饱和度值,获得所需效果。

  另外,我们也可以在双色调设计上适当添加适当的纯色和白色,突出UI设计的焦点或作为装饰效果。但在选择色彩方面要保证不与双色调的两种颜色发生冲突,更不会掩盖它们。

  很多人总认为双色调设计只能凸显作品的复古一面,其实只要您加多少少创意,就能将双色调变成无限的可能,增加整个设计的视觉吸引力,给用户带来耳目一新的感觉。

  以上就是优漫教育小编为大家介绍的“UI设计培训什么是双色调?双色调设计的用途有哪些?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !