电子商务网页图像制作(txt+pdf+epub+mobi电子书下载)

作者:邓宁

出版社:电子工业出版社

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

电子商务网页图像制作

电子商务网页图像制作试读:

前言

电子商务网页图像制作,伴随着电商美工这一新兴职业的发展,在电子商务行业发挥出越来越重要的作用。其工作任务范围包括美化、优化电子商务网店、处理商品图片、设计广告图、制作新产品的各种展示图片和图文描述等。可以想象一个懂得网页图像制作的电子商务人员对于电商网店是多么重要。

本书从零基础出发,在认识电商网页图像制作及其制作工具Photoshop基本操作的基础上,熟悉网页图像文字的一般制作方法,并重点分章节介绍网页图像制作中的抠图、修图、调色、合成和特效等操作。每项任务操作的学习,都是在实际工作任务的驱动下,按照教学规律和学生的认知特点展开,实现基于工作过程的“做中学、学中做”。

本书的出版得到了“北京市技工院校和民办职业技能培训机构教师六项培养计划一体化课程负责人和一体化教师团队”项目资助,同时本书在编写过程中也得到了编者单位北京市应用高级技工学校的大力支持与帮助,在此,对为本书的编写提供帮助的领导、同事、朋友表示深深的感谢!

参加本教材编写的有:周晶(第2章)、刘洁(第4章)、杜娟(第5章)、王春芳(第6章)、张霞(第7章)、张佳(第8章)、关蔚(第9章)、袁梦(第10章)。

本教材在编写过程中参考了大量资料,在此,谨向资料的作者致以诚挚的谢意!由于作者水平有限和时间仓促,难免有错误和不妥之处,请广大读者批评指正。编者2016年3月第1章认识电商网页图像制作

电子商务网页图像制作,伴随着电商美工这一新兴职业的发展,在电子商务行业发挥出越来越重要的作用。其工作任务范围包括了美化、优化电子商务网店、处理商品图片、设计广告图、制作新产品的各种展示图片和图文描述等。可以想象一个懂得网页图像制作的电子商务人员对于电商网店是多么重要。现在,就让我们从第一步认识了解电子商务网页图像制作开始,到熟练进行图像处理,再到有创意的视觉设计,最后成为具有先进设计理念和操作技能的电子商务实用型、技能型人才吧!1.1 数字图像的基本概念教学目标

1.了解数字图像的主要类型;

2.理解图像像素和分辨率的基本概念;

3.熟悉常见图像文件的格式;

4.会查看图像文件的像素、分辨率等信息,会进行显示器分辨率的调整。一、任务引入

开始电子商务网页图像制作具体操作之前,需要对网页图像的性质和特点进行一定的了解,这样才有利于我们下一步的学习。二、任务分析

电子商务网页图像是一种数字图像,对于数字图像,我们需要了解数字图像的主要类型,数字图像的像素和分辨率的含义与作用,以及常见的数字图像文件的格式。这样,我们在制作电子商务网页图像,进行图像文件创建、编辑、保存和选择时就能更加合理和有效。三、相关知识1.数字图像的主要类型

数字图像是由模拟图像数字化得到的,用计算机或数字电路存储和处理的图像。而计算机一般采用以下两种方式存储或处理图像:(1)点阵图(Bitmap),即位图存储模式,是通过许多像素点表示一幅图像,每个像素具有颜色属性和位置属性,如图1-1-1所示。图1-1-1 点阵图样例(2)矢量图(Vector),也称矢量存储模式,是根据几何特性用直线和曲线来描述图形,即由线条和填充颜色的块面构成的,而不是图像数据的每一点,如图1-1-2所示。图1-1-2 矢量图样例

