第二章 网页色彩搭配基础课件.ppt

黄色 具有快乐，希望，智慧和轻快的个性，它的明度最高。 2.4 各种色彩分析 大黄 柠檬黄 柳丁黄 米黄 2.4 各种色彩分析 蓝色 是最具凉爽，清新，专业的色彩。由于蓝色沉稳的特性，具有理智，准确的意象，在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，企业色。它和白色混合，能体现柔顺，淡雅，浪漫的气氛。 2.4 各种色彩分析 大蓝 天蓝 水蓝 深蓝 　 　 　 　 2.4 各种色彩分析 白色 在商业设计中，白色具有高级，科技的意象，通常需和其他色彩搭配使用并且可以和任何颜色作搭配。 2.4 各种色彩分析 黑色 在商业设计中，黑色具有高贵，稳重，科技的意象，许多科技产品的用色，如电视，跑车，摄影机，音响，仪器的色彩，大多采用黑色，在其他方面，黑色的庄严的意象，也常用在一些特殊场合的空间设计。 2.4 各种色彩分析 灰色 在商业设计中，灰色具有柔和，高雅的意象，而且属於中间性格，男女皆能接受，所以灰色也是永远流行的主要颜色，在许多的高科技产品，尤其是和金属材料有关的，几乎都采用灰色来传达高级，科技的形象，使用灰色时，大多利用不同的层次变化组合或他配其他色彩，才不会过於素，沉闷，而有呆板，僵硬的感觉。 2.4 各种色彩分析 大灰 老鼠灰 蓝灰 深灰 网页制作用彩色还是非彩色好呢？ 根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。 通常的做法是：主要内容文字用非彩色（黑色），边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。 2.4 各种色彩分析 2.5.1网页色彩搭配的原理 1、非彩色的搭配 黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。 2.5 网页色彩搭配 2.5.1网页色彩搭配的原理 2、彩色的搭配 2.5 网页色彩搭配 色彩的鲜明性 色彩的独特性 色彩的适合性 色彩的联想性 鲜艳的色彩容易引人注目 与众不同的色彩，人印象强烈 所选色彩和表达的内容气氛适合 不同色彩会产生不同的联想 2.5.2 网页色彩搭配技巧 （1）用一种色彩 这里是指先选定一种色彩，然后调整透明度或者饱和度，（说得通俗些就是将色彩变淡或则加深），产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 2.5 网页色彩搭配 2.5.2 网页色彩搭配技巧 （2）用两种色彩 先选定一种色彩，然后选择它的对比色如用蓝色和黄色，整个页面色彩丰富但不花哨。 对比色: 如与指定的某色，依色环度大约成108度至144度之间的相对，在此范围内的所有色相称为对比色系。 2.5 网页色彩搭配 用两种色彩 2.5.2 网页色彩搭配技巧 （3）使用邻近色 使用邻近色，就是在色带上相邻近的颜色，如绿色和蓝色，红色和黄色互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。 2.5 网页色彩搭配 2.5.2 网页色彩搭配技巧 （4）用黑色和一种彩色 2.5 网页色彩搭配 比如大红的字体配黑色的边框感觉很“跳”。 2.5.2 网页色彩搭配技巧 在网页配色中，忌讳的是： （1）不要将所有颜色都用到，尽量控制在三种色彩以内。 （2）背景和前文的对比尽量要大，不要用花纹繁杂的图案作背景，以便突出主要文字内容。 2.5 网页色彩搭配 * 西安交通大学城市学院 网页制作与网站建设 Webpage making Website construction 西安交通大学城市学院 网页制作与网站建设 西安交通大学城市学院计算机系 了解网页色彩基本知识 掌握无彩色系与有彩色系 掌握色彩的三要素 掌握色彩对比和色彩心理的表现形式 掌握网页色彩的搭配 掌握各类网站设计指南 学习目标 第2章 网页色彩搭配基础 网页的色彩是树立网站形象的关键之一。网页的背景，文字，图标，边框，超链接等，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵？ 2.1 网页配色原理 （一）色彩的基本知识 显示器的颜色属于光源色。所以颜色的以光学颜色RGB为主。在显示器屏幕内侧均匀分布着红色（RED）、绿色（GREEN）、蓝色（BLUE）的荧光粒子，当接通显示器电源时显示器发光并以此显示出不同的颜色。显示器的颜色是通过光源三原色的混合显示出来的。显示器可以显示出多达1600万种颜色。 2.1 网页配色原理 （一）色彩的基本知识 网页颜色主要有3种基