web design网页色彩基础知识上.pptVIP

网页色彩基础知识 引言 使用者最容易联想到与色彩相关的视觉元素 如：灰色背景、红的导航 网站的色彩体系 网站的主色调 网站的辅助色 网站的强调色 吸引视线顺序 一、色彩属性 色光三原色——加色法原理 基本色光：红、绿、蓝 以相同比例混合——白色 应用于电视机显示器、监视器等 一、色彩属性 色料三原色——减色法原理 三原色颜料：青C、品红M、黄Y 以相同比例混合——黑色 被动发光 网页中的色彩 用红、绿、蓝三种颜色的数值表示 每种都是从0到255的强度范围 利用十六进制表示（#FFFFFF） 颜色分非彩色和彩色 非彩色 黑、白、灰系统色 彩色 非彩色以外的所有色彩 注意 彩色的记忆效果是黑白的3.5倍 颜色分非彩色和彩色 网页中的颜色 非彩色 主要内容、背景色 彩色 边框、背景、图片 调整饱和度和不透明度P102 色彩的三要素 色相 颜色的成分 是区别不同色彩的最准确标准 色相差别是由于光波长短产生 同一类颜色分为了多种色相 人眼睛可以分辨180中不同色相 利用色相推移设计网页P105 企业色彩 企业色彩营销战略 红色可乐 蓝色百事 黄色茶饮立顿 绿色康师傅绿茶 雪肌精深蓝色 兰蔻天蓝色 色彩的三要素 明度 色彩明亮程度 加白提高，加黑降低 黄色明度最高，紫色明度最低 画面中利用不同明度的色块表达作者的情感 明显亮度差异——突出信息，增强可读性 利用明度推移制作网页P107 明度 色彩的三要素 纯度（饱和度） 色彩鲜艳程度 纯色艳丽，易引起视觉兴奋 中纯度基调丰满、柔和，视觉持久 低纯度基调单调，易使人产生联想 色彩的三要素 一种颜色加入下列颜色 加白：降低纯度，提高明度，产生色相偏差 加黑：降低纯度，降低明度，失去光亮感 加灰：颜色变得浑厚，含蓄 加互补色：纯色可以掺淡，相当于加灰 案例：纯度推移P108 饱和度 色彩的基本概念 色环 两端是暖色和寒色 中间是中性色 原色 红、绿、蓝 不能用其他颜色的光调配 色相环 色彩 黄色 明度最高 蓝色 视觉传递速度最慢的颜色 红色 传递速度最快的颜色 黄色网页 原色——红色网页 色彩的基本概念 间色 二次色 青色——蓝色、绿色 品红——红色、蓝色 黄色——红色、绿色 间色搭配网页 色彩的基本概念 复色 三次色 三中原色按不同比例调配 含有黑色，纯度低，种类繁多 复色搭配的网页 单色配色 色彩的基本概念 补色 一种原色与另两种原色调配的间色 例如：红色与青色 特点：一起使用能最大程度突出对方，混合则出现灰黑色 补色 色彩的基本概念 冷色与暖色 呈现的总体印象 根据物理、生理、心理及色彩自身来确定 青、蓝绿、蓝——冰雪、海洋、蓝天 橙、红、黄——阳光、夏天、火 暖色系网页 冷色系网页 彩色的心理感觉 红色系 刺激强 使人冲动、愤怒、热情、活力 喜庆和幸福的代表颜色 也和战争、鲜血、危险、狂热联系 对人的心理产生巨大鼓舞 红色与黑色、灰色搭配 产生现代激进的感觉 红色——引人注意 彩色的心理感觉 橙色系 介于红色和黄色之间 明亮、华丽、健康、兴奋、温暖、欢乐、辉煌 欢快活泼的色彩 富足、快乐而幸福的颜色 混入较多黑色——烧焦的颜色 混入较多白色——甜腻的感觉 与浅绿、浅蓝搭配最响亮最欢快 橙色——跳跃 彩色的心理感觉 黄色系 快乐、希望、智慧和轻快的个性 象征财富和权力 灿烂、辉煌——多见于房地产网站 淡黄色不能搭配浅色，特别是白色 深黄色不能搭配深红色和深紫色 彩色的心理感觉 黄色系 以黄色为主的多为儿童网站 表现温暖主题的也多使用黄色搭配（食物） 黄色和白色 黄色和紫色、绿色、蓝色 黄色——扩张 彩色的心理感觉 绿色系 介于冷暖色之间 给人和睦、宁静、健康、安全之感 和金黄、淡白——优雅、舒适 象征希望和健康——健康类、教育类、环境类 绿色——活力 彩色的心理感觉 青色系 介于绿色和蓝色之间 宽容大度 应用于知识、科技和教育类网站较多P116 彩色的心理感觉 蓝色系 最具凉爽、清新、专业 搭配白色——体现淡雅、浪漫 联系到大海、地球、天空 多使用蓝色设计出自然风格的网站 蓝色——镇定 彩色的心理感觉 紫色系 介于暖色和冷色之间 有娇美、时尚、优雅浪漫的特点 给人神秘、高贵的感觉 多用于艺术类网站 暗紫色加白色 紫色——优雅 彩色的心理感觉 黑色和白色 黑色 深沉、神秘、寂静、悲哀、压抑 无彩色，无纯度 给人深沉、久远之感 白色 洁白、明快、纯真、清洁 所有单一颜色和黑、白都可以和谐搭配 黑色——力量 灰色——精致 白色——纯洁 彩色的心理感觉 金色系 象征高贵、光荣、华贵、辉煌 代表温暖和幸福——太阳的颜色 黄金的颜色——奢侈、华丽、名誉、高贵 多用于房地产广告 当各种颜色配置不协调下使用 色彩在网页中的作用 引导主次关系 色块面积大小 色彩强烈程度 划分视觉区域 区分