第3章 视觉营销三大要素——色彩、文字、版式.ppt

过度页5 * 过度页5 * 过度页5 * 过度页5 * 过度页5 * 过度页5 * 过度页5 * 过度页5 * 08机电1班 Electrical and Mechanical My class one 第一部分 Electrical and Mechanical My class one, our home 第二部分 Electrical and Mechanical My class one, our home 第三部分 Electrical and Mechanical My class one, our home 班风展示 08机电1班 Electrical and Mechanical My class one Chapter 03 视觉营销三大要素 ——色彩、文字、版式 3.1 了解色彩的基本要点 3.4 文字的重要表现 3.5 版式布局对网页界面的影响 目录 总体概况 3.2 记忆中的色彩 3.3 常见配色方案 3.1 了解色彩的基本要点 浏览众多的网店装修画面，可以发现这样的一个规律，我们首先会被店铺中的色彩所吸引，接着才会根据色彩的走向，对画面的主次进行逐一的了解，接下来本小节会对色彩的一些基础概念进行讲解，这些基础知识也是后期网店装修配色中的关键所在。 1 色彩的种类 ?有彩色 有彩色指的是凡是带有某一种标准色倾向的色，光谱中的全部色都属于有彩色，有彩色以红、橙、黄、绿、蓝、紫为基本色，其中基本色之间不同量的混合，以及基本色与黑、白、灰之间的不同量组合，会产生成千上万的有彩色。 有彩色中的任何颜色都具有三大要素，即色相、明度、纯度，因此在图像的制作过程中，根据有彩色的特性，通过调整其色相、明度以及其纯度间的对比关系，或通过各色彩间面积调和，可搭配出色彩斑斓、变化无穷的网店装修画面效果。 ? （无彩色） 3.1 了解色彩的基本要点 1 色彩的种类 ?无彩色 在色彩的概念中，很多人都习惯把黑、白、灰排除在外，认为它们是没有颜色的，其实在色彩的秩序中，黑色、白色以及各种深浅不同的灰色系列，称为无彩色系。以这三种色调为主构成的画面也是别具一番风味的，在进行网店装修的配色中，为了追求某种意境或者氛围，有时也会使用无彩色来进行搭配。无彩色没有色相的种类，只能以明度的差异来区分，如下图所示，无彩色没有冷暖的色彩倾向，因此也被称为中性色。 无彩色中的黑色是所有色彩中最黑暗的色彩，通常能够给人以沉重的印象，而白色是无彩色中最容易受到环境影响的一个颜色，如果设计的画面中白色的成分越多，画面效果就越单纯。白色和黑色中间的灰色具有平凡、沉默的特征，也是很多时候网店装修中作为调节画面色彩的一种颜色，可以给人留下安全感和亲切感。 如左图所示为网店装修中设计的商品详情页面，其中通过将无彩色与有彩色进行结合，使其形成强烈的对比，突显出商品的特点，削弱辅助图像的内容，同时这样的配色也让整个画面更具设计感和艺术感。 3.1 了解色彩的基本要点 2 色彩三要素 色相 色相是色彩的最大特征，所谓色相是指能够比较确切地表示某种颜色色别的名称，也是各种颜色之间的区别，同样也是不同波长的色光被感觉的结果。 色相是由色彩的波长决定的，以红、橙、黄、绿、蓝、紫代表不同特性的色彩相貌，构成了色彩体系中的最基本色相，色相一般由纯色表示，如下图所示分别为色相的纯色块表现形式和色相间的渐变过渡形式。 在进行网店装修的配色中，选择不同的色相，会对画面整体的情感、氛围和风格等产生影响，如下图所示为两种不同色相搭配下的网店装修效果。 3.1 了解色彩的基本要点 2 色彩三要素 明度 明度是指颜色的深浅和明暗程度，任何色彩都存在明暗变化，明度适用于表现画面的立体感和空间感。 在网店装修的配色过程中，明度也是决定文字可读性和修饰素材实用性的重要元素，在设计画面整体印象不发生变动的前提下，维持色相、纯度不变，通过加大明度差距的方法可以增添画面的张弛感。同时，色彩的明暗程度也会随着光的明暗程度变化而变化，色彩的明度越高，图像的效果就越明亮、清晰；相反，明度越低，则图像的效果就越灰暗。 3.1 了解色彩的基本要点 2 色彩三要素 纯度 纯度通常是指色彩的鲜艳程度，也称为色彩的饱和度、彩度、鲜度、含灰度等，它是灰暗与鲜艳的对照，即同一种色相是相对鲜艳或灰暗的，纯度取决于该色中含色成分和消色成分的比例，其中灰色含量较少，饱和度值越大，图像的颜色就鲜艳。 通常我们把纯度分为不同的9个阶段，其中1～3阶段的饱和度为低饱和度；4～6阶段的饱和度为中饱和度；7～9阶段的饱和度为高饱和度，从饱和度的色阶阶段表中可以看到，饱和度越低，越趋于黑色，饱和度越高，色彩就越趋于纯色，具体如下图所示。 3.1 了解