大数跨境
0
0

酷炫的“双色调”设计,原来是这么做的!

酷炫的“双色调”设计,原来是这么做的! 全速研习社
2021-02-22
0
导读:简约且富有凝聚力的设计形式有很多种,比如从字体、版式、色彩上切入,其中“色彩”是对画面的色彩进行精简,例如常见的单色调和双色调设计。



双色调

简约且富有凝聚力的设计形式有很多种,比如从字体、版式、色彩上切入,其中“色彩”是对画面的色彩进行精简,例如常见的单色调和双色调设计。在信息过载的时代,丰富多彩的绚丽设计让用户逐渐产生审美疲劳,而设计师们也逐渐开始选择这类色彩形式,让作品更易于产出和被理解,因此在本期,小编就来和大家分享下双色调的配色方式。

01

关于双色调,它通过改变图像的色调,以两种颜色重新诠释图像,形成新的、强烈的视觉感受和认知,而不同的色彩搭配也会产生不一样的画面氛围,强烈的视觉吸引力让画面极具个性。

其特点在于:

  1. 明确的氛围感:双色调设计的图像,相比普通彩色图像,可以表现出特定的氛围,传达明确的情感。

  2. 吸引力:由于双色调设计通常是采用减少画面层次、加强对比的方式,使作品具有强烈的张力和视觉冲击力。

  3. 适用性广:适合多种设计领域,平面印刷、网页、界面、插画设计、摄影等多领域都有它的身影。

书籍设计

海报设计

网页设计

02

想要做双色调处理,就必须先确定配色,这里要提到色彩关系——同类色、邻近色、互补色、对比色等,一般双色调会选择对比色和邻近色。


· 对比色

对比色是基色起120°~180°的颜色,整体画面会产生一定的视觉冲击力和较强的色彩张力。

结合作品元素的特点,可以表达出合适的情感和氛围,但当对比色使用不当时,易造成晕影,此时可结合黑白来使用,降低对比色的冲撞感。

· 邻近色

邻近色是基色起60°内的颜色。由于该色相差比较小,过渡柔和,因此处理上比较简单,不易出错。

而对于双色调的面积处理,可以选择大面积和小面积处理。

· 大面积处理

通常我们会将图像进行大面积处理,需要根据传达的内容来进行画面细节的取舍。

例如下图中《月光男孩》海报为了表达男主不同年龄阶段的状态,在画面上用皮肤质感和肌理来还原细节。而《火星救援》海报中,需要突出当下环境的艰难氛围,让观者感受电影主角的处境,代入情感,因此就可以减少不必要的细节,概括的展现图像。

《月光男孩》海报

《火星救援》海报

· 小面积处理

小面积则可以对文字、形状等装饰元素进行处理,重塑图像的色彩关系,引起用户注意,产生新的视觉效果。

03

再和大家分享一下双色调的制作方法。

1.网站生成

https://duotone.shapefactory.co

https://medialoot.com/duotones/

2.PS--渐变映射

这种方式对应的是对照片光暗部进行着色,不是混合模式☟☟☟

渐变映射--颜色渐变条,从左至右对应照片暗部、中间调、高光区,越靠近左侧的颜色对应照片暗部的地方,反之则对应高光区。

Tips:

· 双色调能对质量较差的图像进行优化修正,当所收集到的素材比较糟糕时,双色调能让作品提升格调。

· 双色调适合修饰性效果的画面,赋予画面有趣的调性。

双色调最大的优势是能让原色形体更加突出,明确视觉主体,对于用户来说,更加平静舒适。而双色调处理作为一直存在的设计形式,经典潮流,是我们都可以采用的方向,欢迎大家多多尝试,做出更适合的作品。



图片源于网络素材,侵删

文章参考:

https://www.sohu.com/a/251873190_187948

https://www.shejidaren.com/duotone-tutorial.html

【声明】内容源于网络
0
0
全速研习社
聚焦数字化领域,尤其专注视觉创意设计、应用开发板块,以技能解读、行业前沿信息发布、公司动态信息等内容为主,希望让热爱设计、开发等相关数字化人才获取专业信息、形成沟通交流平台!
内容 85
粉丝 0
全速研习社 聚焦数字化领域,尤其专注视觉创意设计、应用开发板块,以技能解读、行业前沿信息发布、公司动态信息等内容为主,希望让热爱设计、开发等相关数字化人才获取专业信息、形成沟通交流平台!
总阅读75
粉丝0
内容85