第二章网店色彩设计
第二章网店色彩设计
原色：是指无法用其他颜色混合得到的颜 色，即第一次色。理论上讲原色只有三种： 红，黄，蓝。印刷中三原色是红，黄，青。 是构成其他颜色的母色。原色不能由其他 颜色调出却可以调配出其他任何颜色。如 图
第二章网店色彩设计
间色：三原色中任何两种混合产生的颜色 称为间色，又称第二色。间色也是三种： 橙、绿、紫。 如图
结论： 页面实际上用了不少颜色， 配色大胆。抓住颜色主次冷暖 的安排，适度再加上和谐的过 渡色灰色，实现了作者对该页 面的轻松配色。从多种高纯度 的搭配协调能力上看，足可见 作者对色彩设计搭配不一般的 功底。 这类网店配色非常能够体 现出一个网站页面产品个性， 配色难度大。让人过目难忘。 第二章网店色彩设计
第二章网店色彩设计对比色的比与调和分析对右图的分析我们可以知道， 通过上面的这些色值调配当 需要使用这组对比色配色时 候该如何达到协调的目的。 即不是对比色为主色调的页 面就一定会有不舒服的感觉 的，主要可以通过调低亮度、 降低饱和度、加入少许白色 来调和。 颜色凌乱可以适当 加入同类色或者类似色、白 色、黑色、灰色做到统一调 配的目的。 右图可以说是黄色和蓝色的 对比色做网店的主要色调。 黄色蓝色组合在网页中显得 较为青春活力，色彩跳跃度 较大。整个页面运用了白色 作为调和，白色是这组对比 色里加入的协调色，调低了 亮度，使整体降低了纯度， 缓和视觉刺激。
第二章网店色彩设计
2．邻近色的对比调和
在色环中,色相越靠近越调和。色彩 色相环中60°以内色相属于邻近色。主 要靠邻近色之间的共同色来产生作用。 邻近色相较于同类色色彩之间的可搭配
度要大些，颜色丰富、富于变化。
第二章网店色彩设计
如图所示页面主要取的是色环中的绿色、蓝色，通过明度、纯度、面 积上的不同实现变化和统一的。虽然蓝色在页面中使用面积最大，我 们看到由于它的明度非常高，饱和度就降低了，因此在页面中处在明 显的角色。而绿色的纯度最高，且使用面积次之，页面显示较显眼， 因此用于店招位置上。整个页面主次的视觉引导分明。 结论：
网店美工全书电子教案完整版课件全书教学课件
一、网店图片文件的类型
1. JPEG 格式 JPEG 是最常见的一种图片格式，文件的扩展名为 . jpg 或 . jpeg。
2. PNG 格式 PNG 是可移植的网络图形格式。
3. GIF 格式 GIF 是图形交换格式。
二、网店图片编辑软件
Photoshop CS6 是一款用于图像制作和处理的专业软件，具有 强大的功能，利用这些功能，可以有效地进行商品图片的编辑，是 网店美工必备的软件工具。
1. 文字编辑工具 2. “段落”调板
第 4 节 商品分类设计
一、商品类目的分类原则 二、商品类目的分类方式
1. 按商品种类按商品风格分类
三、商品类目导航条 四、商品分类设计的相关工具
1. 图层工具 2. 绘画工具 3. 图案图章工具 4. 切片工具
课件 制作
“动作”控制面板可以 对图像进行批量处理，避免 重复操作，提高处理图片的 效率。
课件 制作
第 2 章 网店图片设计
第 1 节 网店促销图设计 第 2 节 商品主图设计 第 3 节 商品详情页设计
第 1 节 网店促销图设计
一、促销图的类型
网店促销图一般分为整店促销图、单品促销图和活动推广促销图三种 类型。
一、色彩的分类
1. 无彩色
2. 有彩色 3. 特殊色
二、色彩的三要素
1. 色相：是区别不同色彩的名称。 2. 明度：是指色彩的明暗程度。 3. 纯度：是指色彩鲜艳的程度。
三、颜色的模式
1. RGB 模式 2. CMYK 模式 3. HSB 模式 4. Lab 模式
四、网店色彩的搭配
1. 同一色调搭配
文字栅格化后加滤镜的效果
2. 文字转换为形状 在图层面板中选择文字图层，右击鼠标转换为形状，可将文字转换为形
第二章 网店配色与图片素材收集
6
抽象情感联系
温暖、兴奋、热烈、希望、忠诚、健康、充实、饱满、幸福……
活泼、华丽、辉煌、跃动、炽热、温暖、甜蜜、健康、欢喜、幸 福…… 光明、辉煌、轻快、纯净、快乐、希望、智慧，能引起富有酸性 的食欲感……
自然的、健康的、成长、新鲜、安静、安详、新鲜、和平、生命 、青春、凉爽的、清新的……
平静、冷淡、理智、速度、诚实、真实、可信、深远、崇高…… 神秘、优雅、高贵、庄重、奢华、细腻、秘密…… 纯洁、清白、纯粹、清静、明快、空白、高尚、整洁…… 柔和、细致、平稳、朴素、大方、平凡、谦和、中庸…… 沉静、神秘、严肃、庄重、含蓄……
31
二、 根据店铺特点选择主色
打开店铺的页面后，首先给买家带来视觉冲击的店铺色彩，好的配色不 但可以打动人心，而且可以大大提升购买力，在一定程度上，店铺使用一个 固定的色彩搭配，更能使其变成店铺或者品牌辨识色彩。一般来说，一个合 格的设计需要有70%的主色，25%的辅助色，加上5%的点缀色。
2.4 图片素材规划与收集
3．邻近色对比与调和：在色相环上的距离在90°左右的色彩产生的对比。
2.2 店铺色彩搭配技巧
12
一、 色相对比与调和的搭配技巧
4．对比色对比于调和：在色相环上的距离在120°左右的色彩产生的对比。 色相差别强烈，属于色相强对比。
2.2 店铺色彩搭配技巧
13
一、 色相对比与调和的搭配技巧
5．互补色相比与调和：在色相环上的距离在180°左右的色彩产生的对比。
颜色
象征形态
红色
二、色彩心理应用
橙色
火焰、太阳、鲜血、花卉 桔子、火焰、灯光、霞光、水果、秋叶
黄色
黄金、阳光、麦田、土地、香蕉、柠檬
绿色
第2章 网站UI设计的色彩搭配
网站色彩的编排设计
使用基本色配色
下图所示的网站页面用绿色作为主色调，整个页面的配 色基本上都围绕着绿色，并通过卡通的形式来表现网站内容； 在页面中还搭配了强调色—橙色，使得页面的色彩鲜艳活泼， 给人一种活泼、愉悦的感觉。
网站色彩的编排设计
使用基本色配色
下图所示的网站页面使用像褪色的牛皮纸一样的卡其色 作为主色调，给人一种自然、传统的感觉，再搭配上中国传 统的皮影画和花纹效果，网站具有了中国特色和中国传统文 化的气息，整个页面看起来具有历史感。
色彩在各类网站中的表现力
个人网站
个人网站的用色一般比较个性化，充分体现网站拥有者 的个性和其审美情趣。
网站色彩的编排设计
网站色彩的4种功能角色
支配色
主色
融合色
强调色
网站色彩的编排设计
网页配色的基本方法
网页配色关系 文本配色 文本配色的平衡
网站色彩的编排设计
使用基本色配色
使用基本色配色是指在网站页面中 只使用一种色彩或几种类似色彩进行配 色，主体色也就是网站页面的代表色彩， 使用基本色配色有利于浏览者记住网站 的色彩形象。
网站色彩的编排设计
使用多色彩配色
下图所示的游戏活动页面以能让人感到愉悦的橙黄色为 主色调，搭配绿色、红色、蓝色、紫色等，应用的配色的饱 和度都很高，整个页面给人强烈的视觉冲击。
网站色彩的编排设计
使用多色彩配色
下图所示页面是一个汽车网站的活动页面，运用饱和度较 低的粉色、淡黄色作为页面背景色调，搭配饱和度较高的蓝 色、绿色、紫色等突出需要表现的内容，能够给人一种开心、 快乐的感受。
网站色彩的编排设计
使用多色彩配色
下图所示的网站是一个面向年轻人的时尚服饰品牌网站， 运用了明度和饱和度较高的色彩进行搭配，体现出时尚、年 轻、活力，也正好与品牌形象相契合。
《网店美工》第11-12课时课件
4.选择重点色必须考虑配色方面的 平衡效果。
5.色彩的分割
8
2个色如果互相处于对立关系是对比的，具有过分强烈的效果，成为不调和色。 为了调节它们，在这些色中用其它色把它们划分开来，即分割。将用于分割的色叫 做分割色。由于分割的目的，可以用于分割色的颜色不多，最常用的是白、灰、黑。 金色和银色也具有分割的效果。但在我们的电脑中很难调出具有重量感的这两种色， 所以在电脑中几平用不到这两种色。但可以用于印刷中。使用其它彩色进行分割也 可以，但要选择与原来色有明显区别的明度，同时也应考虑色相和纯度。
2.整体色调自然
5
如果我们想使我们的设计能够充满生气，稳健，冷清或者温暖，寒冷等感觉 都是由整体色调决定的。那么我们怎么能够控制好整体色调呢?只有控制好构成 整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体 色调。
首先要在配色中心决定占大面积的色，并根据这一色来选择不同的配色方案 会得到不同的整体色调。从中选择出我们想要的。如果我们用暖色系列来做我们 的整体色调则会呈现出温暖的感觉，反之亦然。
3.图片偏色的调整
补色调整后
相反色
6
补色
类似色
4.抓住调色的重点色
7
配色时，为了弥补调子的单调，可 以将某个色作为重点，从而使整体配色 平衡。在整体配色的关系不明确暧昧时， 我们就需要突出一个重点色来平衡配色 关系。选择重点色要注意以下几点:
1.重点色应该使用比其他的色调更 强烈的色。
2.重点色应该选择与整体色调相对 比的调和色。
如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉，以冷色和 纯度低的色为主色调则让人感到清冷、平静的感觉。
网店美工教案—P12色彩黄金分割配色法
教学内容与教学过程方法课程导入：
猜猜看，这家店铺卖什么？
引导学生对网店视觉营销的认识
分析网店视觉营销的目标：
美观创意传达
对比分析：
吸引、体验、增加点击率
导出视觉营销的作用
淘宝商家成交的要素
成交额= 访客数X 转化率X 客单价一、色彩的搭配
统一色调，根据主色调配合其他颜色营造购物氛围
●确定主色调
●文字搭配不容忽视
●醒目色彩需慎用
●色彩所占比例把控
色彩的三属性
课堂作业一：
请将本图片转化成秋、冬季节图片
二、用黄金分割法，进行色彩的搭配
两种颜色的搭配：找准对比色
方法1：取亮度值的黄金分割点。
亮度值的范围是0—240，黄金分割点的比例值是0.618，亮度值的黄金分割点就是240*0.618=148 计算公式如下：
Y=x+148 0<=x<=92
Y=x-148 148<=x<=240
在调色时保持颜色的色相与饱和度不变
操作示范：
进行对比色的调配
课堂作业二：
请将“首页”二字分别填入不同的色块中，注意文字要表现清晰。
方法2：同一色系的调配，保持亮度不变，调节色相，可以调出同一种感觉的色彩。
小结：
色彩的属性、搭配的方法。
电商视觉设计教程 第2章 电商网站视觉配色设计
新建空白文件
2.3 网店的整体配色案例
1. 店铺页面主色设计
02
填充矩形 填充颜色
2.3 网店的整体配色案例
2. 店铺页面辅色设计
01
设置导航栏颜色
2. 店铺页面辅色设计
02
设置店招与导航栏
2.3 网店的整体配色案例
3. 店铺商品配色
01
导入主商品图
2.3 网店的整体配色案例
3. 店铺商品配色
商业型 店铺
店铺
1
店铺的主要风格
3 2.1 网店页面的配色方案炫酷型
网店风格的形成要素
店铺
简约清爽型 店铺
主要以浅紫色为主， 好像与我想要购买的零食 形象色彩不搭调，这种图 片应该不需要的。 在关注图片中的信息 与内容，放弃点击。
2.1 网店页面的配色方案
3 网店风格的形成要素 特色型店铺
韩式风格 3 2.1 网店页面的配色方案
02
制作商品图
2.3 网店的整体配色案例
3. 店铺商品配色
03
创建并填充矩形
2.3 网店的整体配色案例
3. 店铺商品配色
04
导入图像并输入文字
2.3 网店的整体配色案例
3. 店铺商品配色
04
制作其他部分
2.3 网店的整体配色案例
3. 店铺商品配色
05
完成店铺页面制作
课后练习题
请列举几个近似配色和色调配色的设计案例。
学习目标
了解掌握色搭原则七要素 掌握色彩联觉现象的定义 了解网店风格的几大形成要素 了解网店页面常见的配色误区
目 录
2.1 2.2 2.3
网店页面的配色方案
网店页面的配色误区
Photoshop淘宝天猫网店设计装修：第2章-视觉出彩：丰富网店页面的色彩与布局
2.1 色彩常识：色彩设计知识解析把店铺装修好，让自己的店铺更好看一点，更漂亮一点，这样就会在视觉上吸引顾客，给店铺带来更多的生意。
对进入店铺的顾客来说，他们首先会被店铺中的色彩所吸引，然后根据色彩的走向对画面的主次进行逐一的了解。
本节主要对网店的色彩设计知识进行讲解，这些基础知识也是后期网店装修配色中的关键所在。
为了便于认识网店装修配色中的色彩变换，认识色彩的基本属性与基本规律，我们必须对色彩的种类进行分类与了解。
丰富多样的颜色可以分成两大类：无彩色系和有彩色系。
有彩色系的颜色具有3个基本特性：色相、纯度(也称彩度、饱和度)、明度，在色彩学上也称为色彩的三大要素或色彩的三属性。
其中，饱和度为0的颜色为无彩色系。
在网店装修设计中，无彩色系和有彩色系都占有举足轻重的地位。
无论是以有彩色为主体的画面效果，还是以单纯黑白灰构成的画面效果，都能给人带来一种奇幻无比的色彩感觉。
充分、合理地利用色彩的类别与特性，可以使网店装修的画面获得意想不到的效果。
1．无彩色系无彩色系是指白色、黑色和由白色黑色调和形成的各种深浅不同的灰色。
无彩色按照一定的变化规律，可以排成一个系列，由白色渐变到浅灰、中灰、深灰到黑色，色度学上称此为黑白系列。
如图2-1所示，为无彩色系的店铺首页。
图2-1 无彩色系的店铺首页现在让我们更进一步地研究色彩是怎样表达的。
如图2-5所示，是两个红色圆圈。
下面通过对比来分析色彩的3种基本属性。
图2-5 两个红色圆圈●色相：它们都是红色的。
●明度：左边的颜色明显要比右边的更亮一些。
●纯度：左边的纯度更高，右边的显得灰暗一些。
这就是为什么这两个红色圆圈颜色一开始看上去好像差不多，但仔细一看就不同了。
因此我们说，色彩可以通过色相、明度和纯度3种属性综合表达。
网店运营实务 第2版 第2章 店铺装修
色彩的明度也称色彩的亮度，是指色彩明暗、深浅的变化。 明度对比与调和配色是指利用色彩之间明暗的变化使色彩形成对比，分为彩色差的明度对比配 色和非彩色差的明度对比配色。
● 纯度对比与调和配色
色彩的纯度是指原色在色彩中所占据的百分比，用来表现色彩的鲜艳和深浅。纯度是深色、浅 色等色彩鲜艳度的判断标准。色彩纯度分为高纯度、中纯度和低纯度3种。
色彩名称
“性格”特点
适用的场景
绿色
偏向于自然美、宁静、生机勃勃、宽容，可以让 通常与环保意识有关，也经常让人联想到与健康相关的事
人产生一种清新、自然、舒适、亲和的感觉
物上，经常用于销售生态特产、护肤品、儿童商品的店铺
蓝色
给人以沉稳、稳重、冷静、严谨、成熟、淡雅、 营造安稳、可靠、略带神秘色彩的氛围，可用于销售数码
2.1.1 店铺装修色彩设计的原则
01 保持页面外观统一
04 重要的日子可以采取不同的风格
2.1.2 不同色彩的“性格”表现
常见色彩的“性格”特点及其适用的场景
色彩名称
“性格”特点
适用的场景
红色
色热冲感情动温、暖活力，是、一喜种庆对，人容刺易激使性人很兴强奋的、颜激色动，、代紧表张、①②
婚庆类商品、女装、化妆品等店铺适合红色系搭配； 用于店庆活动或大型促销活动广告图主色调
橙色
具有健康、富有活力、勇敢、自由等象征意义， 能让人产生尊贵、温暖、兴奋、神秘等感觉，而 用于销售食品的店铺 且是一种能引起人们食欲的色彩
黄色
会让人产生明亮、灿烂、愉快、高贵、柔和、辉 ① 可用于销售食品的店铺；
智慧、科技的感觉
类商品、科技类商品、家电类商品的店铺
白色
让人产生纯粹、客观、淳朴、神圣、光明、明快 的感觉
任务二 网店的视觉营销(配色)实验指导书
第二单元网店的视觉营销（配色）实验指导书一、实验目的：让学生了解并掌握颜色的基础知识、颜色类型和用黄金分割法搭配颜色的技巧，同时让学生学习配色软件（ColorSchemer Studio）的使用，并借助于配色软件对网店进行配色的方法。
二、实验要求：要求能够按照试验指导书的步骤完成给定的练习三、实验器材：计算机、Firework或Photoshop、ColorImpact四、实验步骤：（一）用黄金分割法配色1．选择一款颜色为背景色，在绘图软件中制作矩形框并填充所选择的背景颜色2、根据黄金分割的原理选择前景色，并输入文字，观察图片效果3、重新设置背景色，选择搭配色，做出5个效果图。
（二）用ColorImpact配色1．对软件的功能做一个简单的介绍ColorImpact是一个应用于Windows平台上的颜色方案设计工具，兼具易用性和高级功能，主要功能有：单击即可建立漂亮的颜色方案；通过内置的高级工具探索颜色语言的强大之处；全新颜色混合；高级颜色公式；全新的高级颜色方案分析；自定义调色板；导出颜色方案到其他设计程序；ColorImpact是一个非常好的色彩选取工具，程序提供的非常友好的界面，提供了多种色彩选取方式，支持屏幕直接取色，非常方便易用。
启动ColorImpact后，在软件窗口的左侧区域是用来选择颜色的，在默认状态下是以一个色环的方式来帮助我们选择颜色，同样也可以使用类似于Fireworks CS3的“混色器”面板方式和网络安全色方式来选择颜色，如图所示除此以外，在软件窗口的左下方，还可以按照RGB和HSB的颜色模式来选取颜色，并且控制颜色的明度和饱和度。
2．练习用该软件取色的方法可以点击窗口左上角的“滴管”工具按钮，这时会弹出一个“滴管工具设置”对话框，如图所示。
在这个对话框中可以设置所吸取颜色的范围和是否隐藏主窗口，设置完毕，点击“确定”按钮，就可以从屏幕的任意位置吸取所需要的色彩。
3．使用ColorImpact进行网店配色在ColorImpact软件主界面的上方，有一行快速选择按钮，通过选择这些不同的按钮，我们可以以不同的方式来浏览色彩。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2020/4/3
---
在色环中,色相越靠近越调和。色彩 色相环中60°以内色相属于邻近色。主 要靠邻近色之间的共同色来产生作用。 邻近色相较于同类色色彩之间的可搭配
度要大些，颜色丰富、富于变化。
2020/4/3
---
2020/4/3
---
2020/4/3
---
对右图的分析我们可以知道， 通过上面的这些色值调配当需 要使用这组对比色配色时候该 如何达到协调的目的。即不是 对比色为主色调的页面就一定 会有不舒服的感觉的，主要可 以通过调低亮度、降低饱和度、 加入少许白色来调和。 颜色 凌乱可以适当加入同类色或者 类似色、白色、黑色、灰色做 到统一调配的目的。
2020/4/3
---
掌握一些色彩的基本常识对于制作网页非常有帮 助，这些常识内容都源自人们对色彩的理解和科学归 类。其中色彩的色相、明度和饱和度与网页色彩的构 成紧密相关，了解并掌握色彩的相关知识可以让网页 设计工作事半功倍。
一 色彩构成
2020/4/3
二 色彩的三要素——色相、明度、纯度
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
本节主要介绍网店美工技能——色彩搭配技巧知识。对美工而言，PS 是最主要的作图工具，在PS中有两种色彩模式，分别是RGB模式和 CMYK模式，RGB即、红、绿蓝三基色，CMYK分别是青、品红、黄、 黑。一般来说，网页图片采用的都是RGB的色彩模式， 如图 所示。
主色调的灰色，做了渐变 背景色，降低了纯度。辅助色 的深灰红色，也是作为低纯度 的色彩使得整个页面协调于整 体的效果。而上方店招的黄色 则通过提高了亮度来降低纯度。 一个页面里应有少量纯度较高 的颜色而不至于使整个页面过 于压抑，纯度亮度较高的点睛 色红色、橙色就起到了这个作 用。
2020/4/3
---
同类色给人的感觉是相 当协调的。它们通常在 同一个色相里，通过明 度的黑白灰或者纯度的 不同来稍微加以区别的， 产生了及其微妙的韵律 美。为了不至于让整个 页面呈现过于单调平淡， 有些页面则是加入极其 小的其他颜色做点缀。 如图页面使用了同种色 的黄色系，淡黄、柠檬 黄、中黄、通过明度、 纯度的微妙变化产生缓 和的节奏美感。
2020/4/3
---
整个页面看起来异常艳丽刺激然 而又非常的协调。以上数值主要 选取了几种较有代表性的颜色。 以上色彩除了粉红色，其他几组 颜色都是高饱和度高亮度的颜色， 因此充分的发挥出了色彩的艳丽 程度。包括粉红色在内的几种灰 色阶，在中间起到了和谐作用。 白色能拉开相近色阶的空间及明 快页面的作用，在这里可以说是 功不可没。
---
明度色彩搭配技巧是指色彩之间明 暗程度的差别而形成的对比，是页 面形成恰当的黑、白、灰效果的主 要手段。
明度对比可分为:彩色差的明度 对比及非彩色差的明度对比
2020/4/3
---
明度对比在视觉
上对色彩层次和空间 关系影响较大。例如 柠檬黄明度高，蓝紫 色的明度低，橙色和 绿色属中明度，红色 与蓝色属中低明度。 如图所示为彩色差的 明度对比，黄色的色 彩明度变化对比搭配 效果。
光、色彩、视觉
色彩是光之子，而光是色之母。 ——瑞士色彩家约翰.内斯伊顿
光 色彩
视觉
2020/4/3
---
2020/4/3
无彩色
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
2020/4/3
---
1、色相
色相是指色彩的相貌，也就是色彩最显著得特征，又叫色名，色种等。生 活中得各种色彩都有自己具体得面貌，因此也就有了不同得名称。色彩的 相貌是以红、橙、黄、绿、青、蓝、紫的光谱色为基本色相。基本色相的 秩序以色相环形式体现，称为色环。色环分别可作为六色相环，九色相环， 十二色相环，二十色相环等多种色彩秩序，如下图为十二色相环。
右图可以说是黄色和蓝色的对 比色做网店的主要色调。黄色 蓝色组合在网页中显得较为青 春活力，色彩跳跃度较大。整 个页面运用了白色作为调和， 白色是这组对比色里加入的协 调色，调低了亮度，使整体降 低了纯度，缓和视觉刺激。
2020/4/3
---
将红与绿、黄与紫、蓝与 橙等具有补色关系的色彩 彼此并置，使色彩感觉更 为鲜明，纯度增加，称为 补色对比。
-
---
本章节学习目标
在网店制作中，色彩是一个非常重要的元素， 只有合理地安排色彩，页面才能够吸引浏览 者的眼球，各种信息才能够正确地传达出来。 学习运用色彩是一个长期积累的过程，需要 在了解各种色彩原理的基础上不断实践和总 结才能够运用自如。通过本章的学习，可以 掌握最核心的色彩知识和运用方法。
结论：
页面实际上用了不少颜色， 配色大胆。抓住颜色主次冷暖的 安排，适度再加上和谐的过渡色 灰色，实现了作者对该页面的轻 松配色。从多种高纯度的搭配协 调能力上看，足可见作者对色彩 设计搭配不一般的功底。
这类网店配色非常能够体现
出一个网站页面产品个性，配色
难度大。让人过目难忘。
2020/4/3
---
由冷色系的蓝色组成 大背景环境，纯度较低。 前景主要是突出产品橙色 形成补色对比效果，纯度 亮度非常高，达到最高值， 加之浅蓝色的辅色搭配， 使得橙色更为凸显，更易 于视觉对信息的迅速捕捉。
结论：
补色的合理搭配，能
拉开前景与背景的空间感，
突出页面主体物。尤其是
橙色在主体物的运用，能
202迅0/4速/3 传递视觉的效果。
2020/4/3
---
色相对比是指因色相之间的差别形成的 对比。当主色相确定后，必须考虑其他 色彩与主色相是什么关系，要表现什么 内容及效果等，这样才能增强其表现力。 可通过色相对比的强弱决定于色相在色 环上的距离。
色相对比一般可以分为四种程度的对比： 同类色相对比与调和、邻近色相对比与 调和、对比色相对比与调和、互补色相 对比与调和。
2020/4/3
---
如图所示页面应该是黑 白灰色非色彩构成，网 店图片黑白灰的色彩搭 配，单纯的黑白对比柔 和舒适于视觉。能使页 面显得更单纯、统一， 形成较强的科技感、时 代感。
2020/4/3
Hale Waihona Puke ---• 纯度对比是指不同色彩之间纯度的差别而形成的对比。 色彩纯度可大致分为高纯度、中纯度、低纯度三种。未 经调和过的原色纯度是最高的，而间色多属中纯度的色 彩，复色其本身纯度偏低而属低纯度的色彩范围。纯度 的对比会使色彩的效果更明确肯定。