如果将点阵图和矢量图进行比较,我们会发现以下几个方面:(1)点阵图像是由一个一个的像素点组成,即在一定面积的图像上包含有固定数量的像素。因此,如果在屏幕上以较大的倍数放大显示图像,或以过低的分辨率打印,位图图像会出现锯齿边缘。而矢量图是根据几何特性来绘制图形,是用线段和曲线描述图像,它与单位面积上的图像点数无关,可以将它缩放到任意大小打印和显示,都不会影响清晰度,如图1-1-3所示。图1-1-3 点阵图与矢量图放大效果对比(2)点阵图表现的色彩比较丰富,可以表现出色彩丰富的图像,可逼真表现自然界各类实物;而矢量图形色彩不丰富,无法表现逼真的实物,因此矢量图常常用来表示标识、图标、Logo等简单直接的图像,如图1-1-4所示。图1-1-4 点阵图与矢量图色彩效果对比(3)由于点阵图表现的色彩比较丰富,所以占用的空间会很大,颜色信息越多,占用空间越大,图像越清晰,占用空间越大;由于矢量图形表现的图像颜色比较单一,所以所占用的空间较小。(4)通过软件,矢量图可以轻松地转化为点阵图,而点阵图转化为矢量图就需要经过复杂而庞大的数据处理,而且生成的矢量图的质量绝对不能和原来的图形比拟。

认识点阵图和矢量图的特色与差异,有助于创建、输入、输出编辑和应用数字图像。位图图像和矢量图形没有好坏之分,只是用途不同而已。因此,整合位图图像和矢量图形的优点,才是处理数字图像的最佳方式。而Photoshop作为一款流行的图像处理软件,在强大的点阵图处理功能的基础上,还具备相当的矢量图形处理能力,是我们今后进行图像制作的有力工具。2.图像的像素和分辨率(1)像素(Pixel)

位图图像最基本的单位是像素,它是一个小的方形颜色块,一个图像通常由许多像素组成,这些像素被排列成横行和纵列。当我们把图像放大足够的倍数,就会发现图像画面其实是由许多色彩相近的小方点所组成,这些小方点就是构成影像的最小单位“像素”(Pixel)

因此简单说起来,像素就是图像的点的数值,由点构成线,线组成面。例如,我们说数码相机1200万像素(4000×3000),指的就是其拍出来的数码照片横向4000个像素点乘以纵向3000个像素点等于1200万个像素点。(2)图像分辨率

图像的分辨率是指图像单位长度内像素的个数,常用单位为像素/英寸(Pixels Per Inch),也叫做ppi,就是指每1英寸(1英寸=2.54厘米)的单位长度里一共有多少个像素点,它是衡量图像细节表现力的一个重要技术参数。

如果图像的分辨率高,相对而言其包含的数据越多,也能表现更丰富的细节,但也会需要耗用更多的计算机资源,更多的内存,更大的硬盘空间等等;在另一方面,假如图像的分辨率低,图像所包含的数据不够充分,图像画面就会显得相当粗糙,特别是把图像放大为一个较大尺寸观看的时候。所以在图片创建期间,我们必须根据图像最终的用途决定正确的分辨率。这里的技巧是要首先保证图像包含足够多的数据,能满足最终输出的需要。同时也要适量,尽量少占用一些计算机的资源。如图1-1-5、图1-1-6、图1-1-7所示,就是一副原分辨率72像素/英寸的图像,将分辨率分别调整为10像素/英寸和300像素/英寸后保存,图像大小尺寸及效果情况(为便于排版,对3副图像进行了缩放以统一显示)。图1-1-5 图像分辨率为10像素/英寸,占3.15KB图1-1-6 图像分辨率为72像素/英寸,占101KB图1-1-7 图像分辨率为300像素/英寸,占499KB

一般情况下,用于电商网页的图像,由于图像主要用于屏幕上显示并方便网络传输,其图像分辨率一般设置为72ppi;而用于出版印刷的图像制作时,其图像分辨率一般设置为300ppi。(3)显示器分辨率

显示器分辨率是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的,显示器可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多,所以分辨率是显示器非常重要的性能指标之一。如表1-1-1所示就是常见显示分辨率情况。如图1-1-8所示,显示了某一具体图像分辨率尺寸和显示器分辨率尺寸大小对应的关系。表1-1-1 常见显示分辨率图1-1-8 尺寸为497像素×750像素图像在1366×768的屏幕上按原比例显示情况

