杭州IT培训
美国上市IT培训机构

400-111-8989

热门课程

了解达内

联系达内

400-111-8989

杭州达内 > 精品干货 

UI技巧：什么是双色调？双色调应该怎么用？

  • 时间：2021-06-04 14:10
  • 发布：杭州达内
  • 来源：精品干货

在生活中很多小伙伴们都喜欢用美颜软件拍照，那么你一定能知道关于“滤镜”的强大作用！

但大家有没有想过，将滤镜运用设计配色中，可能会让您的作品变得与别不同。

当然，这里我们所说的滤镜并不是真的滤镜，而是在配色中通过特殊的技巧掩盖UI设计中的配色瑕疵，同时又能达到滤镜的效果。

如果您现在对自己的配色能力尚不自信，担心无法制作出如滤镜般的作品，掌握“双色调”是不错的选择!


一起来看看吧。



什么是双色调?




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

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

① 双色调与双色的区别

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

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

② 双色调与渐变色的区别

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

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



双色调设计有哪些用途?




● 背景图像

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

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

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

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

如何创建双色调设计?




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

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

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

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

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

预约申请免费试听课

怕钱不够？就业挣钱后再付学费！    怕学不会？从入学起，达内定制课程！     担心就业？达内多家实践企业供你挑选 ！

【免责声明】本文部分系转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与联系我们，我们会予以更改或删除相关文章，以保证您的权益！"
上一篇：3分钟，带你全面了解新媒体运营
下一篇：零基础应该如何转行学习Java？

Java 后端有哪些不用学的技术？

分布式存储之数据切片

策略模式：巧妙替代你的if-else

sorted()之正序倒序

关于达内

达内简介 联系我们 隐私声明 法律公告 业务合作

其他服务

培训证书查询 投诉与建议

投诉邮箱

tousu@tedu.cn

客服电话

400-111-8989

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
北京

黑龙江省

吉林省

辽宁省

内蒙古

天津

河北省

山西省

陕西省

山东省

河南省

江苏省

安徽省

上海

湖北省

四川省

重庆

湖南省

江西省

浙江省

贵州省

福建省

云南省

广西省

广东省

海南省

台湾