网页色彩 刘思琪.pptVIP

你被色到了 设计部|刘思琪 色彩运用是们学问，它在设计中占的位置极其重要。一件设计作品中一般包含三个元素：色彩、图像、文字。在这三个元素中，以色彩最为重要。人们对色彩是相对敏感的，当我们接触一件设计作品时，最先吸引注意力的就是作品的颜色，其次是图像，最后是文字。 所以，设计师最容易通过色彩来表达设计理念，也最要懂得和色彩沟通 目 录| content 01 02 03 色彩（构成、属性、色相环、特性） 色彩模式（HSB/RGB/CMYK） 网页配色 04 参考资料及作业 1.1色彩——构成 自然界中的颜色分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。 1.2色彩——属性 色相 色泽，是颜色的基本特征，反映颜色的基本相貌。是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异。如红、黄、绿、蓝、紫等为不同的基本色相。 1.2色彩——属性 明度 亮度，指颜色的深浅、明暗程度，没有色相和饱和度的区别。非色彩的黒、灰、白较能形象的表达这一特质。 非彩色只有明度特征，没有色相和饱和度的区别。 1.2色彩——属性 饱和度 纯度，指颜色的纯洁程度。原色最纯，颜色的混合越多则纯度逐渐减低。 1.3色彩——色相环 十二色相环是由原色，二次色和三次色组合而成。色相环中的三原色是红、黄、蓝色，在环中形成一个等边三角形。 二次色是橙、紫、绿色，处在三原色之间，形成另一个等边三角形。红橙、黄橙、黄绿、蓝绿、蓝紫和红紫六色为三次色。三次色是由原色和二次色混合而成。 （1）色彩的冷暖 最暖色（暖极）：橙 最冷色（冷极）：蓝 暖色：红 黄 冷色：蓝绿 蓝紫 中性色：黑 白 灰 绿 中性微暖色：红紫 黄绿 中性微冷色：绿 紫 1.4色彩——特性 （2）色彩的关系 相似色：色环中相邻的三种颜色。（60°） 邻近色：与某一颜色相邻。（30°） 互补色：色环中相对的两种颜色。（180°） 对比色：以某一颜色为参照，于此相隔120度。 （3）色彩的轻重感觉 色彩的轻重感是由于不同的色彩刺激，而使人感觉事物或轻或重的一种心理感受。决定色彩轻重感觉的主要因素是明度，即明度高的色彩感觉轻，明度低的色彩感觉重。其次是纯度，在同明度、同色相条件下，纯度高的感觉轻，纯度低的感觉重。在所有色彩中，白色给人的感觉最轻，黑色给人的感觉最重。从色相方面看，暖色黄、橙、红给人的感觉轻，冷色蓝、蓝绿、蓝紫给人的感觉重。 （4）色彩的膨胀与收缩 色彩的软硬感觉为，凡感觉轻的色彩给人的感觉均为软而有膨胀的感觉。凡是感觉重的色彩给人的感觉均硬而有收缩的感觉。 2.1色彩模式——HSB HSB色彩模式 基于人眼视觉接受体系 H（色相） S（饱和度） B（明度） 2.2色彩模式——RGB RGB 电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光合成的。--光色三原色 CMYK 色的三原色：青、 品、 黄。 CMYK也称作印刷色彩模式，是一种依靠反光的色彩模式，需要由外界光源。减色模式。 颜色值介于0-----100之间 青色（Cyan） 品红色（Magenta） 黄色（Yellow） 黑色（Black） 2.2色彩模式——CMYK 3.网页配色---色彩联想 RED/红色 红色是能够吸引人们视线的色彩。因为红色是强烈的色彩，所以常常作为有攻击性的、严格的、代表权力的色彩进行使用。同时它也是充满活力的色彩，并且是可以令人感觉到热情和力量的色彩。 红色能让人联想到：火焰、鲜血、西红柿、西瓜瓤、口红、太阳 红色正面联想：激情、爱情、能量、力量、热情、活力 红色负面联想：侵略、战争、残忍、危险 ORANGE/橙色 橙色是给人以味道的感觉的色彩。原来在色彩设计中，红色是引起食欲的色彩，但是在网页设计中红色显得过于强烈， 所以较多使用橙色作为主色彩。 橙色给人以温和的、有能量、有律动的感觉，是快乐的、欢喜的色彩。但是在网页设计中一定要调整好面积。 橙色能用来强化视觉。 橙色能让人联想到：秋天、胡萝卜、灯光 橙色正面联想：温暖、欢喜、创造力、活跃、能量、明朗 橙色负面联想：粗鲁、喧嚣、嫉妒 YELLOW/黄色 黄色是象征着乐观、喜悦、幸福和希望的色彩。 而与此相反，黄色的玫瑰花代表嫉妒。 黄色能让人联想到：阳光、沙滩、向日葵、香蕉 黄色正面联想：聪明、才智、乐观、光辉、喜悦、明快、希望 黄色负面联想：怯懦、欺骗、警告 GREEN/绿色 绿色是自然界的色彩，象征着安定与和平。从心理学角度，它具有可以使我们安定下来的力量，可以使我们血液流动顺畅。通常有同行的意义，还有秩序的意义 绿色能让人联想到：植物、大自然、树木 绿色正面联想：和平、安全、生长、新鲜、自然、青春 绿色负