随着移动电商的迅速发展,手机、pad 等移动设备屏幕分辨率情况也越来越受到电商网页开发和图像制作人员的注意。如表1-1-2所示就以iOS系统为例,给出了苹果移动设备的显示屏幕分辨率情况。表1-1-2 常见苹果移动设备显示分辨率3.图像文件格式

图像文件格式是存储、编辑图形或者图像数据的一种数据结构。类似文本文件可以使用不同的文字处理软件(如 Word、WPS)编辑生成,也可以用同一软件根据不同的应用环境生成不同类型的文件格式。同样,图像文件也有不同的格式,而这些格式也可根据不同的应用环境、处理软件等因素有多样的选择。如表1-1-3所示罗列了部分常用的位图和矢量图的文件格式。表1-1-3 常见图像文件格式(1)BMP(Bitmap)格式

BMP(Windows标准位图)是最普遍的点阵图格式之一,也是Windows系统下的标准格式,是将Windows下显示的点阵图以无损形式保存的文件,其优点是不会降低图片的质量,但文件大小比较大。(2)GIF(Graphic Interchange Format)格式

GIF(图像交换格式)是一种压缩格式,适合用于线条图(如最多含有256色)的剪贴画以及使用大块纯色的图片。该格式使用无损压缩来减少图片的大小,当用户要保存图片为GIF格式时,可以自行决定是否保存透明区域或者转换为纯色。同时,通过多幅图片的转换,GIF格式还可以保存动画文件。但要注意的是,每幅GIF图像中最多只能支持256色。(3)JPEG(Joint Photographic Experts Group)格式

JPEG(联合图片专家组图像格式)是目前图像格式中压缩率较高的格式。大多数彩色和灰度图像都使用JPEG格式压缩图像,压缩比很大而且支持多种压缩级别的格式,当对图像的精度要求不高而存储空间又有限时,JPEG是一种理想的压缩方式。在World Wide Web和其他网上服务的HTML文档中,JPEG广泛用于显示图片和其他连续色调的图像文档。(4)PNG(Portable Network Graphic)格式

PNG是一种较新的网络图像格式。它汲取了GIF和JPG二者的优点,PNG第一个特点是采用无损压缩方式来减少文件的大小,保证图像不失真,这一点与牺牲图像品质以换取高压缩率的JPG有所不同;第二个特点是显示速度很快,只需下载1/64的图像信息就可以显示出低分辨率的预览图像;第三个特点是 PNG 同样支持透明图像的制作,透明图像在制作网页图像的时候很有用,我们可以把图像背景设为透明,这样可让图像和网页背景很和谐地融合在一起。

由于PNG一开始便结合GIF及JPG两家之长,自1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准,大部分绘图软件和浏览器开始支持 PNG 图像,其在网络上也越来越流行。(5)PSD(Photoshop Document)格式

这是著名的Adobe公司的图像处理软件Photoshop的专用格式。PSD其实是Photoshop进行平面设计的一张“草稿图”,它里面包含有各种图层、通道、遮罩等多种设计的样稿,以便于下次打开文件时可以修改上一次的设计。在Photoshop所支持的各种图像格式中,PSD的存取速度比其他格式快很多,功能也很强大。(6)TIFF(Tag Image File Format)格式

TIFF(标记图像文件格式)用于在应用程序之间和计算机平台之间交换文件。TIFF是一种灵活的图像格式,被所有绘画、图像编辑和页面排版应用程序支持。几乎所有的桌面扫描仪都可以生成TIFF图像。而且TIFF格式还可加入作者、版权、备注以及自定义信息,存放多幅图像。(7)WMF(Windows Metafile Format)格式

WMF格式是Windows中常见的一种图元文件格式,属于矢量文件格式。它具有文件短小、图案造型化的特点,整个图形常由各个独立的组成部分拼接而成,其图形相对简单。(8)CDR图像格式

