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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
零基础色彩自学笔记与也许应用方法
0.0°
2018-02-12 原创文章 教程 举报 3781 52 24 3

简单色彩学与各种名词介绍, 配色研究方式与实际练习操作

Image title

写在开始

最初是想看关于[镭射虹彩渐变]的教程的,发现了一篇渐变色介绍文,又看了这位大大的其他文章,发现自己对色彩还是糊里糊涂的,工作中配色也是大难题,半笔记半研究的形式整合了看到的一些内容.



目录

1. 色彩学

2. 配色研究

3. 实际练习


色彩学

首先,介绍


伊登12色相环:

由近代著名的色彩学大师美国籍教师Johannes Itten 所著"色彩论"一书而来。

使用绘画三原色(RYB)做基础色相,两种原色(primary color)等量调和得到二次色(secondary color,即间色),二次色再等量调和得到三次色(tertiary color,即复色)。

伊登12色相环:零基础也能学!一份全面系统的渐变色自学指南 的图伊登12色相环:零基础也能学!一份全面系统的渐变色自学指南 的图

伊登12色相环:零基础也能学!一份全面系统的渐变色自学指南 的图


但是现在我们使用软件中的是色光三原色,所以如果你想使用AI画出伊登12色相环,总是会有偏差的,只能对照图片直接吸色。

现代印刷使用色料三原色(CMY)比绘画三原色更加科学,用黄、品红、青三色能调配出更多的颜色,而且纯正并鲜艳。


Image title

色料三原色叠加得到色光三原色



名词解释

1. 绘画三原色:红Red 黄Yellow 蓝Blue,即RYB

2. 色光三原色(加法三原色):红Red 绿Green 蓝Blue,即RGB,这个标准几乎包括了人类视力所能感知的所有颜色

3. 颜料三原色(减法三原色):青Cyan 品红Magenta 黄色Yellow。 通常为CMYK

K:Key Plate(blacK) 定位套版色(黑色)。


我们看到印刷的颜色,都颜料吸收光线,然后反射的光的颜色。把黄色颜料和青色颜料混合起来,因为黄色颜料吸收蓝光,青色颜料吸收红光,因此只有绿色光反射出来,这就是黄色颜料加上青色颜料形成绿色的道理。

K的出现原因:青、品红、黄三色也是美术三原色,三种颜色理论上可以混合出黑色,但是现实中由于生产技术的限制,油墨纯度往往不尽人意,混合出的黑色不够浓郁,同时也可以节省油墨消耗。



HSB颜色模式

HSB色彩是把颜色分为色相、饱和度、明度三个因素。

1. 色相(Hue):是纯色,即组成可见光谱的单色。红色在0度,绿色在120度,蓝色在240度。

2. 饱和度(Saturate):表示色彩的纯度,为0时为会色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时,每一色相具有最纯的色光。

3. 亮度(Bright):是色彩的明亮读。为0时即为黑色。最大亮度是色彩最鲜明的状态。

伊登12色相环:零基础也能学!一份全面系统的渐变色自学指南 的图伊登12色相环:零基础也能学!一份全面系统的渐变色自学指南 的图



配色研究

单色组
近似色
补色组
分裂补色
原色
二次色组


配色举例:

柔细腻的风格,饭太稀Fan大大的作品

Image title


基本规律:

1. 饱和度基本在中间与中间一下 浅色系明度最上,依次阶梯向下

2. 使用近似色或单组色,色相相近,微调饱和度。

3. 如果想得到明暗对比,还需调整明度。 使用补色组或分裂补色,色相有跨度,可以增加饱和度与明度。如果想得到明暗对比,则减少饱和度或明度。

Image title


实际练习

使用上面的总结内容,下载了一个素材进行颜色调整

改变了配色风格,如果找到合适的配色,直接运用配色最快速的。

Image title



参考文章

色彩原理解析与应用-http://www.360doc.com/content/16/1030/01/32150962_602440277.shtml

关于伊登十二色环-http://blog.renren.com/share/339406608/7026416787

零基础也能学!一份全面系统的渐变色自学指南-http://www.uisdc.com/comprehensive-gradual-design-guideline


新年快乐~

更新:2018-02-12

收藏

52人已收藏

雪柔咚咚锵

努力一点 认真一点 开心一点

  • 5

    作品

  • 12

    粉丝

  • 10

    关注

  • 邀请好友全局思考笔记
  • 设计师笔记整理工具/Mou与Markdown零基础新手入门
  • 当你一直滑刷到界面底部有什么
  • 泸沽湖傍晚雪后

    猜你喜欢

      2018-02-12 原创文章 教程 举报 3781 52 24 3

      零基础色彩自学笔记与也许应用方法

      0.0°

      你确定要举报零基础色彩自学笔记与也许应用方法

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年02月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      24
      52
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录