第一章 1.2 色彩的印象-高二《网页美工-网页色彩与布局设计》同步教学课件 （电子工业出版社·第2版）

The Color Foundation 第一章 色彩基础 2 色彩的构成原理 The Principle of Color Composition 1 色彩的印象 The Impression of Color 2 色彩对比 Color Contrast 3 色彩的调和 Color Harmony 4 目 录 CONTENTS 色调的变化 Colors Vary 5 网页色彩心理 Web Color Psychology 6 3 色彩的印象 红色的色彩印象 橙色的色彩印象 2 PART 蓝色的色彩印象 紫色的色彩印象 黄色的色彩印象 绿色的色彩印象 灰色的色彩印象 黑色与白色的色彩印象 色彩印象小结 4 色彩的印象 The Impression of Color 1.2 色彩的印象 当看到色彩时，除了会感觉其物理方面的影响，心里也会立即产生相应的感觉，这种感觉一般难以用言语形容，人们称之为印象，也就是色彩印象。如果有一个能够合理客观地分析出这种感觉差异的标准，那么就可以利用它说明这种感觉上的差异了。 1.2.1 红色的色彩印象 红色是强有力的色彩，是热烈、冲动的色彩，容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力、积极、热诚、温暖、前进等涵义的企业形象与精神，另外红色也常用来作为警告、危险、禁止、防火等标示用色。 5 如图1-9央视纪录频道三八妇女节专题网站，色彩上运用粉红色与正红色的明度对比与调和，辅之中国各行各业女性的肖像，烘托了对中国现代女性既大胆开拓又柔情似水、既时尚又典雅、既有文化内涵又有情感内涵的赞美之情；玫红色也可以用来表达浪漫氛围，如图1-10所示，主流音乐平台Spotify的情人节主题网站，在功能上，可以把用户输入的文字转化成为诗歌并搭配相应的歌曲，视觉上，将粉红色调与爱情的主题完美地结合在一起，视觉效果极佳。 图1-9央视纪录频道三八妇女节专题网站 图1-10主流音乐平台Spotify的情人节主题网站 色彩的印象 The Impression of Color 6 图1-11央视纪录片《我们这五年》首页 色 彩 的 印 象 The Impression of Color 如图1-11央视纪录片《我们这五年》的网站首页上，飘逸的红色书法字“五”跃入眼帘，且与左上方的红旗一角交相辉映。《我们这五年》在“中国梦既是国家梦、民族梦，也是每个中国人的梦”的主题下，讲述了五年来数个普通中国人的故事。网页的黑色书法字标题用小面积的红色点缀，这一主体文字设计，渲染了当代中国人自强不息的奋斗精神和家国情怀。 值得注意的是，中国民间自古以来每逢婚嫁喜事和传统佳节，都会以红色为主色来装饰器物，如图1-13春节纪录频道特别编排节目《魅力文化中国年》的网页，以正红色为主色调，渲染了吉祥喜庆、热烈奔放的气氛。 图1-13《魅力文化中国年》节目网页 7 1.2.2.橙色的色彩印象 橙色的波长仅次于红色，因此它也具有长波长导致的特征：使脉搏加速，并有温度升高的感受。橙色明视度高，在工业安全用色中，橙色即是警戒色，如火车头、登山服装、背包、救生衣等，由於橙色非常明亮刺眼，有时会使人有负面低俗的印象，这种状况尤其容易发生在某些类型网站的设计上，所以在运用橙色时，要注意选择搭配的色彩和表现方式，才能把橙色明亮活泼具有动感的特性发挥出来，如图1-16所示rufus网站橙色与其他几种颜色的大胆运用，看似橙色以配角的身份出现，但却占据着主导地位，有强调、醒目的效果。 图1-14 rufus网站 色 彩 的 印 象 The Impression of Color 8 1.2.2.橙色的色彩印象 橙色和许多食物的颜色类似，如橙子、面包以及油炸食品，是容易引起食欲的色彩， 如图1-17、图1-18所示以橙色为主色调的网站。 图1-15 苏宁易购网站 图1-16大众点评网站 色 彩 的 印 象 The Impression of Color 9 当橙色稍稍混入黑色或白色，会成为一种稳重、含蓄有明快的暖色，但混入较多的黑色后，就成为一种烧焦的色，如图1-19所示。 橙色中加入较多的白色会带有一种甜腻的味道，如图1-20所示。 图1-19 玖玖爱食品公司 图1-20央视纪录频道《奔跑吧，少年》节目网页 色 彩 的 印 象 The Impression of Color 10 1.2.3.黄色的色彩印象 黄色是亮度最高的色，在高明度下能够保持很强的纯度。 如图1-21所示，黄色给人一种幸福、明朗愉快的感觉，黄色的主色调有快乐、轻松的个性，强化了网站活泼欢快的主题，同时黄色与黑色结合可以得到清