CDR图像格式是著名绘图软件Corel Draw的专用图形文件格式,而Corel Draw 是一款平面排版矢量绘图的软件,它可用作企业VI设计、宣传画册设计、书籍装帧设计等。(9)AI(Adobe Illustrator)图像格式

AI格式是Adobe公司发布的,它的优点是占用硬盘空间小,打开速度快,方便格式转换,是矢量软件Illustrator的专用图形文件格式。(10)EPS(Encapsulated PostScript)文件格式

EPS文件格式是Encapsulated PostScript的缩写,是跨平台的标准格式,扩展名在PC平台上是eps,在苹果机Macintosh平台上是epsf,主要用于矢量图像和光栅图像的存储。EPS格式采用 PostScript语言进行描述,并且可以保存其他一些类型信息,例如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息和色调曲线等,因此 EPS 格式常用于印刷或打印输出。Photoshop 中的多个 EPS 格式选项可以实现印刷打印的综合控制,在某些情况下甚至优于TIFF格式。四、任务实施1.查看网页图像文件的格式和像素尺寸情况(本任务中,我们将以淘宝网首页图片文件为例进行说明)。(1)打开淘宝网(www.taobao.com)首页,选择首页中的图片文件,右键在图片上单击,在弹出的快捷菜单中选“图片另存为(V)…”(如图1-1-9所示),然后,在弹出的对话框中,设置将图片保存到 C 盘,文件名定为“test1-1-1”将它保存到自己的计算机上(如图1-1-10所示)。图1-1-9 选择图片进行保存图1-1-10 设置保存图片的位置和文件名(2)在C盘下找到该文件,在该文件上单击鼠标右键,在弹出的快捷菜单中选择“属性”(如图1-1-11所示),随后将弹出图片“属性”对话框,对话框默认情况下先显示“常规”选项卡的内容(如图1-1-12所示),这里我们可以查看图像文件格式类型、图像文件占存储空间大小。图1-1-11 选择查看图片属性图1-1-12 图片属性对话框“常规”选项卡(3)在图片“属性”对话框中单击“详细信息”标签,弹出“详细信息”选项卡,这里我们可以查看图像文件高度、宽度尺寸情况,如图1-1-13所示。2.查看和调整显示器分辨率尺寸

由于电商网页及网页中的图形图像一般都是由用户在显示器下查看,电商网页图像制作人员就需要对于电脑显示器、移动PAD屏幕、手机屏幕的分辨率尺寸进行了解,在今后制作出来的图像便于屏幕的显示和浏览。

下面,我们就以Windows 7系统为例进行演示如何查看和调整显示器分辨率尺寸。首先右键点击桌面,在右键菜单中选择“屏幕分辨率”选项,如图1-1-14所示。图1-1-13 图片属性“详细信息”选项卡图1-1-14 选择“屏幕分辨率”选项

随后,将弹出“屏幕分辨率”对话框,如图1-1-15所示,在其“分辨率”下拉框中可以看到当前屏幕分辨率,调整滑块就可以对分辨率进行调整(图1-1-15为液晶显示器分辨率设置情况,CRT显示器设置方法类似)。图1-1-15 “屏幕分辨率”对话框

Windows XP 系统调整显示器分辨率方法类似,也是在桌面右击,在出现的快捷菜单中选择“属性”,在“属性”里设置分辨率的。五、思考与练习

1.你认为网页图像一般采用哪些图像文件格式,为什么?

2.请将你的显示器分辨率情况记录到如图1-1-16中。图1-1-16 屏幕分辨率尺寸

3.在点阵图GIF、BMP、JPEG、PNG文件格式中,哪种是支持动态图片的?哪种是支持透明背景的?哪种图像格式压缩率最高?哪种图像格式支持无损压缩?哪种图像格式根本不压缩?

4.你认为点阵图和矢量图的区别有哪些?1.2 关于颜色的基本常识教学目标

1.了解颜色的三要素及其表示方式;

2.熟悉数字图像的常用色彩模式;

3.理解冷暖色彩及其含义。一、任务引入

