第9章--网页布局与配色.pptVIP

* 第9章 网页布局与配色 在之前的章节中，介绍了使用Dreamweaver制作网页的技术与技巧。制作网页时，用户除了需要了解网页制作的各种技术外，还需要具备一定的艺术设计基础，要把握网页的整体视觉效果。 * 本章学习要点: 平面设计的基础 平面构成方式 网页的平面布局特点 网页色彩基础知识 色彩的搭配艺术 常见网页类型的色彩分析 * 9.1 平面设计基础 平面设计是艺术设计的一个门类，其原理是通过平面化的视觉元素，在印刷品、电子出版物甚至岩石、木板等介质上进行设计活动，创造美的作品。网页设计是平面设计的一个重要分支，在学习网页设计时，首先应了解一些平面设计的基础知识。 9.1.1 平面构图基础 构图是平面设计的基础，其意义在于将若干基本的视觉元素组成一个完整的平面结构，从而形成一个整体。以视觉元素的形成方法来划分，平面构图又分为三大类。 1．几何形 2．有机形 3．偶发形 * 9.1.2 平面中的点 平面艺术是位于平面媒体上的艺术，日常见到的平面设计元素大体可根据形状而分为三大类，即点、线和面。点、线和面是构成一个完整平面作品必不可少的部分。 * 9.1.3 平面中的线 线也是一种重要的平面构成元素，也是一种具有位置、方向和长度的几何图形。用户可将线理解为点运动的轨迹。根据线的形状，可将其划分为直线和曲线两大类。 * 9.1.4 平面中的面 按照解析几何学的解释，面是线运动的轨迹，在平面构成中，面是具有长度、宽度和形状的实体。 1．面的分类 2．面的笔触轮廓 3．面的填充内容 * 9.1.5 平面的构成 平面的构成，就是将各种点、线和面等基本构成元素按照一定的规律有机地组成整体，从而营造出整体的视觉效果。在了解基本平面构成之前，首先应了解构图元素之间的关系，从而接近设计和构成的本质。 * 9.2 网页的平面布局 在了解了平面设计的基础后，即可将平面设计的知识与网页设计的特点相结合，研究网页的平面布局特色。网页的布局方式主要包括两种，即结构化布局与艺术化布局。 * 9.2.1 网页结构化布局 结构化布局是最基本的网页布局方式，其特点是将网页的各种结构模块进行平面排列，以构成整个网页。常见的网页结构化布局方式主要包括以下几种。 1．“国”字形网页布局 2．拐角型网页布局 3．左右框架型网页布局 4．上下框架型网页布局 5．封面型网页布局 * * 9.2.2 网页艺术化布局 网页艺术化布局，顾名思义就是用平面设计艺术的构成方式来构建网页，使网页的整体效果更佳美观，其分为以下几种手法。 1．分割构成 2．对称构成 3．平衡构成 * 9.3 色彩基础知识 在大自然中，凡是能够发光的物体都被称作光源。人类的肉眼在观察这些光源时，会根据光的波长在而对这些物体进行辨识。色彩就是人类根据光的波长而总结出的抽象概念。光的波长不同，在人类肉眼中形成的色彩也不同。 9.3.1 光与原色 光是可以混合和分解的。通过对光的分解，理论上可以将绝大多数的光分解为多种色光。例如，将白色光分解，往往可以分解为三种光，即红光、绿光和蓝光。 红光、绿光和蓝光是三种特殊的光，是无法被分解的光。因此，人们称这三种光为原色光，而红、绿和蓝等三种颜色，被称作三原色。 * * 9.3.2 色彩的属性 任何一种色彩都会具备色相、饱和度和明度三种基本属性。这3种基本属性又被称作色彩的三要素。修改这3种属性中任意一种，都会影响原色彩其他要素的变化。 1．色相 2．饱和度 3．明度 * 9.3.3 216网页安全色 216网页安全颜色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合，这些颜色在任何终端浏览用户显示设备上的显示效果都是相同的。所以使用216网页安全颜色进行网页配色可以避免原有的颜色失真问题。 9.4 色彩的搭配艺术 在了解了色彩的基础知识后，即可着手尝试为网页确定采用的主题颜色，和与之相搭配的其他颜色。这种确定主题颜色和搭配颜色的方法就是色彩的搭配。色彩搭配是以灵活使用各种色彩为基础的。 * * 9.4.1 色彩的分析 色彩对人的头脑和精神的影响力，是客观存在的。色彩的知觉力、色彩的辨别力、色彩的象征力与感情，这些都是色彩心理学上的重要问题。 1．色彩情感 2．色彩联想 3．色彩知觉 色彩 积极的含义 消极的含义 红色 热情、亢奋、激烈、喜庆、革命、吉利、兴隆、爱情、火热、活力 危险、痛苦、紧张、屠杀、残酷、事故、战争、爆炸、亏空 橙色 成熟、生命、永恒、华贵、热情、富丽、活跃、辉