视觉营销三大要素 色彩 文字 版式.ppt

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 了解色彩的基本要点 3 色调的倾向 色调色相的倾向 色相对色调起着重要的作用，也可以说色相是决定色调最基本的因素，色调的变化主要取决于画面中设 计元素本身色相的变化，我们所说的某个网店呈现为红色调、绿色调、蓝色调或者紫色调等，指的就是 组成画面设计元素的固有色相，就是这些画面主导地位的颜色决定了画面的色调倾向。 3.1 了解色彩的基本要点 3 色调的倾向 色调明度的倾向 在确定了构成画面的基本色调之后，色彩明度的变化也会对画面造成极大的影响，通常我们所说的画面 明亮或者暗淡，其实就是明度的变化赋予画面的不同明暗倾向，因此在对一个网店装修的画面进行构思 设计时，采用不同的明度的色彩能够