开始图像制作之前,需要对图像颜色性质和特点进行了解。对色彩的良好把控,有助于提高今后图像设计和制作水准。二、任务分析

对于图像制作来说,认识色彩是创建完美图像的重要基础。电子商务网页图像作为计算机处理的数字图像,其使用的颜色本身没有什么不同,但它还是有一些特定的记录和处理色彩的技术。因此,我们需要在理解颜色的基本理论知识基础上,熟悉数字图像处理技术中出现的主要有关颜色、色彩的术语,并对颜色及其特性进行进一步的了解。三、相关知识1.颜色及其三要素

我们四周不管是自然的或人工的物体,都有各种颜色。这些颜色看起来好像附着在物体上。然而一旦光线减弱或成为黑暗,所有物体都会失去各自的颜色。我们看到的颜色,事实上是以光为媒体的一种感觉。颜色是人在接受光的刺激后,视网膜的兴奋传送到大脑中枢而产生的感觉。

颜色具有三要素:明度(Brightness)、色相(Hue)、纯度(Saturation)。(1)明度(Brightness)

在无色彩中,颜色明度最高的色为白色,明度最低的色为黑色,中间存在一个从亮到暗的灰色系列。明度在三要素中具有较强的独立性,它可以不带任何色相的特征而通过黑白灰的关系单独呈现出来。色相与纯度则必须依赖一定的明暗才能显现,色彩一旦发生,明暗关系就会出现。我们可以把这种抽象出来的明度关系看作色彩的骨骼,它是色彩结构的关键。

由于明度表示颜色的相对明暗程度,在Photoshop等计算机绘图软件中,通常是从0%(黑)~100%(白)的百分比来度量明度的。(2)色相(Hue)

色相是指色彩的相貌。如果说明度是色彩的骨骼,色相就很像色彩外表的华美肌肤。色相体现着色彩外向的性格,是色彩的灵魂。

在Photoshop等计算机绘图软件中,使用在0°~360°的标准色轮对色相按位置进行度量,而在人们通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色,如图1-2-1所示。图1-2-1 色轮将可见光范围内颜色以圆环方式表示(3)纯度(Saturation)

纯度(也叫饱和度)指的是颜色的强度或纯度,即彩色成分所占的比例,在 Photoshop等计算机绘图软件中常用从0%(灰色)~100%(完全饱和)的百分比来度量。如果通过色轮的方式来表示,在标准色轮上纯度(饱和度)是从中心逐渐向边缘递增的,如图1-2-2所示。

基于颜色的色相(Hue)、纯度(Saturation)、明度(Brightness)三要素,在 Photoshop等计算机绘图软件中,就常用HSB模式来描述颜色,如图1-2-3所示,显示的就是明度50%,纯度50%的蓝色(色环位置240°)。图1-2-2 标准色轮不同色相及其纯度变化图1-2-3 标准色轮不同色相及其纯度变化2.数字图像的色彩模式

除了HSB颜色表示模式,计算机图像处理软件通常还使用了RGB、Lab及CMYK等色彩模式,以便在不同应用领域更好的表示颜色。其中RGB模式是一种发光屏幕的加色模式;CMYK模式是一种颜色反光的印刷减色模式;Lab模式是为了弥补RGB和CMYK两种色彩模式的不足,由CIE组织(国际照明委员会)确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。(1)RGB模式

绝大部分的可见光谱可以用红、绿和蓝(RGB)三原色光按不同比例和强度的混合来表示。因为 RGB 三种颜色合到一起产生白色,所以 RGB 模型为加色模型,用于光照、视频和显示器。例如,显示器通过红、绿和蓝荧光粉发射光线产生彩色。

在 Photoshop 等图像处理软件的 RGB 模式中,给彩色图像中每个像素的 RGB 分量分配一个从 0(黑色)到 255(白色)范围的强度值。例如,当RGB所有分量的值都是 255 时,结果是纯白色;而当所有值都是 0 时,结果是纯黑色;当三种分量值相等且非0或255时,结果是不同程度的灰色;当R为255、G为255、B为0,即纯红和纯绿合成,产生黄色,如图1-2-4所示。图1-2-4 RGB颜色模式

