网页设计与制作应用教程 第2版 教学课件 作者 王任华 第9章.pptxVIP

网页设计与制作应用教程（第2版）机械工业出版社同名教材配套电子课件第9章 网页图像基础知识9.1 网页图像概念9.2 网页色彩基础知识9.3 网页色彩搭配9.1 网页图像概念像素和分辨率像素是组成图像的最小单位，它们就是一个个有颜色的方格，每一个像素都有一个明确的位置和色彩值。文件中的像素的多少决定着在屏幕上呈现的文件的大小，像素越多，文件越大，图像的品质越好。9.1 网页图像概念像素和分辨率分辨率是指单位长度上像素的数目，其单位为像素/英寸(ppi, pixels/inch )。分辨率可以分为：图像分辨率扫描分辨率屏幕分辨率输出分辨率位分辨率9.1 网页图像概念位图和矢量图位图又称为点阵图像（或栅格图像），是由众多的像素点组成的。位图与分辨率有关，这意味着，描述图像的数据被固定到一个特定大小的网格中。扩大位图放大到一定比例，这会使图像的边缘呈锯齿状，并且会丢失细节9.1 网页图像概念位图和矢量图矢量图又称为向量图像，它是根据几何特性，以数学公式来定义的点、直线和曲线组成的图形，内容以线条和色块为主。矢量图形与分辨率无关。位图和矢量图有各自的优缺点9.1 网页图像概念网页图片文件的格式网页中常用的图片格式只有PNG、GIF和JPEG三种。PNG 格式是一种新型的图像格式，其压缩比高，且属于无损压缩，支持真彩色及透明背景等多种图像特征，能够保存编辑信息，可以编辑和修改。GIF 格式常用无损压缩算法，其压缩比高，文件较小，最多支持256色，支持静态和动态两种形式，适合显示色调不连续或具有大面积单一颜色的图像。JPEG 格式常用有损压缩算法，支持真彩色，适合显示摄影或连续色调图像。9.2网页色彩基础知识 色彩的要素彩色中的任何一种颜色都包含3个基本要素——明度、色相和纯度。明度是指光作用于人眼时所引起的明暗或深浅程度，即颜色的相对色调或明亮程度，通常也称为“亮度”、“光度”。色相是色彩中最主要的特征，是色彩所表现出来的相貌，是色彩的种类，又称“色度”。纯度指色彩的纯粹纯度，又称“彩度”、“饱和度”、“艳度”。9.2网页色彩基础知识 三基色原理三基色原理是指自然界常见的各种可见光，都可由红（Red）、绿（Green）、蓝（Blue）三种颜色光按不同比例相配而成。三基色的选择不是惟一的，也可以选择其他颜色作为三基色，但是，在三基色和三种颜色必须是独立的，即任何一种颜色都不能由其他两种颜色合成。9.2网页色彩基础知识 颜色模式同一种颜色，在不同的颜色模式中有不同的表示，但各种颜色模式存在着相互的联系，可以互相转换。RGB颜色模式，HSL颜色模式CMYK颜色模式9.2网页色彩基础知识 颜色模式的表示颜色模式颜色表示模式RGB红色、绿色和蓝色的值，其中每个成份都是一个 0 到 255 之间的值。0-0-0 表示黑色， 255-255-255 表示白色。十六进制红色、绿色和蓝色的 RGB 值，其中每个成份都有一个从 00 到 FF 的十六进制值。00-00-00 表示黑色，FF-FF-FF 表示白色。HSL (HSB)色相、饱和度和亮度的值。色相有一个从 0 到 360 度的值，而饱和度和亮度有一个从 0% 到 100% 的值。CMY青色、洋红色和黄色的值，其中每个成份均有一个从 0 到 255 的值。0-0-0 表示白色， 255-255-255 表示黑色。灰度等级黑色所占的百分比。单个黑色 (K) 成份有一个从 0% 到 100% 的值，其中 0 表示白色， 100 表示黑色，两者之间的值为灰度阴影。9.3网页色彩搭配色彩的选择色彩的心理感受，不同的颜色会给浏览者不同的心理感受。网页的配色特性，主要内容文字用非彩色（黑色），边框、背景、图片等用彩色。色彩的鲜明性色彩的独特性色彩的合适性色彩的联想性9.3网页色彩搭配网页配色设计方案无色方案：在网页设计时，只有黑、白及灰色。单色方案：该方案只选择单一色相的色彩，然后对该色彩的明度及纯度进行调整，使网页色彩呈现出层次感。相邻色方案：主页是根据实际情况，在色相环上任意选择3到4种相邻的色彩作为网页的色彩。其他配色方案：互补配色（对比色）方案、二次配色方案、三次配色方案等。此模板可用作起始文件以更新项目里程碑的更新。 节右键单击幻灯片以添加节。 节可以帮助您组织幻灯片或促进多个作者之间的协作。备注使用“备注”节传递备注或为受众提供其他详细信息。 演示过程中，可在“演示文稿视图”中查看这些备注。 请记住字体大小(对于可访问性、可见性、录像和联机生产都非常重要)协调的色彩 特别注意图形、图表和文本框。 请考虑与会者将以黑白或灰色调打印。 请运行测试打印，以确保当以纯黑白和灰色调打印时，您的颜色工作正常。图形、表格和图表保持简单: 如果可能，请使用一致的、不分散的样式和颜色。标记所有图表和表格。