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

The Coloring of Web pages 第三章 网页色彩 的搭配 2 网页配色准则 Color Contrast 1 网页搭配技巧 Color Harmony 2 目 录 CONTENTS 3 网页配色准则 色彩鲜艳 独特风格 主题相关 1 PART 遵循艺术规律 4 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 网页配色准则 Color Contrast 3.1. 色彩鲜明 网页色彩达到鲜艳明亮的效果，会使得网页更加吸引眼球。有色彩的记忆效果是无色彩的3-5倍。有色彩的网页比完全黑白的网页更能吸引用户。如图3-1所示，此网页运用色彩鲜艳明快的颜色穿插在网页之中，更加吸引用户的注意力，印象深刻。 图3-1 网页色彩鲜明 5 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 3.1. 色彩鲜明 明度或高纯度的色彩对视觉的刺激强烈，如图3-2所示，虽然使用大面积色彩的网页可能会很好看，但并不人性化，因此，尽量降低视觉刺激的配色才更人性。 图3-2 主页为高明度的色彩 网页配色准则 Color Contrast 6 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 3.1.1 色彩鲜明 网页色彩达到鲜艳明亮的效果，会使得网页更加吸引眼球。有关实验表明，有色彩的记忆效果是无色彩的3-5倍。也就是说，有色彩的网页比完全黑白的网页更能吸引用户。如图3-1所示，此网页运用色彩鲜艳明快的颜色穿插在网页之中，更加吸引用户的注意力，并给用户留下深刻的印象。 图3-1 网页色彩鲜明 网页配色准则 Color Contrast 7 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 3.1.1 色彩鲜明 如图3-3所示，同样是大面积的红色，但降低了明度与纯度，视觉刺激弱、柔和，女性特征比较明显，给人一种温柔、纯真、诱惑与浪漫的感觉。 图3-3 主页红色降低明度与纯度 网页配色准则 Color Contrast 8 请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。请替换文字内容，修改文字内容，也可以直接复制你的内容到此。 3.1.2 独特风格 如图3-4所示的是一个有关产品展示的网页，此网页将不同颜色、形状的