RGB图像使用红、绿、蓝三种颜色,在屏幕上重现多达1 670万种颜色。RGB 图像为三通道图像,每个像素包含 24 位(8×3)。新建 Photoshop 图像的默认模式为 RGB,计算机显示器总是使用 RGB 模型显示颜色。(2)CMYK模式

CMYK颜色模式以打印在纸张上油墨的光线吸收特性为基础,当白光照射到半透明油墨上时,部分光谱被吸收,部分被反射回眼睛。理论上,纯青色(C)、品红(M)和黄色(Y)色素能够合成吸收所有颜色并产生黑色。由于这个原因,CMYK模型叫做减色模型。因为所有打印油墨都会包含一些杂质,这三种油墨实际上产生一种土灰色,必须与黑色(K)油墨混合才能产生真正的黑色。

CMYK 图像为四通道图像,在Photoshop等图像处理软件的CMYK模式中,每个像素的每种印刷油墨会被分配一个0%~100%的百分比值。最亮(高光)颜色分配较低的印刷油墨颜色百分比值,较暗(暗调)颜色分配较高的百分比值。例如,某明亮的红色可能会包含2%青色、93%品红、90%黄色和0%黑色,如图1-2-5所示。当所有四种分量的值都是0%时,就会产生纯白色。图1-2-5 CMYK颜色模式(3)Lab模式

Lab 颜色模式由心理明度分量(L)和两个色度分量组成,这两个分量即 a 分量(从绿到红)和 b 分量(从蓝到黄)。

Lab颜色设计为与设备无关,不管使用什么设备(如显示器、打印机、计算机或扫描仪)创建或输出图像,这种颜色模型产生的颜色都保持一致。在Photoshop等图像处理软件中,Lab颜色模式主要在不同颜色模式之间转换时使用。3.色彩的心理感觉

色彩心理是客观世界的主观反映,不同的颜色会给浏览者不同的心理感受。不同波长的光作用于人的视觉器官而产生色感时,必然导致人产生某种带有情感的心理活动,而且每种色彩在饱和度,明度上略微变化就会产生不同的感觉。

例如:“鸟巢”内部的主色调是传统的“中国红”,带给人喜庆热情的感觉,而“水立方”如同一块湖蓝色的水晶,带给人清新活泼的感觉,“鸟巢”与“水立方”相对,红蓝互相衬托辉映,如图1-2-6所示。图1-2-6 色彩的心理感觉

色彩的心理感觉具有差异性和共同性的特点,差异性体现在色彩感觉与年龄相关、与职业相关、与社会心理相关;共同性体现在色彩的冷暖感觉、轻重感觉、动静感觉等,其决定因素是色彩自身的色相、明度、纯度要素。(1)色彩感觉与年龄

由于年龄变化,导致生理变化,导致心理变化。据研究统计:婴儿喜爱红色和黄色;4~9岁儿童最喜爱红色;9岁的儿童又喜爱绿色;7~15岁的小学生中男生的色彩爱好次序是绿、红、青、黄、白、黑、女生的爱好次序是绿、红、白、青、黄、黑。随着年龄的增长,人们的色彩喜好逐渐向复色过渡,向黑色靠近。也就是说,年龄愈近成熟,所喜爱色彩愈倾向成熟。(2)色彩感觉与职业

一般来说:体力劳动者喜爱鲜艳色彩;脑力劳动者喜爱调和色彩;农牧人员喜爱鲜艳的,成补色关系的色彩;高级知识分子则喜爱复色、淡雅色、黑色等成熟色彩。(3)色彩感觉与社会心理

由不同的社会制度、意识形态、生活方式,产生不同的社会审美意识和审美感受。由不同地区、不同民族、不同文化传统、不同审美而在某个较长的时期内保持着相对稳定的颜色,就形成了社会的常用色。而当一些色彩被赋予时代精神的象征意义,又符合人们的认识、理想、兴趣、爱好、欲望时,就会形成社会流行色。相对常用色而言的,流行色是一种与时俱变的颜色,特点是流行最快周期最短。常用色有时上升为流行色,流行色经人们使用后也会成为常用色。

