第九章PTT教程.pptVIP

2.构图范例欣赏 正三角构图 第三节 网页设计的构图 垂直式构图 2.构图范例欣赏 放射式构图 第三节 网页设计的构图 垂直式构图 2.构图范例欣赏 斜线式构图 第三节 网页设计的构图 垂直式构图 2.构图范例欣赏 没有形成完整面 第三节 网页设计的构图 三线交叉于一点 平行交叉编箩筐 常见错误 2.构图范例欣赏 第三节 网页设计的构图 生活中的构图 平面设计基础 | 色彩的应用| 网站设计的构图| 网页设计的流程 1 平面设计基础 目 录 2 色彩的应用 3 网页设计的构图 4 网页设计的流程 平面设计是一切设计的基础，符合现代社会的需求，它能将视觉设计轻松地融于生活，在设计理念和组织形式上，具有创意、设计、制作三合一的特点。 第一节 平面设计基础 1.图像类型 1．矢量图 矢量图形是用线条和填充色等数学信息来描述图形的，一般矢量格式的文件通常比较小，对矢量图进行操作，改变图形尺寸、形状等，不会改变图形的显示品质。制作矢量格式图形的软件有Freehand、CorelDraw、AutoCAD等。 2．位图 位图图像是用像素点描述图像的。在位图中，图像的细节由每一个像素点的位置和色彩来决定。位图图像的品质与图像生成时采用的分辨率有关，即在一定面积的图像上包含有固定数量的像素。当图像放大显示时，图像变成马赛克状，因此放大图像的尺寸，会降低图像的显示品质，矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像。如图9.1所示。制作位图图像的软件常有Photoshop、Fireworks、ImageReady等。 2.图像分辨率 分辨率确定了一幅图像的品质和能够打印或显示的细节含量。分辨率的单位为像素/英寸（英文缩写为dpi），表示图像上每一线性英寸的像素数。线性是指在直线上计算像素数，如果图像的分辨率是72dpi，即每英寸72个像素，则每平方英寸上有5184个像素。假设图像中的像素数是固定的，增加图像的尺寸将降低其分辨率，反之亦然。 分辨率的大小直接影响图像的品质。分辨率越高，图像越清晰，文件也就越大，计算机运行就越慢。 所以在制作图像时，不同品质的图像设置适当的分辨率即可。例如打印输出的图像分辨率就需要高一些，一般设置为300dpi，如果只是网页图像72dpi就足够了。 第一节 平面设计基础 3.图像文件格式 在计算机绘图中，有较多的图形和图像处理软件，而不同的软件所保存的图像格式则是不相同的。 例如：Photoshop软件所支持位图文件格式有：PSD、TIF、BMP、JPG、GIF和PNG等20余种格式的文件。PSD是Photoshop软件的源文件格式，可保留图层等图像文件的全部信息。PSB（Photoshop Big）格式用于存储大小超过2GB的文件。 第一节 平面设计基础 4.图像设计的分类 1．标志设计 标志设计是一种符号语言，通过简单的造型或文字，来表现深刻的含义和寓意，突出设计对象鲜明的个性特征 第一节 平面设计基础 4.图像设计的分类 2．文字设计 文字是视觉媒体中重要的构成要素，文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果、提高作品的诉求力，赋予版面审美价值的一种重要构成技术 第一节 平面设计基础 4.图像设计的分类 3．卡片设计 卡片设计主要包括：名片设计、邀请卡、工作证、贺卡、礼品券、VIP卡、请柬、宣传单等。卡片设计要求实用、美观，这样才能让人印象深刻、爱不释手 第一节 平面设计基础 4.图像设计的分类 4．平面广告设计 平面广告是传递信息的一种方式，是广告主与受众间的媒介，其结果是为了达到一定的商业目的或政治目的，平面广告在经济高速发达的国家是不可缺少的 第一节 平面设计基础 4.图像设计的分类 5．产品包装设计 包装设计是将美术与自然科学相结合，运用到产品的包装保护和美化方面，它的主要作用是保护产品、美化和宣传产品 第一节 平面设计基础 4.图像设计的分类 6．网页设计 网页是构成网站的基本元素，承载各种网站应用的平台，如何运用平面设计软件制作出让浏览者流连忘返的精美网页是非常关键的 第一节 平面设计基础 1.色彩模式 为了能更好地应用色彩来设计网页，先来介绍一些色彩的基本概念。自然界中有很多种色彩，比如玫瑰是红色的，大海是蓝色的，橘子是橙色的等，但是最基本的色彩有三种（红，绿，蓝），其他的色彩都可以由这三种色彩调和而成，这三种色彩称为“三原色”。 现实生活中的色彩可以分为彩色和非彩色。其中黑、白、灰色属于非彩色系列，其他的色彩都属于彩色 第二节 色彩的应用 1.色彩模式 三种常用的色彩模式 第二节 色彩的应用 在HSB色彩模式中，任何一种色彩具备三个要素：色相（H）、纯度（S）和明度（B）。把这三个要素做成立体坐标，就构成色立体，其中非彩色只有明度属性 RGB色彩模