配色技巧
武汉/UI设计师/7年前/838浏览
版权
配色技巧
选择配色是件纠结的事情,不合适的配色方案直接影响设计作品。掌握了配色技巧其实是件有趣的事,与之共勉。
饱和度&明度
类似色
邻近色
中差色
对比色
互补色
#配色推荐#
不同的颜色会眼睛不同的感受,不同的配色方案也会带给产品不一样的传达。不合适的配色搭配会让设计作品大打折扣。

色相是色彩的最大特征,色彩划分为12种基本色相,每一个基准色相都会产生有相对应的类似色、邻近色、中差色、对比色、互补色,每一种关系组合都不能轻易打破。
饱和度&明度:
饱和度:指颜色的纯度或强度,纯度越高,表现越鲜明,纯度较低,表现则较黯淡。
明度:指的是颜色中混合了多少白色或黑色。颜色的深浅、明暗的变化。

颜色明度和饱和度的使用,要考虑到使用场景和眼睛接受程度,避免影响视觉疲劳,以及产品的调性。
类似色:
色相环中60°以内的颜色为类似色。

近邻色:
近邻色是色相环中相距30°,配色方法比较常见,冷暖性质一致,色调统一过渡看起来也很和谐。

中差色:
中差色在色相环中90°的配色,色彩包括了类似色色相到对比色色相,在视觉上体现画面色彩的张弛效果,配色比较明快。

对比色:
对比色也叫相反色配色,在色相环中120°的颜色,对比鲜明,效果饱满,配色欢快愉悦。

互补色:
互补色是色环上两个正对立180°的颜色。

互补色对比强烈,有更好的视觉冲击力。 使用互补色方案时,重要的是选择主色并且使用其互补色用于强调。
推荐网站:
nipponcolors.com日本传统配色
color.adobe.com可通过色轮自行搭配
uigradients.com渐变色专用网站
palettable.io可自定及随机推荐颜色
colorsupplyyy.com适合扁平化配色
推荐书籍:
《配色设计原理》Obscureinc·编著
11
举报
声明
32
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
11登录即可同步推荐记录哦
32登录即可加入我的收藏
评论登录即可评论想法
分享分享








































