设计新锐分享基础配色法 教你几招配色方案

了解色彩的比例和关系 才能做出高点击率的详情图

11月21号 阅读数 ( 2115 )

一、学配色,必须先了解配色比例:


色彩的黄金法则70∶25∶5,即主色彩是70%的比例,次要色彩是25%的比例,辅助色彩是5%的比例。一般情况下建议画面色彩不超过3种,3种是指的3种色相,比如深红和暗红既可以视为一种色相。


在色相上看,我们往往会忽视灰色系,现在我们看到很多所谓现代简约风格都会利用灰色,但是要灵巧运用黑色,不是用太多的黑色。黑色能够让任何一个色彩看起来干净,但它本身并不是一个重点,它能够给营造一种对比平衡。巧妙的运用黑色,可以是一个黑色的箱子,画框,做一种点缀,效果是十分不错的。


二、了解色彩的关系






选择配色方案,也就是说,我们一般有三种选择,一种是互补色搭配,一个是叫近似色搭配,还有一种是对比色搭配。在色相环上面,两个颜色相对的就是互补色的搭配,在色环上相距120°到180°的两种颜色,称为对比色。相距50°的两种颜色,称为近似色。


①对比色配色方案



三角形搭配就是3个颜色对比组合,在使用三角形搭配的时候一定要选出一种色彩作为主色,另外两种作为辅助色。


案例:


通过上面的色相三角形来看我们的案例中出现的主要色彩有,蓝色,红色,橙色这三个颜色都在三角形的配色范围内,所以版面的颜色会比较突出,抢眼。


②近似色配色方案


色环上距离较近的颜色被称为近似色或者类似色搭配,一般这种色彩搭配之间显得平静而舒适。



案例:


案例中的洋红、粉红、紫色都是相近的颜色,版面比较舒服,黄色作为副标题,因为黄色是红色的邻近色。主标题直接用白色,会显的比较突出。近似色在日常搭配中很常见,在使用中要注意加强对比,以免过于平淡。



③互补色配色方案


互补色色彩之间是强烈的对比造成的不稳定感,互补色搭配在正式的设计中比较少见,但在各种色相搭配中,互补色搭配无疑是一种最突出和抢眼的搭配,所以如果你想你的作品特别引人注目,那互补色搭配或许是种最佳选择。


案例:


都说红绿配不好看,上面案例中的红配绿。颜色亮度相对高一点,并不是纯红色和纯绿色,所以画面还算稳定,对比不是特别强烈。


④灰色系配色方案



文章开头我们又说到灰色系搭配,一些比较大牌品牌或者一些渴望表现自己的大气,高端的风格,都会运用灰色系。




画面中除去大面积留白以外,色彩上也是比较偏向于灰色调,且基本不会出现饱和度非常高或者非常跳跃的颜色,浅灰色调同色系用色居多,下面可以提取颜色看下。


分类:Basic optimization  返回

Huofu tp always adheres to the principle of maximising the profits for clients, and we are confident to offer professional services with 100% concentration. That’s why we are able to bring more benefits to many e-commerce brand cooperators. Because of the outstanding performance of Huofu tp, we were awarded the honour of Excellent Enterprises in Hubei Province, and we have also been named as the honorary Council member of Hubei e-business association. The image of HuoFuTP is becoming the leading brand in the e-commerce service field.

  • HUO FU E-commerce Public AccountHUO FU E-commerce Public Account
  • E-commerce industry  information Public AccountE-commerce industry information Public Account