淘宝网店页面设计布局配色装修一本通第3版教案第6章-页面色彩搭配基础知识课件.ppt

《淘宝网店页面设计布局配色装修一本通第3版教案第6章-页面色彩搭配基础知识课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、淘宝网店页面设计、布局、配色、装修第3版开店指导：页面中的色彩是浏览者对网店最直观的了解，也是网店统一风格设计的主要组成部分。一个网店设计成功与否，在很大程度上取决于页面色彩的运用和搭配，页面色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩是树立网店形象的关键之一，因此，在设计页面时，必须要高度重视页面色彩的搭配。第6章页面色彩搭配基础知识26.1色彩的原理3自然界中有许多种色彩，如香蕉是黄色的，橘子是橙色的……我们日常见的太阳光，实际由红、绿、蓝三种波长的光组成，物体经光源照射，吸收和反射不同波长的红、绿、蓝光，经由人的眼睛，传到大脑形

2、成了我们看到的各种颜色。6.2色彩的分类4我们生活在五彩缤纷的世界里，天空、草地、海洋都有它们各自的色彩。你、我、他也有自己的色彩，代表个人特色的衣着、家装、装饰物的色彩，可以充分反映人的性格、爱好、品位。色彩一般分为无彩色和有彩色两大类。6.2.1无彩色5无彩色是黑色、白色及二者按不同比例混合所得到的深浅各异的灰色系列。在光的色谱上见不到这3个色，不包括在可见光谱中，所以称为无彩色。6.2.2有彩色6有彩色是指可见光谱中的红、橙、黄、绿、青、蓝、紫7种基本色及其混合色，即视觉能够感受到的某种单色光特征。我们所看到的就是有彩色系列，这些色彩往

3、往给人以相对的、易变的、抽象的心理感受。有彩色是由光的波长和振幅决定的，波长决定色相，振幅决定色调。6.3色彩的三要素7明度、色相、纯度是色彩最基本的三要素，也是人正常视觉感知色彩的3个重要因素。6.3.1明度8明度表示色彩的明暗程度。色彩的明度包括无彩色的明度和有彩色的明度。在无彩色中，白色明度最高，黑色明度最低，白色和黑色之间是一个从亮到暗的灰色系列；在有彩色中，任何一种纯度色都有自己的明度特征，如黄色明度最高，紫色明度最低。6.3.2色相9色相是指色彩的名称，是不同波长的光给人的不同的色彩感受，红、橙、黄、绿、蓝、紫等都各自代表一类具体

4、的色相，它们之间的差别属于色相差别。色相是色彩最基本的特征，是一种色彩区别于另一种色彩最主要的因素。6.3.3纯度10纯度表示色彩的鲜浊或纯净程度，纯度是表明一种颜色中是否含有白或黑的成分。假如某色不含有白或黑的成分，便是纯色，其纯度最高；如果含有白或黑的成分越多，其纯度亦会逐渐下降。在一定条件下，不同色彩之间的对比会有不同的效果。在不同的环境下，多色彩给人一种印象，单一色彩给人另一种印象。6.4色彩对比11每一种颜色都有自己的明度特征，因明度之间的差别形成的对比即为明度对比。明度对比在视觉上对色彩层次和空间关系影响较大。6.4.1明度对比1

5、2色相对比是指因色相之间的差别形成的对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。6.4.2色相对比13纯度对比是指较鲜艳的颜色与含有各种比例的黑、白、灰的色彩对比，即模糊的浊色对比。6.4.3纯度对比14色彩的面积对比是指页面中各种色彩在面积上多与少、大与小的差别，影响到页面主次关系。6.4.4色彩的面积对比15用冷热差别而形成的色彩对比称为冷暖对比。冷暖本来是人体皮肤对外界温度高低的触觉。冷色与暖色是依据人的心理错觉对色彩的物理性分类，是人对颜色的物质性印象，大致由冷暖两个色系产生

6、。6.4.5色彩的冷暖对比16在页面设计中，色彩搭配是树立网店形象的关键，色彩处理得好可以使页面锦上添花，达到事半功倍的效果。色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用容易造成视觉疲劳的纯度很高的单一色彩。在设计页面色彩时应该了解一些搭配技巧，以便更好地使用色彩。6.5网店页面色彩搭配方法17就像小说和电影中有主角和配角一样，在色彩设计中也有不同的职责分别。在色彩设计中，有主色、辅助色和点缀色不同的功能。6.6主色、辅助色、点缀色18在舞台上，主角站在聚光灯下，配角退后一步来衬托他。配色上的主色也是一样，其配色要比辅助色更清楚、更

7、强烈。在一个页面中，占用面积大，受瞩目的色彩一般就是主色。6.6.1主色可以决定整个店铺风格19辅助色使页面丰富多彩，使主色更漂亮，辅助色可以是一种颜色，也可以是几种颜色。辅助色的功能在于帮助主色建立完整的形象，判断辅助色用得好不好的标准是：去掉它，页面不完整，有了它，主色更显优势。6.6.2辅助色对页面有决定性效果20点缀色是指在色彩组合中占据面积较小，视觉效果比较醒目的颜色。主色调和点缀色形成对比，主次分明，富有变化，产生一种韵律美。6.6.3点缀色可营造独特的页面风格21