网页美工设计教案(2)精品PPT课件

（2）色彩的冷暖感 冬天看到黄色的光，会有温暖感，夏天看到蓝色的水
会有凉爽感。冷暖感本身属于触感，然而即使不去用 手摸而只是用眼睛看也会感到暖和冷，这是由于生活 经验积累而产生的。色彩的冷暖感被称为色性，而冷 暖感主要取决于色调。暖色，如黄色，橙色，红色， 紫色等都属于暖色系列。
（3）色彩的软硬感
软硬感与冷暖感类似，色彩的软硬感与明度有关系。明度低 的色彩给人以坚硬、冷漠的感觉。相反，明度高的色彩给人 以柔软、亲切的感觉。软色调给我们以明快，柔和，亲切的 感觉。
一定的面积，面积是色彩不可缺少的特性。
2.2 网页配色的原理 2.2.1 色彩的基本知识 在千变万化的色彩世界中，人们视觉感受到的色彩非常 丰富，可分为无彩色系和有彩色系两大类。有彩色系， 包括在可见光谱中的全部色彩，它以红、橙、黄、绿、 蓝、紫等为基本色。无彩色系，指由黑色、白色及黑白 两色相融而成的各种深浅不同的灰色系列。
1.2 网页中的平面构成
1.2.1网页设计中的平面构成
网页是构成网站的基本元素，是承载各种网站应用的 平台。通俗的说，您的网站就是由网页组成的。网页 （Web page）是一个文件，他存放在世界某个角落的某一 部计算机中，而这部计算机必须是与互联网相连的。网页 经由网址（URL）来识别与存取，当我们在浏览器输入网 址后，经过一段复杂而又快速的程序，网页文件会被传送 到你的计算机，然后再通过浏览器解释网页的内容，再展 示到你的眼前。是万维网中的一页，通常是HTML格式（文 件扩展名为.html或.htm）。网页通常用图像档来提供图 画。网页要透过网页浏览器来阅读。
2.1.2色彩的对比
色彩对比指各色彩之间存在的矛盾、对立、差别。色 彩诱人魅力，主要在于色彩对比的妙用。色彩对比强烈， 视觉刺激力会很强；色彩对比弱，易产生协调的效果；如 果没有对比，会出现混沌、模糊、乏味的效果。因此色彩 对比是网页配色的必要环节与过程。色彩对比通常以色相 对比考虑居多（图2-2 ），同时还有色彩的明度对比、纯 度对比、面积对比等。在网页配色中，无论是色相对比、 明度对比和纯度对比，都是基于色彩面积的对比，也就是 色彩的比例问题。因为色彩如果没有相当的面积，就很难 感受到其色相。因此，形态作为视觉色彩的载体，总有其
第1章 网页平面构成
本章知识重点： 1. 平面构成的基本知识 2. 网页设计中的平面构成 3. 构成设计在网页设计中的运用
网页美工设计
1.1 平面构成概述 平面构成是设计的基础，平面构成主要是研究在二维空 间内基本形态的创造和画面的构成方式，是在二维的平面 空间里按照一定的主题要求，方法原理，对设计元素进行 各种视觉信息形式的设计与组成，使组成效果具有较强烈 的视觉信息和美感的创造活动。 构成是一个近代造型概念，其含义是指将不同或相同形 态的几个以上的单元重新组合成为一个新的单元，构成对 象的主要形态，包括自然形态、几何形态和抽象形态。并 赋予其视觉化的、力学化的观念。平面构成探讨的是二度 空间的视觉文法。其构成形式主要有重复、近似、渐变、 变异、对比、集结、发射、特异、空间与矛盾空间、分割、 肌理及错视等等。
第二章 网页的色彩搭配
本章知识重点： 1. 色彩构成的基本原理 2. 网页配色的原理 3. 网页常用配色分析
2.1 色彩构成原理
2.力量，色彩是网 页设计中最直接、最有力的表现形式，既可以表现网 站风格，树立网站形象，又给人留下深刻的印象。人 们不仅发现、观察、创造、欣赏着绚丽缤纷的色彩世 界，还通过日久天长的时代变迁不断深化对色彩的认 识和运用。“色彩是破碎的光，……太阳光与地球相 撞破碎分散，因而使整个地球形成美丽的色彩。”人 类最基本的视觉经验得出结论：没有光就没有色。白 天使人们能看到五色的物体，但在漆黑无光的夜晚就 什么也看不见了。倘若有灯光照明，则光照到哪里， 便又可看到物像及其色彩了。
色彩的三属性包括色相、明度、纯度。
2.2.2色彩的心理感觉 心理感受是视觉对色彩的反应，随内外环境而改变。
视觉感受色彩的明度及色相的影响，会产生冷暖、轻 重、远近、胀缩、动静等不同感受。色彩心理效应的 产生，色彩产生的视觉效应，但却能影响人们的心理 感受，并作用于感情，甚至长时间影响人们的精神世 界。就色彩本质而言，色彩本身并没有任何感情色彩， 而是在人们在生活中积累的普遍经验的作用下，形成 人们对色彩的心理感受，因此，人们的色彩心理感受 也成为了表达色彩特性的另一种语言。 （1）不同颜色的心理感受
1.2.2 构成设计在网页设计中的运用 网页的视觉传达设计是指将各要素组合的形式法则及艺术规 律，对于网页设计来讲，其信息内容的有效传达是通过将各 种构成要素的设计编排来实现的。它既包括一般构成规律的 应用，也有其具自身特点的艺术语言。构成设计在网页设计 中的运用主要体现在以下几个方面： （1）版式设计 （2）导航设计 （3）文字的编排与设计 （4）图片的编排与设计
1.1.1平面构成设计的元素 概念元素：点、线、面、体。 视觉元素：将概念元素体现在实际设计中，包括大小、形 状、色彩、肌理等。 关系元素：把视觉元素在画面上进行组织、排列，形成一 个画面的依据完成视觉传达的目的。包括方向、位置、空 间、重心等。 实用元素：是指设计所表达的内容、目的和功能。
1.1.2平面构成的形式美 （1）总法则:变化统一 （2）对比与调和 （3）对称与均衡 （4）节奏与韵律 1.1.3平面构成的骨骼及基本形式 任何一幅构成作品，都是按照一定的规律将基本形 组合起来的，这种管辖编排形象的方式称为骨骼。 在基本形的组合中，排列和组合往往都需要框架， 这个框架就称为骨骼。基本形和骨骼的关系就是骨 与肉的关系，极为重要。 骨骼的样式分为规律性骨骼和非规律性骨骼。规律 性包括重复、近似、渐变、发射、特异等，具有很 强的规律性。非规律性包括密集、对比、节奏、韵 律、分割、肌理、空间等。