《色彩基础知识及案例分析》课件.ppt

孟塞尔颜色系统 经度=色相（hue）。 南北轴=明度（value），从全黑（N0）到全白（N10）。 距轴的距离=色度（chroma），表示色调的纯度。 孟塞尔颜色系统 具体颜色的标识形式为：色相+明度+色度。例如5B 5/10是中等明度（5），高色度（10）的正蓝色（5B）。 色彩涵义 其实色彩本身是没有意义的，但色彩可以使我们联想到某种事物，或某段回忆，进而影响我们的情绪。人其实是靠着经验与习惯生活的，而色彩能够使我们联想到曾经的经验与习惯，于是色彩也就有了意义，这意义不是色彩本身的，而是色彩背后所代表的事物带给我们的。色彩是很难被理性衡量的，不同的人看到色彩有各自不同的感受。 色彩的对比调和 色彩的对比调和是一种色彩使用的基本技能。其中，我们需要掌握以下几个概念。 ①暖色系 暖色系是指色相环中包括黄、红、褐、赭等色彩在内的色彩系列。暖色系给人以热烈、欢快、温暖、奔放的感觉。 色彩的对比调和 ②冷色系 冷色系是包括绿色、蓝色、紫色等色相在内的色彩系列，它给人以清冷、宁静、凉爽的感觉。冷色和暖色并非是绝对的，一些冷色在它所属的冷色系中通过对比，会具有偏暖的倾向；暖色则有可能通过与更暖颜色的对比而取得偏冷的倾向。 色彩的对比调和 ③补色对比 冷色系是包括绿色、蓝色、紫色等色相在内的色彩系列，它给人以清冷、宁静、凉爽的感觉。冷色和暖色并非是绝对的，一些冷色在它所属的冷色系中通过对比，会具有偏暖的倾向；暖色则有可能通过与更暖颜色的对比而取得偏冷的倾向。 由于补色对比的作用，橙色和绿色互相强调这幅作品有多少颜色？事实上只有三种：橙色、绿色和深蓝色 色彩的对比调和 ④同类色 相同类别的色彩称为同类色，如柠檬黄、淡黄、中黄、土黄，就属于同类色。 ⑤近似色 同类别色彩或相近的不同类别色彩称为近似色，如桔黄与桔红、朱红与大红就是近似色，而桔红与朱红、中黄与桔黄也是近似色。不同类别但明度相近的冷暖色彩也是近似色，如淡绿与湖蓝、群青与紫、曙红与紫罗兰等。 ⑥协调色 协调色是指所使用的色彩在形式、内容、表现、手段上，都处于相互衬托、相互制约、协同一致的搭配关系，如原色与间色、间色与复合色、复合色与灰色的协调等。 色彩搭配 搭配方式 常见的搭配方式有同类色搭配，近似色搭配，补色搭配，分裂补色搭配，三角色搭配。如下图。 色彩搭配 单色搭配(0°): 由一种色相的不同明度组成的搭配，这种搭配很好的体验了明暗的层次感。 * 色彩搭配 近似色（60°)：色环上距离相距非常近的色彩。 近似色搭配：相邻的两到三个颜色称职为近似色。如下图（橙色/褐色/黄色），这种搭配比较让人赏心悦目，低对比度，较和谐。 色彩搭配 互补色（180°)：（对比色），色轮上距离最远相对的色彩。 色环中相对的两个色相搭配。颜色对比强烈，传达能量、活力、兴奋等意思，补色中最好让一个颜色多，一个颜色少。如下图（紫色和黄色）。 色彩搭配 .原色的搭配（120°)：大部分是在儿童产品上，色彩明快，这样的搭配在欧美也非常流行，如蓝红搭配，frickr的logo以及 麦当劳的logo色与主色调红黄色搭配等。 色彩搭配 分裂互补色（120～180°)：分裂补色搭配：同时用补色及类比色的方法确定颜色关系，就称为分裂补色。这种搭配，既有类比色的低对比度，又有补色的力量感，形成一种即和谐又有重点的颜色关系，如下图，红色文字就显得特别的铿锵有力，特别突出。 色彩使用比例 色彩的搭配方法有很多种，这里介绍一种我个人比较认同的方式。日本设计师まりっぺ提出70%，25%，5%的配色比例原则，画面中70%为底色，面积最大的一块，往往画面的色调是有底色决定的。25%面积的为主色，画面的核心区域多使用主色区。5%为强调色，强调色在画面中起到华龙点睛的作用，强调色多使用与主色对比度较大的颜色，也可以尝试利用色彩的互补关系来突出。 色彩使用比例 当然，在实际工作中，很多时候画面不会只有3中颜色。遇到这种情况时，まりっぺ主张在现有的配色方案中进行切割，从而不影响配色比例。 * 如何准确定位你的色彩 前面分析的是通过颜色去感觉情绪。这里简单写，如何根据产品去捕捉色彩，也就是所谓的MOOD?BOARD(情绪版)。 情绪版是指对要设计的产品以及相关主题方向的的色彩，影像，图片等其他材料的收集，从而引起某些情绪反应，?以此作为设计方向或者是形式的参考。（具体请参考情绪版(Mood?board)操作流程的新思考——晓千） 1.原生关键词选择 首先，通过对产品的理解与认识，以及用户调研等得出体验关键词。 * 如何准确定位你的色彩 2.衍生关键词 针对所得到的关键词，扩容信息，通过头脑风暴画出关键词的思维导图，寻找扩展关键词。 3.?收集相关图片，提取图片生成情绪版 通过“原生关键词”和“衍生关键