配色技巧

用户头像
武汉/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吧!
加载中
推荐素材
玄关入门地毯印花图案红地毯
海底世界插画
城市园林平面布局航拍
城市园林平面布局航拍
平面书法字手写
空的平台平面和自然景观
平面设计 吊牌设计
城阙凡花
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
中国传统纹样创新图案设计
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
古风平面仕女与瓷器
平面插画情侣/矢量
平面男孩喝咖啡插画设计
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
你可能喜欢
大家都在看
登录注册