新手必看:配色方法及色彩使用技巧

所属分类: 平面设计 / 平面其它 阅读数: 1885
收藏 0 赞 0 分享

色彩的内容很多,我们分3篇讲解。第一篇:颜色基础知识;第二篇:颜色的理论和配色实例;第三篇:教你如何利用颜色工具处理照片。今天先说前两篇,不会配色的同学记得阅读收藏。

颜色基础知识

打开你的Photoshop,新建文档,有两个非常重要的选项,一个是颜色模式(位图/灰度/RGB颜色/CMYK颜色),一个是位数(1位/8位/16位/32位)。

什么是颜色模式?

新建一个文档,选择颜色模式为:位图和1位(为什么其它位不能选择?请往下看)。

选择"窗口"-"颜色"(或者直接按F6),调出颜色面板:

把K值(灰度值用K表示)拉到50%以下及以上,或者选择色彩不同的亮度(同样只有K值变化,深色的K值变大,浅色K值变小),选择矩形框(只能选择路径和像素模式)画画,看看出现什么效果?只能画白的和黑色。为什么会这样?

什么是位?

还记得中学的时候老师讲过的吗:"Bit(位)是计算机存储器里的最小单元"。一比特等于二进制(0和1)中的一位,多少0和1就是多少位。1像素用1位表示的话,2的位次幂记录。黑白两种单色,每个像素只有1位颜色(21)。这就是为什么上面我们新建一个颜色模式为"位图"和"1位",只能使用黑色和白色了。也就有了位图这个概念。

灰度模式

打开PS,同上,新建文档,选择"灰度"和"位",和RGB能选择的范围一样,可以选择8位/16位/32位。

打开颜色面板,把RGB调成同一个数值看看,是不是RGB相等的时候,变成灰的了?其实,256色,也称256灰度级。

把RGB全部调成255,是全白(等于灰度模式0%);全部调成0,是全黑(等于灰度模式100%)。点击右上角下来箭头,选择灰度模式对比一下是不是这样的。

那么RGB和灰度之间有什么联系呢?这里我们需要聊两个概念:亮度和通道。

随意打开一副图像,"窗口"-"通道",打开通道面板,分别单独选择红,绿,蓝试试:

▲ RGB模式

▲ 红色通道




▲ 绿色通道

▲ 蓝色通道

除了灰以外,还有比较亮的白色,和比较暗的黑色,它们统称为亮度的变化。

每个通道中的颜色都是由像素亮度决定的,控制单一通道的亮度其实就是在控制颜色。这也涉及到亮度合并问题了,后面调整照片颜色的时候,我们详解。

RGB与灰度的计算关系:RGB近似色值 = 256 x (1-灰度数%)(注意关闭色彩管理模式,Photoshop 中"编辑"—"颜色设置"-显示器颜色。色彩管理主要用于印刷领域。)

你可以尝试关闭单一通道(如红),留下绿和蓝的组合,看看图片是什么颜色?是不是变青色了?为什么会这样?留意下一篇的色彩理论,你就明白了。

RGB颜色

计算机屏幕的显示是色光三原色(红red,绿green,蓝blue)组成的,每一个像素的颜色都用三原色值来显示。

RGB模式中,每种颜色的单像素用8位存储,2的8次幂等于256,三种颜色256x256x256=16777216 ,简称1600万色(千万色或真色彩),也称24位色(8位 x 3个颜色通道);16位是高彩色;如果是32位,就成HDR(高动态范围成像)了。

显然,位越多,色彩越丰富,相应的存储空间也大。

CMYK颜色

CMYK模式用于印刷领域,用百分值表示,当CMYK全等于0%时显示白色,反之100%是黑色。

Lab颜色

为什么这个Lab颜色只能选择8位和16位呢?这就是涉及到色域了。Lab颜色模式主要根据人眼的正常能查看的色彩范围,所以也就不会更丰富的32位了。

颜色理论

色彩圆盘上可以用一句诗来记住:红、橙、黄、绿、青、蓝、紫

我们上节已经了解到显示器所有颜色是由色光三原色RGB混合成,那其它颜色是如何计算的呢?

色环中,相邻的原色混合成二次色(近似色),如:

紫色=红色 + 蓝色青色=蓝色+绿色橙色=红色 +黄色

用二次色混合就形成三次色(三元色),如

蓝紫色青蓝色橙黄色

对立的两种颜色形成反转色(互补色),冷色调和暖色调相对。

红色色值是255, 0, 0,绿色色值是0, 255, 0,蓝色色值是0, 0, 255,如果你想得到黄色,那么意思就是没有蓝色,纯黄色的色值就是255, 255, 0。同理,紫色(255, 0, 255)是红色和蓝色的混合,没有绿色。

颜色术语

当我们用肉眼看一种颜色:

色相(Hue)就是一种颜色,如红,黄,绿;

饱和度(Saturation,色度/彩度)指的是颜色的强度;

明度(亮度)显然就是明暗程度,加入黑或白色而形成;

色调可以理解为整体色彩的给人的感觉,如偏红,偏蓝;

暖色调,红,橙,黄及其近似或组合,给人强烈,温暖,激情的感觉;

冷色调,绿,蓝,紫其其近似或组合,给人冰冷,平静,舒缓的感觉;

中性色,黑灰白,可用作中和暖色和冷色;

色谱理论

单色 ( Monochromatic)

单一颜色,可以在饱和度和明度上做变化,同样很协调和舒适的感觉。

近似色 ( Analogous)

色轮中相邻或相近的颜色,视觉上会很协调。




互补色 (Complementary)

两种相反的单色,180°对立关系,色差较大,形成互补。通常在想某一种颜色中特别凸显出来可以使用互补色。

三元色 ( Triad )

3种颜色等距离分布在120°上,形成一定的对比,但没有互补色强烈。

颜色引起的情绪变化

色彩不仅能引起情绪变化,往往也能表达自身文化。另外,在实际使用中,也会根据场景而表达的信息不同组合,总之,颜色,你大胆去使用。

因为篇幅所限,我们简明扼要概括常用颜色,以便你快速入门。下面节选部分客户案例进行分析。

红色

好的:激情,热烈,豪放,力量…

坏的:危险,禁止,恐怖…

文化:正红在中国文化中表示喜庆,幸福;西方则认为红色为邪恶的象征;南非,红色则是丧服的颜色。

橙色

好的:温暖,活力,运动,诱人…

黄色

好的:快乐,阳光,温和,明亮,愉悦

坏的:警示,懦弱,有涉及违禁信息,词语无法显示的味道

文化:在埃及,黄色是奔丧的颜色;在日本,黄色代表勇气;在印度,黄色则是商人的颜色。

绿色

好的:生命,活力,环保,新生,健康,生活…

蓝色

好的:专业,高效,冷静,放松…

黑色

好的:稳重,炫酷,高雅,时尚,现代…

坏的:沉闷,凝重,死亡…

灰色

好的:严谨,正式,专业,现代…

坏的:哀悼色..

白色

好的:纯净,简洁,柔和…

文化:西方,白色是婚礼的象征;中国传统白色是丧服。

如何进行色彩搭配?

配色不是科学,而是艺术。也就是说颜色的选择你要去感知,而不是去计算。这里提供些小技巧,让你搭配色彩的时候更专业。

多色彩的搭配,调整饱和度或明度,处理柔和点。

色彩鲜艳的配中性色(黑,灰,白)

好了,下期再见。

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多