第五章 5.1 暖色和冷色-高二《网页美工-网页色彩与布局设计》同步教学课件 （电子工业出版社·第2版）

Web Color Application analysis 第五章 网页色彩 应用分析 2 暖 色 Warm Color 1 冷 色 Cool Color 2 单 色 Monochrome 3 近似色 Similar Color 4 目 录 CONTENTS 互补色 Complementary Colour 5 突出色 Highlight The Color 6 3 暖 色 红色 黄色 1 PART 4 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 网页色彩应用分析 Web Color Application analysis 5.1.暖色 暖色，是指色环中红色、橙色一边的色相。称暖色，能带给人温馨、和谐、温暖的感觉，这是出于人们的心理和感情联想。因此给人们一种温暖、热烈、活跃的感觉。 1.红色在暖色系中，红色是最具备力量的，它能强烈表达感情，也是抓住人的注意力的高手。红色是视觉效果最强烈的色彩，鲜艳的红色容易带给人热情、主动、活泼、温暖的感觉。 5.1.1红色 5 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 网页色彩应用分析 Web Color Application analysis 如图5-1所示的网页是Trol Intermedia企业的官方网页的一部分，该企业运用红色作为网页的背景，给人一种积极向上、乐观的心理感受，同时也很好地传达了企业的工作精神。另外，红色与白色是经典的配色，是整个网页更加稳定，是一个成功的网页案例。 图5-1 网页中的红色运用 5.1.1 红色 6 网页色彩应用分析 Web Color Application analysis 黄色就像橙色和红色，黄色也是一个暖色。它有大自然、阳光、春天的涵义，而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色，给人轻快，透明，辉煌，充满希望的色彩印象。 5.1.2 黄色 7 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 网页色彩应用分析 Web Color Application analysis 如图5-2所示，此网页是为设计者在遇到问题时提供帮助的网站，利用黄色作为背景，给人一种明快、向上的心理感受，认为这是一个很有帮助的网站，在配上卡通的造型，更加吸引用户的眼球。 图5-2 网页中的黄色运用 5.1.2 黄色 8 网页色彩应用分析 Web Color Application analysis 在有关食品类的网页设计中暖色系色彩更是他们的首选，这些网站的设计主体突出，大部分以暖色调为主，因为暖色的另一个心理感受是刺激人们的食欲，所以很多有关食品的网页都适当运用红色来刺激用户，带来利益。如图5-3所示的“舌尖上的中国”官网首页，背景图片是一幅精妙绝伦的插画，在颜色的选择上采用了单纯的红色，并填充了不同明度的红色，以凸显画中人物和美食复杂的轮廓，彰显出中国民间美食街上热闹的景象。 图5-3 暖色在食品类网页的运用 5.1 暖色 9 冷 色 蓝 色 绿 色 2 PART 10 网页色彩应用分析 Web Color Applicatio