配色方案的应用实例课件.ppt

《配色方案的应用实例课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第九章、网页设计基础理论平面设计基础

2、色彩的应用

3、网站设计的构图

4、网页设计的流程1平面设计基础目录2色彩的应用3网页设计的构图4网页设计的流程平面设计是一切设计的基础，符合现代社会的需求，它能将视觉设计轻松地融于生活，在设计理念和组织形式上，具有创意、设计、制作三合一的特点。第一节平面设计基础1.图像类型1．矢量图矢量图形是用线条和填充色等数学信息来描述图形的，一般矢量格式的文件通常比较小，对矢量图进行操作，改变图形尺寸、形状等，不会改变图形的显示品质。制作矢量格式图形的软件有Freehand、CorelDraw、AutoCA

5、D等。2．位图位图图像是用像素点描述图像的。在位图中，图像的细节由每一个像素点的位置和色彩来决定。位图图像的品质与图像生成时采用的分辨率有关，即在一定面积的图像上包含有固定数量的像素。当图像放大显示时，图像变成马赛克状，因此放大图像的尺寸，会降低图像的显示品质，矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像。如图9.1所示。制作位图图像的软件常有Photoshop、Fireworks、ImageReady等。2.图像分辨率分辨率确定了一幅图像的品质和能够打印或显示的细节含量。分辨率的单位为像素/英寸（英文缩写为dpi）

6、，表示图像上每一线性英寸的像素数。线性是指在直线上计算像素数，如果图像的分辨率是72dpi，即每英寸72个像素，则每平方英寸上有5184个像素。假设图像中的像素数是固定的，增加图像的尺寸将降低其分辨率，反之亦然。分辨率的大小直接影响图像的品质。分辨率越高，图像越清晰，文件也就越大，计算机运行就越慢。所以在制作图像时，不同品质的图像设置适当的分辨率即可。例如打印输出的图像分辨率就需要高一些，一般设置为300dpi，如果只是网页图像72dpi就足够了。第一节平面设计基础3.图像文件格式在计算机绘图中，有较多的图形和图像处理软件，而

7、不同的软件所保存的图像格式则是不相同的。例如：Photoshop软件所支持位图文件格式有：PSD、TIF、BMP、JPG、GIF和PNG等20余种格式的文件。PSD是Photoshop软件的源文件格式，可保留图层等图像文件的全部信息。PSB（PhotoshopBig）格式用于存储大小超过2GB的文件。第一节平面设计基础4.图像设计的分类1．标志设计标志设计是一种符号语言，通过简单的造型或文字，来表现深刻的含义和寓意，突出设计对象鲜明的个性特征第一节平面设计基础4.图像设计的分类2．文字设计文字是视觉媒体中重要的构成要素，文字排

8、列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果、提高作品的诉求力，赋予版面审美价值的一种重要构成技术第一节平面设计基础4.图像设计的分类3．卡片设计卡片设计主要包括：名片设计、邀请卡、工作证、贺卡、礼品券、VIP卡、请柬、宣传单等。卡片设计要求实用、美观，这样才能让人印象深刻、爱不释手第一节平面设计基础4.图像设计的分类4．平面广告设计平面广告是传递信息的一种方式，是广告主与受众间的媒介，其结果是为了达到一定的商业目的或政治目的，平面广告在经济高速发达的国家是不可缺少的第一节平面设计基础4.图像设

9、计的分类5．产品包装设计包装设计是将美术与自然科学相结合，运用到产品的包装保护和美化方面，它的主要作用是保护产品、美化和宣传产品第一节平面设计基础4.图像设计的分类6．网页设计网页是构成网站的基本元素，承载各种网站应用的平台，如何运用平面设计软件制作出让浏览者流连忘返的精美网页是非常关键的第一节平面设计基础1.色彩模式为了能更好地应用色彩来设计网页，先来介绍一些色彩的基本概念。自然界中有很多种色彩，比如玫瑰是红色的，大海是蓝色的，橘子是橙色的等，但是最基本的色彩有三种（红，绿，蓝），其他的色彩都可以由这三种色彩调和而成，这三种

10、色彩称为“三原色”。现实生活中的色彩可以分为彩色和非彩色。其中黑、白、灰色属于非彩色系列，其他的色彩都属于彩色第二节色彩的应用1.色彩模式三种常用的色彩模式第二节色彩的应用HSB模式在HSB色彩模式中，任何一种色彩具备三个要素：色相（H）、纯度（S）和明度（B）。把这三个要素做成立体坐标，就构成色立体，其中非彩色只有明度属性RGB模式RGB色彩模式是工业界的一种颜色标准，表示红色、绿色、蓝色，又称为三原色光，英文为R（Red）、G（Green）、B（Blue），通过它们相互之间的叠加来得到各种颜色。CMYK模式C：青色Cyan

11、，M：洋红色Magenta，Y：黄色Yellow，K：黑色black。CMYK模式针对印刷媒介，即基于油墨的光吸收/反射特性。2.配色方案的应用实例红色让人联想到玫瑰、喜庆、兴奋；白色联想到纯洁、干净、简洁；紫色象征着女性化、高雅、浪漫；蓝色象征高科技、稳重、理智；橙色代表了