每年都有一大批来自世界各地的流行色专家,他们携带各种提案参加国际流行色会议,共同商量下一年度每季的流行色提案。每一组流行色都有其灵感来源:热带雨林、碧空蓝天、大海、阳光、唐三彩……。

他们在调查研究消费者上一季度采用最多的颜色,并注意找出哪些是较新出现的、有上升势头的颜色。大家分析消费者的心理与对颜色的喜好,并窥探消费者的内心,猜测在下一季度的政治、经济和社会形势下,消费者喜欢什么颜色,在充分讨论和分析的基础上,投票决定下一季度的流行色。

流行色也具有以下规律:长期流行红蓝色调后,人们会向往绿橙色调;长期流行淡雅色调后,人们会向往中深色调;长期流行鲜明色调后,人们会向往沉着色调;长期流行暖色调后,人们会向往冷色调,而这也是因为欣赏需求的生理生态平衡。(4)色彩的冷暖感觉

色彩的冷暖感觉是人们在长期生活实践中由于联想而形成的,如图1-2-7所示。红、橙、黄色常使人联想起东方旭日和燃烧的火焰,因此有温暖的感觉,所以称为“暖色”;蓝色常使人联想起高空的蓝天、阴影处的冰雪,因此有寒冷的感觉,所以称为“冷色”;绿、紫等色给人的感觉是不冷不暖,故称为“中性色”。图1-2-7 冷色调和暖色调

暖色的特点,让人感觉热烈、扩展、前进、亲和、积极;冷色的特点,让人感觉冷静、收缩、后退、冷漠、消极。例如,冷暖色调带来空间感的变化,冷色调墙壁似乎向后缩进了,而暖色调则相反,给人以向前凸出的感觉。

在日常生活中,广告牌就大多使用红色、橙色和黄色等暖色,这是因为这些颜色不仅醒目,而且有凸出的效果,从远处就能看到。在同一个地方立两块广告牌,一块为红色,一块为蓝色。从远处看红色的那块要显得近一些。在商品宣传单上,正确使用前进色可以突出宣传效果。在宣传单上,把优惠活动的日期和商品的优惠价格用红色或者黄色的大字显示,会产生一种冲击性的效果,相信顾客都无法抵挡优惠价格的诱惑。(5)色彩的轻重感觉

色彩在心理上的重量感受主要取决于色彩的明度,明度高色彩感觉轻,明度低色彩感觉重。明度相同时,纯度高色彩感觉轻,纯度低色彩感觉重,如图1-2-8所示。图1-2-8 色彩的轻重感觉

在日常生活中,我们常见的财会人员保管的保险柜是深深的墨绿色,而不管是公司中的大型保险柜,还是影视剧中出现的巨型保险柜,也大多是黑色的,这是为什么呢?原因在于深色会让人心理上感觉沉重。为了防止被盗,保险柜都设计为无法轻易破坏的构造,还必须尽可能地加大它的重量,使之无法轻易搬动。然而,为保险柜增加物理重量是有极限的,白色和黑色在心理上可以产生接近两倍的重量差,因而使用黑色可以大大增加保险柜的心理重量,使人产生无法搬动的感觉。从而有效防止被盗的发生。

而我们常见的包装纸箱为什么多为浅褐色,除了因为它是利用再生纸制造而成的,保持了纸浆的原色外,这和心理重量也有着紧密联系。比如最近,除了浅褐色之外,白色包装纸箱也多了起来。某些大型物流公司已经把自己的包装纸箱统一为白色。浅褐色可以使人感觉包装纸箱的重量比较轻,而相比之下,纯净的白色就更轻了。使用包色纸箱包装货物,可以减轻搬运人员的心理负担。(6)色彩的动静感觉

