网页美工设计教案.pptVIP

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