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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何系统学习并运用色彩搭配
0.0°
2020-08-05 原创文章 经验/观点 举报 1513 6 3 0

提高色彩配色能力,有一个快速提高的办法就是多看,多记忆,把在看见过漂亮的配色的作品收藏起来或者拍下来,在下次设计的时候运用在自己作品中。

前言:提高色彩配色能力,有一个快速提高的办法就是多看,多记忆,把在看见过漂亮的配色的作品收藏起来或者拍下来,在下次设计的时候运用在自己作品中。




配色是摆在每一位初学者或者资深插画师面前的一道必考题,用得好他就是“送分”题;可现实中,他更多扮演的是“送命”题!全看插画师对色彩搭配的把控程度。从“脏脏的”画面,到利落明朗的画面,需要大量的练习,试错后才能把握。懂得判断画面是否好看,提升审美的必经之路,可是如果你没有动手画,这些画面只有一闪而过!美的页面和配色还没吸收成为你自身的技能。


首先得知道学配色,必须先了解配色比例:日本的设计师提出过一个配色黄金比例,是70:25:5---其中的70%为大面积使用的主色25%为辅助色,5%为点缀色。


一般情况下建议画面色彩不超过3种,3种是指的3种色相,比如深红和暗红既可以视为一种色相。 一般来说画面的颜色用的越少越好,颜色越少画面越简洁,画面会显得更加成熟。颜色越多越要严格按照配色比例来分配颜色,不然会使得画面非常混乱,难以控制。其实对于初学者来说,颜色越少越容易控制。


* 颜色有三大属性-色相、饱和度和明度

色相 - 即各类色彩的相貌称谓,如大红、普蓝、柠檬黄等。色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性,而色相也就是由原色、间色和复色来构成的。

饱和度 - 指色彩的鲜艳程度,也称色彩的纯度。饱和度取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大,饱和度越大;除色成分越大,饱和度越小。纯的颜色都是高度饱和的,如鲜红,鲜绿。混杂上白色,灰色或其他色调的颜色,是不饱和的颜色,如绛紫,粉红,黄褐等。

明度 - 眼睛对光源和物体表面的明暗程度的感觉,主要是由光线强弱决定的一种视觉经验。一般来说,光线越强,看上去越亮;光线越弱,看上去越暗。明度也指颜色的明暗程度。色调相同的颜色,明暗可能不同。例如,绛紫色和粉红色都含有红色,但前者显暗,后者显亮。


设计中,我们最常用到的色彩模式是rgb。什么是rgb?

其实展示在大家屏幕上的颜色,都是通过红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是运用最广的颜色系统之一。



日常学习配色中的一些小技巧


方法一:提到色彩,就会提到主色调、辅色调、这两者在设计中经常的存在,主色调不难理解。在整个画面中色彩占用最多的颜色可以确定为主色调,作为辅色调也是在整个画面所点缀对比的一个颜色。利用纯度变化、冷暖变化等进行设计训练。掌握好运用色彩能力




方法二:零基础的伙伴推荐可以只用一个颜色、或者相邻色系进行配色、这样颜色简单好控制一些。也可以提高写配色的能力---推荐推荐




画面中,最常用的色彩组合就是互补色、类似色、邻近色

类似色/邻近色---以分割线为初始点,在色环中顺时针15度和逆时针30度,这块颜色属于基础色的邻近色/类似色。从掌控难度来看,比较推荐零基础的或者对颜色控制不够火候的先从这两颜色去搭配,比较快上手哦!


互补色---两种颜色放置在一起,形成一种视觉上的对比,例如红色和绿色,靠近并置在一起时,它们各自的色彩都在视觉上加强了饱和度,显得色相、纯度更强烈。这两个色彩调和后成为明度、纯度都降低的中性灰黑,这种灰黑色是这一组对比色互相连结的最调和的颜色。新手创作前期尽量避免。


方法三:有一个好的抄近道的方法(前期可以依赖下,长久的练习不推荐),网上很多配色工具可以很好的利用起来。根据配色工具搭配的颜色运用到自己的设计中,当然了有的配色工具给予的颜色也不是自己想要的,可以做为参考可以灵活的去运用。

----会单独再做一个分享


1-Adobe Color CC

   网址:color.adobe.com   




2-Material UI Colors

   网址:color.adobe.com  



3-色卡网站

  网址:www.design-seeds.com  




类似这样的网站有很多,推荐这几个。个人觉得比较好用,当然还有一些网站有在配色这块做的也很优秀,考虑到篇幅原因,以后再针对这做一期。

......


方法四:多收集自己喜欢的画面,再使用的时候,可以参考喜爱画面的颜色搭配。喜欢的画面,说明你认同作者的搭配,搭配出来感觉也对你口味。颜色是有感情的,你喜欢的那个感觉,证明你们是一种人!所以在平时完善自己的素材这一步,对初学者来说很重要。

收集素材可关注:追波、behance等高质量作品网站



方法五:举一反三---有悟性,能琢磨,对色彩敏感度高,这样更加有助于你更好的提升配色能力。灵活的使用颜色,在原有理论基础上,多做尝试。配色是没有绝对的,相信自己的感觉


方法六:最后一个笨办法---吸颜色。。。。

这个就是在真的真的无法搭配的时候可以采取的一个笨办法,不太建议。对于初学者是提高效率的办法之一。







Powered by Froala Editor

更新:2020-08-05

收藏

6人已收藏

PONGNI

自由"杂技"设计师

  • 6

    作品

  • 259

    粉丝

  • 60

    关注

  • BELL.-K12交互视觉UI界面设计
  • 品牌插画风格的形成与思考
  • 零基础扁平插画教程之日常小场景设计应用插画--Summer
  • DUANG! 从线稿到成品:绘制一个功夫小子扁平插画
相关标签
经验分享设计

    猜你喜欢

      2020-08-05 原创文章 经验/观点 举报 1513 6 3 0

      如何系统学习并运用色彩搭配

      0.0°

      你确定要举报如何系统学习并运用色彩搭配

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年08月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      6
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录