当前位置:首页>平面素材>平面设计>海报设计了解双色调设计,图酷给你提供更多的灵感启发,并展开这种风格的延续

海报设计了解双色调设计,图酷给你提供更多的灵感启发,并展开这种风格的延续

至今双色调在海报设计、网站和App等上都被设计师选择使用,相比普通色彩的图像,双色调设计有很强的视觉表现力,明确表现出特定的氛围。双色调设计到底多有效?

今天我们就来聊聊双色调。了解双色调设计,给你提供更多的灵感启发,并展开这种风格的延续。

双色调设计技巧,码起来

源自双色调印刷的双色调设计

传统印刷行业中使用双色套印来印刷品告别单色的效果,两种不同的油墨在印刷品创造出强烈的对比,可以是黑色和彩色,也可以是彩色加彩色。

双色调设计技巧,码起来
双色调设计技巧,码起来

双色调风格能运用到多种设计的领域当中,例如印刷品、出版物、网页设计、界面设计、插画等等.通过对双色调的运用,带来的强烈的视觉吸引力,一下就能抓住观者的吸引力,让设计变得更加有个性有趣。

01

仅两种色彩,表现力更强

双色调仅有两种色彩,就可以呈现出非常强的视觉效果,一般通过图像的灰度分出暗部、亮部和中间调,一种颜色代表暗部,另一种颜色代表亮部,而中间的颜色便是两个颜色的过渡。两种不同颜色的搭配产生不一样的调性氛围,元素的形体在色彩对比之下更加明确和清晰。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

02

使用黑色和另一种颜色

选择黑色和其他一种颜色进行双色调设计是最常见的一种做法,也是适用范围最广的设计搭配。黑色可以和任何颜色搭配,另一种颜色将决定整个设计的色彩氛围,也赋予整个设计以这种色彩的情绪。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

03

使用两种彩色

使用两种不同的色彩,可以选择邻近色、对比色和互补色。不同颜色搭配会产生不一样的情绪和氛围,表现力也会不同。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

04

结合色彩图层,部分叠加

使用色彩图层叠加来统一成两种色彩,制造出双色调的视觉效果,能够创造出更加富有层次的视觉体验。两种色彩的结合让画面色彩变得更加丰富,但要注意色彩搭配和不透明度的调整。怕掌握不好度的可以选择部分叠加。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

05

使用全屏色彩叠加效果

使用全屏色彩叠加层,这样可以在背景上统一色调,整体性比较强。但要注意底下的图片要尽量选择简单、轮廓清晰的,不能有太多的渐变和复杂的变化 ,否则观者将抓不到设计的重点。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

06

使用彩色图形来做叠加层

彩色的图形叠加在另外一种色彩为主的背景上,借助图形本身的几何特征来进行对设计信息的圈重点,很好的突出设计的主题。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

07

使用彩色文字来做叠加层

在双色调设计中,文字可以独占一种色彩。使用彩色文字来做双色调的叠加层,让文本信息更有力量地呈现。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

08

用不同的双色调图片组合搭配

使用双色调的设计并不意味着整个页面或者设计都要完全遵循这一规则。可以选择用不同的双色调图片或者元素进行组合搭配,共同组成一套丰富多彩的设计。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

双色调设计美学特点:氛围感、吸引力、普适性

双色调的设计可以说很新颖,在当下的设计师风格流行趋势下,提供了很多的灵感和启发,并为新的风格发展得到了延续。它有着很强的氛围感,足够的吸引力,适合很多设计领域。

1.明确的氛围感

比起普通的海报设计,双色调的设计可以表达出特定的氛围感,并且这一种感觉是明确的,通过颜色的设计,突出海报特定的效果,给观者也带来一种身临其境的氛围感,传达出设计的情感。

双色调设计技巧,码起来

2.吸引力

双色调设计具有强烈的色彩张力和视觉冲击力,但它通常是经过对减少画面的层次感来加强对比的方法,这种设计手法在很多平面设计上,可以很好的吸引到观者的注意力,不论从线上还是线下的设计效果展示,都是一个很吃香的选择。

双色调设计技巧,码起来

3.普适性

这个双色调设计在很多领域都适合,平面印刷、网页、界面、插画设计、摄影等方面都能看到它的身影,独特的视觉风格,这种设计效果可以吸引到大批的用户使用。

双色调设计技巧,码起来

双色调设计教程

PS 渐变映射

双色调设计技巧,码起来

混合模式法

一、找张素材图打开ps,一定要找一张品质较高的摄影图片,最好主体物能够突出一些。

双色调设计技巧,码起来

二、复制一层,图像-调整-去色,获得一张黑白照片。(可调整灰度提高层次感)

双色调设计技巧,码起来

三、混合模式添加渐变映射,模式自己调整,调整成你喜欢的颜色。

双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来
双色调设计技巧,码起来

四、加些字体装饰一下,完成~

双色调设计技巧,码起来

PS 通道颜色提取

原理和渐变映射差不多

一,打开Photoshop,新建文件。拉一个炫酷装B的渐变色,然后先吸好深色放在色板中备用。(建立画布先做出渐变)

双色调设计技巧,码起来

二、打开图片(还是用上面的图),调整好尺寸,准备分离色调。

双色调设计技巧,码起来

三、抠图主色人物

双色调设计技巧,码起来

1.进入通道面板,选择人物与背景区分最明显的通道,这里我们选择绿色通道。

2.按住Ctrl键,点击绿色通道,这时候选区会自动选择画面中的白色区域。

3.菜单-选择-反选,反选选区,填充单色,返回图层面板,保存选区。

四、拖动到渐变色的文件中,调整至最佳的叠加位置。

双色调设计技巧,码起来

五、添加文字,装B完成~

双色调设计技巧,码起来
双色调设计技巧,码起来

以上2种方法原理都是一样的,也都很简单。第一种色彩相对丰富一些,第二种灵活度较高一些。

一键生成双色调网站分享

01 Duotone

https://duotone.shapefactory.co

Duotone是一款可以在网站中搜索图片进行双色调设计,也可以通过自己上传图片进行设计的。并且系统还提供多个配色方案,在短时间里能够快速生产出双色调风格海报。

双色调设计技巧,码起来
双色调设计技巧,码起来

02 Medialoot

https://medialoot.com/duotones/

这是一款免费一键生成的双色调网站,只需要上传需要设计的图片,就可根据网站内提供的配色方案,进行设计就可以,非常快速高效率。

双色调设计技巧,码起来

本文转自微信公众号:设长,作者:设长 小y,图片来源网络,版权归原所有者所有,本文仅供分享交流,如有侵权,请联系我删除,谢谢!

给TA赞助
共{{data.count}}人
人已赞助
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索