配色问题总结-经验/观点-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

快速搭建网站

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

配色问题总结

0.0°

2017-03-31 原创文章 经验/观点 举报 1279 4 3 0

豆子6 关注

在做设计的过程中，关于配色问题的学习总结～不断学习，持续更新～

配色问题总结

一、怎样取得协调的配色？

（1）选择色相一致的配色。即设计上全部用相同或相近的颜色。

在真实的设计环境中，一般需要加入别的颜色。这时候，可以将不属于主色相的颜色降低明度和纯度，或者缩小颜色的面积。

Image title

（2）明度一致的配色。即设计上全部用明度一致的颜色。

值得注意的是：由于色彩本身即带有明度特征，根据HSB颜色模式中的B值统一明度较为不易。如下图，a、b、c三色的B值相同，但肉眼明显感觉a色更亮，明度更高。

Image title

那么应该如何取得明度一致的颜色呢？可以将在ps中依次点击“图像”－“模式”，选择“灰度”模式。

Image title

这样就可以很明显地看出颜色的明度高低了。

（3）饱和度一致的配色。即设计上全部用饱和度一致的颜色。如下图：

Image title

高饱和度的配色

Image title

低饱和度的配色

（4）色调调性一致的配色。即画面属于冷色调或者是暖色调。

Image title

暖色调

Image title

冷色调

更新：2017-03-31

4人已收藏

豆子6

愿你心里有爱。

15

作品
17

粉丝
42

关注

猜你喜欢

2017-03-31 原创文章 经验/观点 举报 1279 4 3 0

配色问题总结

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2017年03月31日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得