色彩的动静感也来源于人们的联想,色彩的动静感与画面色调气氛和意境有着密切的关系,如图1-2-9所示。总体而言,暖色运动感强,冷色静止感强;明度高运动感强,明度低静止感强;纯度高运动感强,纯度低静止感强;颜色对比强运动感强,颜色对比弱静止感强。图1-2-9 色彩的动静感觉(7)常见颜色的心理感觉

红色:红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色,给人以大胆、强烈的感觉,使人产生热烈、活泼的情绪。但不宜接触过多,过久凝视大红颜色,不仅会影响视力,而且易产生头晕目眩之感。即红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。

黄色:属于暖色系统,是人出生时最先看到的颜色,它象征温情、华贵、欢乐、热烈、跃动和活泼。黄色是一种象征健康的颜色,因为它是光谱中最易被吸收的颜色。黄色能促进血液循环,增加唾液腺的分泌,刺激食欲;它能促进健康者的情绪稳定,但对情绪压抑、悲观失望者,则会加重这种不良情绪。

蓝色:很容易使人想到蔚蓝的大海、晴朗的蓝天,所以是一种令人产生遐想的色彩,具有调节神经、镇静安神、缓解紧张情绪的作用。蓝色的灯光在治疗失眠、降低血压中有明显作用,还是“抗噪”的最佳色彩,能减少噪声对城市居民的情绪干扰。并非所有的人都适合蓝色,抑郁症患者不宜过多接触蓝色,否则会加重病情。

绿色:具有黄色和蓝色两种成份的色,在绿色中,将黄色的扩张感和蓝色的收缩感相中和,将黄色的温暖感与蓝色的寒冷感相抵消,这样使得绿色的性格最为平和、安稳。绿色令人感到稳重和舒适,它具有镇静神经、降低眼压、解除眼疲劳、改善肌肉运动能力等作用,对人的视觉神经最为适宜,是视觉调节和休息最为理想的颜色。但长时间在绿色的环境中,易使人感到冷清,影响胃液分泌,导致食欲减退。

白色:具有洁净和膨胀感,在居家布置时,如空间较小时,可以白色为主,使空间增加宽敞感。白色是纯净无暇的象征,能促使高血压病患者的血压下降,对易动怒的人可起调节作用,有助于保持血压正常,但孤独症、抑郁症患者则不宜在白色环境中久住。

粉红色:粉红是温柔的最佳诠释,在平息雷霆之怒中有着奇妙的功效,因为粉红色会影响人的丘脑,使肾上腺激素分泌减少,从而使情绪趋于稳定、肌肉趋于放松。孤独症和抑郁症患者也不妨经常接触粉红色。

橙色:橙色也是一种激奋的颜色,让人感觉一种有分寸感的热情、温暖,是一种富足、快乐而幸福的颜色。橙色在空气中的穿透力仅次于红色,具有轻快、欢欣、热烈、温馨、光明、华丽、兴奋、甜蜜、快乐、时尚的效果。

紫色:紫色的明度在有彩色的色料中是最低的,紫色的低明度给人一种沉闷、神秘的感觉。在紫色中红的成份较多时,其知觉具有压抑感、威胁感;在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖;在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力,淡紫色让人觉得充满雅致、神秘、优美的情调。四、任务实施

1.为某西餐厅的菜单配色,如图1-2-10所示。(本任务任课教师可使用Photoshop,或根据需要自由选择图像处理程序)(1)餐厅的色彩因餐厅类型和主要客户群体的不同而存在一定差异。年轻人可能喜欢活泼跳跃的色彩,但中老年人可能更偏好中性稳健的色调。但总的来说,餐厅色彩宜以明朗轻快的色调为主,菜单的配色也是类似。所以,第一步先请你确定好色彩格调。

试读结束[说明:试读内容隐藏了图片]

下载完整电子书

若在网站上没有找合适的书籍,可联系网站客服获取,各类电子版图书资料皆有。

客服微信:xzh432

登入/注册
卧槽~你还有脸回来
没有账号? 忘记密码?