当前位置 : IT培训网 > ui设计 > UI培训 > 设计师们!这100张免费配色方案送你了

设计师们!这100张免费配色方案送你了

时间:2019-03-26 14:57:41  来源:我爱设计网  作者:IT培训网  已有:名学员访问该课程
标签(Tag):   配色方案(1)
适合网页设计配色,平面设计配色等,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,了解颜色背后所能传达的信息、氛围、价值观。当然配色方案也适合服装设计,甚至服装搭配,家居设计和家具搭配等都具有参考,

今天我们来聊聊设计师的经典话题:配色!很多自学设计的同学没有接受过系统的色彩训练,在配色方面始终不能随心发挥。网络上的配色技巧很多,但大多不够全面,今天小编从国外翻译了整个系列的配色指南,即使是毫无经验的新手,学习完也能对色彩有比较深刻的认识。

色彩分类:红色系、绿色系、蓝色系、黄色系、无色系、紫色系、青色系等等!

何为配色:

所谓配色,简单来说就是将颜色摆在适当的位置,做一个最好的安排。色彩是通过人的印象或者联想来产生习理上的影响,而配色的作用就是通过改变空间的舒适程度和环境气氛来满足消费者的各方面的要求。配色主要有两种方式,一是通过色彩的色相、明度、纯度的对比来控制视觉刺激,达到配色的效果;另一种是通过心理层面感观传达,间接性地改变颜色,从而达到配色的效果。

最全的100多张免费配色方案图谱全集,有了这个再也不愁配色了,再也不愁没有灵感了!

作为一名设计师,了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色,可以创造出不同感觉的图像。合适的组合可 以获得关注,通过视觉传达设计师所想,进一步拉近设计师与观众的距离,让图像更具力量。如果之前并不仔细考虑用色,现在开始,应该培养对于色彩的感觉。相 信客户会看到一个不一样的你,你的设计作品将会通过颜色建立联想,更好地传达信息。今天为广大设计师们提供一套配色方案,非常全,非常好,放到wzsky.net网站上供大家借鉴欣赏,共有35个色系104张配色图谱的同类色、邻近色、原色、间色、对比色、互补色,分离互补色、灰调等配色方案。适合网页设计配色,平面设计配色等,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,了解颜色背后所能传达的信息、氛围、价值观。当然配色方案也适合服装设计,甚至服装搭配,家居设计和家具搭配等都具有参考,希望能对大家有所帮助。

设计原则101——色彩理论

第一印象决定一切!大家都可以从各自的外表上大概看出一个人的性格。同样的,这个理论也可以延伸到设计工作里。但是影响设计工作的因素有很多,但是第一时间被关注到的应该是颜色。颜色反映了设计的整体感觉,有时候单凭颜色就可以调度起一个人的情绪、情感甚至回忆。如果没有掌握色彩理论的基础知识,你会发现在日常工作和生活中,你忽略掉了很多细节。

找出哪些颜色配搭在一起很美腻并不是一件偶然的事儿,这其实是一项很科学道理的工作。不同的颜色组合适合不同的作品,而且这种类似固定搭配的组合规则并不能轻易被打破。让我们从最基础的部分开始了解色彩理论吧!

原色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之原色

所有颜色的源头被称为三原色,三原色指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色、绿色和蓝色,也就是我们熟悉的RGB。

间色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之间色

如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建三种间色:绿色、橙色和紫色。将这些颜色应用进项目中,可以提供很强烈的对比。

三级颜色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之三级颜色

三次色来源于间色与原色的混合,主要有:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。现在,你应该了解了颜色到底都是怎么衍生出来的,也可以了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性,并创建适量的对比度,让设计工作更好地展开吧!

接下来我们聊聊基于色轮我们可以得到的基本色彩组合。

互补色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之互补色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之互补色

互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。

相似色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之相似色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。

三角色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之三角色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之三角色

三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在上面的例子中,蓝紫色和黄绿色就可以形成十分强烈的对比。

分散的互补色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之分散的互补色

分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧,黄色的互补色应该是紫色,但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度,而且还可以让颜色更丰富。

四方色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之四方色

四方色是在色轮上画一个正方形,取四个角的颜色。在上面的例子中是:紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。

四方补色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之四方补色

四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色,分别选用他们两旁的颜色来建立矩形,最终取得橙红色、橙黄色、蓝绿色和蓝紫色。

明暗

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之明暗

颜色的色调也可以影响颜色给人的感觉,就拿上图的蓝色来说,第一张是原图,第二张添加了白色,第三张添加了黑色,同样的蓝色产生了不同的感觉。在实际应用中,可以在采用单色配色方案时,通过改变颜色的色调来创建不同的感觉。

暖色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之暖色

暖色可以创造温暖的感觉,暖色通常会让人联想起太阳、火焰和爱情。红色是血的颜色,感觉是温暖的,橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜,图像看起来就会有温馨快乐的感觉。

冷色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之冷色

冷色也有其独特的含义,通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起,看起来十分内敛。

颜色的意义

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之颜色的意义

01:强烈,正红

同类色邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

原色,间色,复色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

对比色

互补色、分离互补色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

灰调

这套配色方案共有104张图片,每个图片都有相信的图文说明,分为12个页面,希望大家耐心看完

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn.

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之临济色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之互补色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之魅力

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之原色、间色、复色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之同类色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之同类色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之邻近色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之对比色

设计师们!这100张免费配色方案送你了_www.itpxw.cn

配色方案之灰调

学无止境,学海无涯,在设计的路上,我们唯有掌握配色技巧,善于总结配色方案,如此你才能勾画未来,展现给大众最美的一面!

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容

相关热点