第二章 网页色彩搭配基础PPT.pptVIP

黄色 具有快乐，希望，智慧和轻快的个性，它的明度最高。 2.4 各种色彩分析 大黄 柠檬黄 柳丁黄 米黄 2.4 各种色彩分析 蓝色 是最具凉爽，清新，专业的色彩。由于蓝色沉稳的特性，具有理智，准确的意象，在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，企业色。它和白色混合，能体现柔顺，淡雅，浪漫的气氛。 2.4 各种色彩分析 大蓝 天蓝 水蓝 深蓝 　 　 　 　 2.4 各种色彩分析 白色 在商业设计中，白色具有高级，科技的意象，通常需和其他色彩搭配使用并且可以和任何颜色作搭配。 2.4 各种色彩分析 黑色 在商业设计中，黑色具有高贵，稳重，科技的意象，许多科技产品的用色，如电视，跑车，摄影机，音响，仪器的色彩，大多采用黑色，在其他方面，黑色的庄严的意象，也常用在一些特殊场合的空间设计。 2.4 各种色彩分析 西安交通大学城市学院 网页制作与网站建设 Webpage making Website construction 西安交通大学城市学院 网页制作与网站建设 西安交通大学城市学院计算机系 了解网页色彩基本知识 掌握无彩色系与有彩色系 掌握色彩的三要素 掌握色彩对比和色彩心理的表现形式 掌握网页色彩的搭配 掌握各类网站设计指南 学习目标 第2章 网页色彩搭配基础 网页的色彩是树立网站形象的关键之一。网页的背景，文字，图标，边框，超链接等，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵？ 2.1 网页配色原理 （一）色彩的基本知识 显示器的颜色属于光源色。所以颜色的以光学颜色RGB为主。在显示器屏幕内侧均匀分布着红色（RED）、绿色（GREEN）、蓝色（BLUE）的荧光粒子，当接通显示器电源时显示器发光并以此显示出不同的颜色。显示器的颜色是通过光源三原色的混合显示出来的。显示器可以显示出多达1600万种颜色。 2.1 网页配色原理 （一）色彩的基本知识 网页颜色主要有3种基本颜色组成的，他们是红（Red）、绿（Green）、蓝（Blue），其他的颜色是由这3种颜色调和而成的。 例如，黄=红+绿，紫色=红+蓝，白色=红+绿+蓝 用6个十六进制数来表示红、绿、蓝3种颜色的含量，组成一个6位的十六进制数，就是RGB颜色。 例如，红色为FF0000，绿色为00FF00，蓝色为0000FF，白色为FFFFFF。 通常情况下，RGB各有256级亮度，一共可以组合出 256*256*256简称1600万色，也称为24位色。 2.1 网页配色原理 色相 色相也叫色泽，色相是色彩最基本的特征，反应颜色的基本面貌。色相是一种色彩区别于另一种色彩的最主要因素。 色相最基本的代表色是红、黄、绿、青、紫5种。这5种在人们的心理方面有明确的特征，色相的心理反应特征是暖色或冷色。色相之间的关系可以用色相环表示，除了主要的5种色相外，橙、黄绿、青绿和青紫、紫红成为中间色相。人的眼睛可以分辨出约180种不同色相的颜色。 2.1.2 色彩的三要素 12基本色相色环 明度 明度是指色彩的深浅、明暗，它决定于反射光的强度，任何色彩都存在明暗变化。其中黄色明度最高，紫色明度最低，绿、红、蓝、橙的明度相近，为中间明度。另外在同一色相的明度中还存在深浅的变化。如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。有明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffff00），暗红（#cc3300）跟草绿（#99cc00），暗蓝（#0066cc）跟橙色（#ff9933）等。 2.1.2 色彩的三要素 紫色（#993399）跟黄色（#ffff00） 2.1.2 色彩的三要素 暗红（#cc3300）跟草绿（#99cc00） 2.1.2 色彩的三要素 暗蓝（#0066cc）跟橙色（#ff9933） 2.1.2 色彩的三要素 纯度 纯度是指色彩的鲜艳程度，也称色彩的饱和度。其取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大，饱和度越大；消色成分越大，饱和度越小。 2.1.2 色彩的三要素 相近色： 色环中相邻的三种颜色。如黄绿色，黄色和桔黄色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。 2.3 色彩对比 互补色： 在色环上，相对的两种颜色（即：在同一条直径上的两种颜色）为一组补色，如：红和绿，橙和蓝，黄和紫都是补色。补色的对比十分强烈，视觉上给人不和谐的感觉。补色的组合可以使人感觉红的更红绿的更绿，虽然不和谐，但如果运用得好的话也可以很漂亮，给人视觉冲击力很强，如果运用得不好，就会给人俗气，刺眼得感觉。