恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
今天,简单聊聊配色吧!
0.0°
2017-12-12 原创文章 经验/观点 举报 11563 366 664 32



事情是这样的,最近看到一些朋友的练习,配色上有些不好的习惯,所以决定和大家简单聊聊配色!


大纲如下:


1.用色要有理论支撑

2.配色的数量慢慢加

3.配色一定要和谐

4.颜色可以不用那么正


1.用色要有理论支撑


网上有很多人写过关于配色的基础理论,例如互补色呀、相邻色呀、对比色等等,再比如红色代表热情、蓝色代表科技、绿色代表健康等等,这些都是我们必须掌握的,如果不太不清楚,可以去百度一下!


我这里想和大家强调的是,在我们每次用色之前,一定要想想为什么要这么用,你的理论依据是什么?这是一个优秀设计师基本的思考习惯。


举个简单的例子,如果我们为一个品牌的视觉延展,品牌色是蓝色:


Image title


当我们需要去给这个品牌色搭配色彩的时候,我们可以从很多方面入手,例如品牌调性、目标人群等等。


假设我们的目标人群是:时尚、前卫的年轻人。


那我们就可以大胆的使用对比色——红色:


Image title


用对比色的视觉冲击力来突出年轻、前卫的品牌调性,博得目标人群的喜爱。

举这个简答的例子就是告诉大家,理论还是要看一看,让你的理论支撑你的执行,这样你就可以有足够的信心。


当然,至于配出来的颜色好不好看,那就是另外一个层面(执行力)的事了,我们后面再说!


2.配色数量慢慢加


上两天群里的一个朋友发了一张临摹的练习图,我想写配色的文章也是因为他的这张练习图:

Image title


当时我在群里给了他一些建议:


Image title


这里,我再说下关于配色的问题,上个知识点,我已经强调过了理论的重要性,可以支撑我们的执行!


来,我们看看这个练习的原图:


Image title


他的用色是非常有研究的,一共有三种主要色相,绿色、红色、黄色,绿色与红色是互补色,红色与黄色是邻近色,三种不同深浅的绿色使画面变得丰富又不杂乱。

而我们看下练习稿:


Image title


这么一个小小的插图,竟然用了13种颜色,并且没有任何规律,从这个练习可以看出这位朋友的整个思维都是乱的,并不知道到底该怎么用色!


在这种情况下,千万不要贪心,可以先从两种主色开始搭配,例如,先用好邻近色,红色和黄色:


Image title


当真的能驾驭好之后,再来慢慢添加颜色的数量,例如加些点缀色——天空的蓝色、地面的灰色:


Image title


千万记住,练习配色不要急,先从少数量的颜色开始练起,慢慢增加!


3.配色一定要和谐

如何让配色看着和谐?

我个人觉得有一个点很关键就是:饱和度、明度看起来要足够相似,要低饱和就所有的颜色都用低饱和,例如上面建筑的插图使用的都是低饱和的颜色:


Image title


假设这时候我们把背景的红换个高饱和度就会是下面这个样子:


Image title


根本没办法看!


不过让配色看着和谐,除了需要理论支撑以外,确实还是需要一定的色彩感觉,如果色感太差,那就多练吧(记住,颜色数量慢慢来哦),敏锐的色感也是可以慢慢培养的!


4.颜色可以不用那么正

对于我们配色新手来说,刚开始颜色不敢用太多,配色种类比较单一,这时候还想出彩的话,我们就可以让颜色不要那么正(比如正红、正蓝),尤其是拉渐变的时候,举个例子:


Image title


我们拉个蓝色的渐变,如果色相都是一样的,只是改变明度的变化,那就是左面这样的,但如果你用两种色相,让浅色的蓝不那么正,而是加入一点点绿,效果看起来就会丰满很多。


下图是我利用这个配色技法制作的一个小作品:


Image title


像这样两种色相之间的渐变,是常用的配色技法,大家可以多多尝试。


好了,今天就先分享这么多了,希望能对你能有所启发,不过再大的启发,你不练,那也是没用的,所以打开电脑,练起吧!


科科。




微信公众号:菜心设计铺

更新:2017-12-12

收藏

366人已收藏

菜心设计铺

微信公众号:菜心设计铺

  • 123

    作品

  • 2.2w

    粉丝

  • 100

    关注

  • 第一次做插画视觉,真没想到有这么难!
  • 做了三年设计,第一次包装作品,献丑了!
  • 《菜心工作室 x 摩尔线程》
  • 原来我这一项这么弱,献丑了!
相关标签
经验uiGUI配色

    猜你喜欢

      2017-12-12 原创文章 经验/观点 举报 11563 366 664 32

      今天,简单聊聊配色吧!

      0.0°

      你确定要举报今天,简单聊聊配色吧!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年12月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      664
      366
      32

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录