- 1、本文档共46页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
漫谈PPT色彩
@只为设计的微波
R:255 G:92 B:0
RGB色盘
RGB
RGB是最常见的色彩模式
但本ppt用的是HSL模式
H:32 S:255 L:128
HSL色盘
HSL
HSL与RGB模式可以很方便地进行切换
点击如图下拉箭头,切换到HSL模式,在HSL下修改数值,再切换到RGB模式,值会相应自动修改。后文将以HSL模式为基础。
我们只需要
HSL色彩模式介绍
色调
饱和度
亮度
平行
垂直
斜交
色彩的三大关系
主要用于不同元素的并列关系或同一元素的渐变
平行色彩
平行关系色彩
在HSL色盘上的
位置关系
示例1
示例2
特例
慎用灰色:
要表达并列关系的元素时,灰色应与多种色调搭配,且灰色不宜过多。否则很容易形成强调关系或整体不协调。
表达的是同一/不同元素基于某种色调的层次变化关系
垂直色彩1
垂直关系1色彩
在HSL色盘上的
位置关系
示例1
单色
渐变
边框
阴影
综合
H:11
S:234
L:119
H:11
S:234
L:151
H:11
S:234
L:39
同一元素
示例2
不同元素
释疑
层次变化表现为:
强调元素用深色
非强调元素用浅色或灰色
层次变化表现为:
元素的并列关系是由于色彩分布错落有致,其中最明显的色彩一般置于中央,淡化了色彩的层次
释疑
色彩由浅到深分布,突出了变化趋势,层次就明显了
表达的是同一/不同元素基于某种色调的层次变化关系,与垂直色彩1意义相同
垂直色彩2
联系
联系(HSL色彩立体模型,可不看)
垂直色彩2
垂直色彩1
平行色彩
区别(需牢记的)
示例
是平行色彩与垂直色彩的结合,可实现更丰富的配色。
斜交色彩
斜交方式1:先平行,后垂直1(调亮度)
先调节色调
H:32→42
后调节亮度
L:128→192
斜交方式1:先垂直1,后平行
后调节色调
H:32→42
先调节亮度
L:128→192
与前页等价
斜交方式2:先平行,后垂直2(调饱和度)
先调节色调
H:32→42
后调节饱和度
S:255→192
斜交方式2:先垂直2,后平行
后调节色调
H:32→42
先调节饱和度
S:255→192
与前页等价
斜交方式3:平行、垂直1、垂直2
先调节色调
H:32→56
后调节亮度
L:128→95
再调节饱和度
S:255→83
任意两种颜色都可以
通过斜交方式3得到
斜交方式4 同一色调
前面讲的是不同色调颜色的斜交调整方式,这里讲一下同一色调的斜交。
A(19,150,119)
19,234,119
调节饱和度
S:234→150
B(19,234,96)
调节亮度
L:119→96
C(19,150,96)
如A,仍然感觉有点亮;如B,感觉有点艳丽。这时我们就需要使用斜交色彩得到C
斜交方式4 同一色调
同样的道理
如D,仍然感觉有点亮;如E,感觉有点艳丽
这时我们就需要使用斜交色彩得到F
感觉是否不同?
E(19,150,119)
F(19,150,213)
调节饱和度
S:234→150
D(19,234,213)
调节亮度
L:119→213
19,234,119
斜交方式4 同一色调
由此我们得到了,与垂直色彩不同的颜色方案,颜色更具变化性,让我们有了更多的色彩选择
更多示例
示例 垂直1色彩(调亮度)做渐变效果
示例 垂直1色彩(调亮度)做渐变效果
示例 垂直1色彩(调亮度)做渐变效果
元素各个部分赋色说明
*射线渐变填充
渐变2
11,233,110
渐变1
11,233,150
阴影
11,233,48
线框色
11,233,150
示例 平行色彩做多种色调
*这里罗列出具有代表性的色调,实际中是用不了这么多
*请注意看HSL值
示例 平行色彩做多种色调
*这里罗列出具有代表性的色调,实际中是用不了这么多
*请注意看HSL值
示例 平行色彩做多种色调
*这里罗列出具有代表性的色调,实际中是用不了这么多
*请注意看HSL值
示例 平行色彩做多种色调
*这里罗列出具有代表性的色调,实际中是用不了这么多
*请注意看HSL值
示例 平行色彩做多种色调
罗列出的16种平行色彩,足够平常所用。这里的颜色仅供参考。实际上是有255种色调可供选择。
在此输入一级标题
在此输入一级标题
在此输入一级标题
在此输入一级标题
示例 垂直色彩2+平行色彩做多种色调
如果觉得颜色有点艳丽,可相应调整饱和度,这里调整的是渐变2与线框色的饱和度,渐变1和阴影不做调整
示例2 平行色彩做渐变
前面我们讲的是一个元素基于垂直色彩的渐变,这里讲讲平行色彩的渐变。平行色彩的渐变表达的也是一种颜色的平等关系,平衡感较强
渐变2
0,233,110
渐变1
33,233,110
示例3 斜交色彩做渐变
如果要打破这种平衡感,呈现
文档评论(0)