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

【广州UI设计培训分享】:如何制造浅色调和深色调?

新闻来源:本站 日期:2022-03-02
如何制造浅色调和深色调,什么是浅色调和深色调?浅色调和深色调是同一种颜色的变体,减淡或加深后的美术专业术语。它们由对一个基本色添加白色(制作浅色调)或黑色(制作深色调)而来。用浅色调和深色调作为调色盘的一部分由很多优势。
  什么是浅色调和深色调?如何制造浅色调和深色调?浅色调和深色调是同一种颜色的变体,减淡或加深后的美术专业术语。它们由对一个基本色添加白色(制作浅色调)或黑色(制作深色调)而来。用浅色调和深色调作为调色盘的一部分由很多优势。其一,简化颜色选择的过程。供你选择的颜色减少,避免使用颜色过多导致作品画面纷繁杂乱。其二,使用浅色调和深色调会使调色盘的颜色连贯一致,过渡自然,因为它们都是基于同一种颜色形成的。


【广州UI设计培训分享】:如何制造浅色调和深色调?


  下图品牌设计就是这个技巧的一个应用案例,作者Whitney Blake用灰色和蓝色的调色盘,令原本柔和的配色方案更加灵动。只是目测的话很难为一个调色盘选择浅色调和深色调。一些设计软件有工具帮你选择浅色调和深色调,不过这些工具可能功能有限且不可定制。下面将为大家介绍一些有用的在线工具。

  应用浅色调和深色调的方法,选好调色盘后就该将其应用到设计上了。基本色的浅色调和深色调会给配色方案增加对比,视觉趣味和灵动感。需要一些灵感吗?看看下面的创意和案例吧:

  01.创造引人的品牌

  用同一颜色衍生出的浅色调和深色调绘制品牌图案会有很强的统一性和和谐感。Mast设计工作室利用浅色调和深色调将灵活和创意在下面的两张作品中展现地淋漓尽致。你也可以做到哦。第一张作品运用了中蓝色底色的多种变体色,第二张作品只用了一种基础色和一个深色调。第二张作品中的两种红色和设计元素的颜色都来取自于品牌标志颜色,视觉上再次突出了品牌。

 02.增加对比

  任何设计中对比都是增加易读性的关键。创造对比很简单:选一个最浅的色调搭配最深的色调。以Michael Hildebrand设计的活动海报为例,底部浅粉色文字在桃红色背景的衬托下十分醒目、突出。海报上方“四周年”,文字是桃红色,底色是淡粉色,也创造了很好看的对比。

  在Szende Brassai设计的日历中至少使用了四种浅绿色的深浅色调和两种珊瑚色,外加一些中性色,Szende Brassai将这些颜色组合在一起创造了强烈的对比,增加了视觉趣味。冷暖色调的强烈对比也增强了效果。

  03.混合

  色彩的对比可以用来突出设计元素,也可以使设计元素相互融合协调。Robert Frank Hunter设计的书封面使用了蓝色的一系列深浅色调,没有制造强烈的对比,相反整个画面非常和谐温和,从而突出了字体。

  04.简化&分离

  如果一份设计作品使用的都是同一个颜色,色调,饱和度,那么设计元素会很难区分。这时候就要用到深色调和浅色调了,尤其当你有很多信息需要组织、表达时,不同的信息用不同的色调会易于读者区分。同时,基于同一颜色创造出的色盘避免了画面缭乱复杂。William Mellor设计的信息图表中只是用了基础绿色和它的一个浅色调,外加黑色和白色,即使内容很多,但整个画面非常清爽。Owen Shifflett设计的网站也用了同样的技巧,他用了蓝色的浅色调和深色调,创造了温柔和谐的背景,使色彩斑斓的产品图像凸显出来了,整个网站画面结构严谨、井井有条。

  05.添加厚度和立体感

  创造厚度和立体感是深色调和浅色调的使用方法之一。运用颜色的深浅创造阴影和亮度,就像Mads Berg制作的复古旅游海报一样。用深灰色给游艇创造了立体感,用深蓝色给天空和海水创造了立体感,整个画面呈现出三维效果。同样是航海主题,DKNG Studios设计的两张海报分别用了冷暖色系的一系列深浅色调,精美复杂,富有层次感。暖色的海报营造出黎明的感觉,冷色的海报则是夜晚的感觉。下一个技巧我们将介绍如何用颜色营造气氛。

 06.营造气氛,建立主题

  颜色可以为设计作品营造气氛,再次看看上面的音乐会海报,难道他们没有一种夏天,假期,热带风情,慵懒的夜晚的感觉吗?颜色的选择很大程度上决定了作品营造的气氛。颜色还可以传达内容,明确、加强设计主题。Alan Cheetham设计的几款标签用色大胆鲜明,具有亲和、现代感,同时不同的颜色代表了不同蜡烛的气味。Veronica Lethorn在她的包装设计中,使用了几组基础色外加一个衍生浅色调的搭配,使产品包装时尚吸睛,每一种颜色也非常符合产品的味道。

  07.使用渐变

  若要同时使用多个冷色调和暖色调,渐变是个不错的选择,再加上透明的效果就再好不过了。Hyperakt设计的活动海报使用了两种渐变方式。封面(左图)Hyperakt’用小三角形拼成了两个侧面人像,每个三角形都用了渐变效果填充,整个画面呈现出三维立体的感觉。内页(右图)则是背景全图渐变。Brandexpert设计的产品包装则在包装的一部分上使用了透明渐变,渐变的颜色选自背景色,既和谐美观,又衬托出中间的文字文本,增加了易读性。

  08.扩大调色板的颜色

  设计作品的颜色选择会受限于品牌定位,打印条件或者设计师的风格。如果条件允许,不妨尝试扩大调色板的颜色。以Julie Wauters设计的儿童图书封面为例,她使用了绿色和粉色的深浅色调衍生色外加黑色白色。画面精美丰富,浅色调和深色调扩大了她的颜色选择。

  09.增加透明度

  平面设计过程中,透明的形状和背景很实用。透明度搭配深色调和浅色调可以扩大调色板的颜色。透明的浅色调和深色调图形相交时会产生另一种颜色,正如Julian Bauer设计的书本封面一样。选取一个基本色,改变其透明度再叠加黑色或白色就可以得到透明的深浅色调。Oliver Lo在他设计的电影系列海报中将透明的红色图层叠加在黑白照片上,获得了不错的效果。

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