颜色模版+配色重点分析.ppt

@只为设计的微波 更多示例 示例 垂直1色彩（调亮度）做渐变效果 首先，确定基色 11，233，110 渐变2 11，233，110 渐变1和线框色 11，233，150 阴影 11，233，48 根据基色，衍生出垂直色彩，分别用于渐变填充、线框色和阴影，也可以根据需求，衍生出更多垂直色彩。 示例 垂直1色彩（调亮度）做渐变效果 绘制形状 用之前得到的垂直色彩赋色 示例 垂直1色彩（调亮度）做渐变效果 元素各个部分赋色说明 *射线渐变填充 渐变2 11，233，110 渐变1 11，233，150 阴影 11，233，48 线框色 11，233，150 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 渐变2 11，233，110 渐变1和线框色 11，233，150 阴影 11，233，48 渐变2 24，233，110 渐变1和线框色 24，233，150 阴影 24，233，48 渐变2 36，233，110 渐变1和线框色 36，233，150 阴影 36，233，48 渐变2 50，233，110 渐变1和线框色 50，233，150 阴影 50，233，48 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 渐变2 63，233，110 渐变1和线框色 63，233，150 阴影 63，233，48 渐变2 80，233，110 渐变1和线框色 80，233，150 阴影 80，233，48 渐变2 124，233，110 渐变1和线框色 124，233，150 阴影 124，233，48 渐变2 140，233，110 渐变1和线框色 140，233，150 阴影 140，233，48 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 渐变2 150，233，110 渐变1和线框色 150，233，150 阴影 150，233，48 渐变2 170，233，110 渐变1和线框色 170，233，150 阴影 170，233，48 渐变2 190，233，110 渐变1和线框色 190，233，150 阴影 190，233，48 渐变2 200，233，110 渐变1和线框色 200，233，150 阴影 200，233，48 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 渐变2 216，233，110 渐变1和线框色 216，233，150 阴影 216，233，48 渐变2 236，233，110 渐变1和线框色 236，233，150 阴影 236，233，48 渐变2 0，233，110 渐变1和线框色 0，233，150 阴影 0，233，48 渐变2 170，0，110 渐变1和线框色 170，0，150 阴影 170，0，48 示例 平行色彩做多种色调 罗列出的16种平行色彩，足够平常所用。这里的颜色仅供参考。实际上是有255种色调可供选择。 在此输入一级标题 在此输入一级标题 在此输入一级标题 在此输入一级标题 示例 垂直色彩2+平行色彩做多种色调 如果觉得颜色有点艳丽，可相应调整饱和度，这里调整的是渐变2与线框色的饱和度，渐变1和阴影不做调整 在此输入一级标题 在此输入一级标题 在此输入一级标题 在此输入一级标题 渐变2 0，169，110 渐变1 0，233，150 阴影 0，233，48 线框色 0，169，150 示例2 平行色彩做渐变 前面我们讲的是一个元素基于垂直色彩的渐变，这里讲讲平行色彩的渐变。平行色彩的渐变表达的也是一种颜色的平等关系，平衡感较强 渐变2 0，233，110 渐变1 33，233，110 漫谈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模式为基础。 我们只需要 H(Hue) 色调 赤橙黄绿青蓝紫，这是通过色调控制的 S(Saturation) 饱和度 某种颜色的艳丽程度，由饱和度来控制。 L (Lightness) 亮度 某种颜色，由浅到深，通过控制亮度来得到 HSL色彩模式介绍 接下来开始正文 色调 饱和度 亮度 平行 垂直 斜交 色彩的三大关系 PS：这三大关系是基于元素内部或元素之间的层次关系，理解这点很重要 主要用于不同元素的并列关系或同一元素的渐