青海大通广播电视大学

1. 青海大通广播电视大学 《网站美工设计基础》

2. 在现代生活中，网络已经成为全新的大众传播媒体。而网页是一个重要的信息窗口，在设计网页前，我们必须掌握视觉语言的基本功，这就是——网站美工设计。在现代生活中，网络已经成为全新的大众传播媒体。而网页是一个重要的信息窗口，在设计网页前，我们必须掌握视觉语言的基本功，这就是——网站美工设计。

3. 21世纪网页设计的审美传播 平面构成 色彩在现实领域中的应用 网页版式设计的图文魅力

4. 21世纪网页设计的审美传播 网页概述 网页设计与美术基础知识

5. 21世纪网页设计的审美传播 网页概述 网页是网站在计算机上提供给人们浏览的一个信息窗口，是集 音频、视频、文字传输为一体的多媒体界面。 1、文字：是网页中最常用也是最重要的页面因素之一。 2、图像：也是网页中最常用的页面因素之一。一般情况下，DreamWeaver不能对插入页面的图像做更好的处理，因此，可以使用Fireworks或者Photoshop对图像先行编辑和优化。

6. 21世纪网页设计的审美传播 网页设计与美术基础知识（网页与平面构成） 网页所展示给人们的首先是界面的视觉印象，从平面构成的角度来看网页设计，其重点在于网页平面的分隔秩序。 1、布局要新颖：所谓布局就是指界面的平面分布安排，将繁杂的内容进行条理化、秩序化的编辑处理，使其合理适度。 2、对比要强烈：加强页面的对比因素，是吸引人们关注的有效手段。 3、变化又统一：不刻意追求外形的变化，又不简单划分版面。反复的比较、精心的安排、整体的权重是设计好网页的基本要求，也是网页设计最终的选择。

7. 21世纪网页设计的审美传播 网页设计与美术基础知识（网页与色彩） 从色彩学的角度，色彩运用的好坏直接影响网页的整体效果。成功的网页设计都遵循了色彩运用的规律。 1、对比与和谐：以色彩三要素对比为主的色彩构成；统一和类似调和构成；色彩的调和与面积形状的关系；色彩的调和与视觉平衡。 2、色彩的肌理：主要是指物体表面的结构特征。 3、无彩色与有彩色的相互作用 4、绘画色彩与设计色彩的关系

8. 平面构成 平面设计形式美的基本法则 平面设计的门类、元素和形象 重复、渐变、发射 骨格、特异、对比、肌理 图与底 基本形的各种排列

9. 平面构成 平面设计形式美的基本法则 1、常用的渐变构成比例：黄金比例、斐波那契数列 2、3种常见的构成形式：对称、平衡、对比

10. 平面构成 平面设计的门类、元素和形象 1、平面设计的门类：装饰设计、机能设计、环境设计、视觉传媒设计 2、平面设计的元素：概念元素、视觉元素、关系元素、使用元素 3、平面设计的形象：形象一般包括形状、色彩、大小、肌理等。平面设计中，任何可视元素都具有自己的形象特征，如点、线、面、肌理、形状大小等

11. 平面构成 重复、渐变、发射 1、重复：在同一设计中，相同形象出现两次或两次以上叫重复。 2、渐变：是指类似的基本形或骨格，循序渐进地、有秩序、有节奏地逐步变化，呈现出一种阶段性、调和得秩序。主要有形状、方向、位置、大小、色彩、骨格的渐变。 3、发射：发射是自然界中比较常见的，如太阳四射的光芒，它是围绕一个中心，向外发射所呈现的视觉形象。主要的发射方式有中心点发射、同心式发射、移心式发射

12. 平面构成 骨格、特异、对比、肌理 1、骨格：是设计中基本形排列的位置依据。有规律形骨格、作用性骨格、非规律骨格、非作用性骨格、可见骨格、不可见骨格、重复的骨格等。 2、特异：当构成要素在有序排列中有意违法秩序，使少数几个要素凸显出来。有：形状特异、色彩特异、大小特异、方向特异、肌理特异。 3、对比：主要有形状对比、色彩对比、大小对比、肌理对比、位置对比、重心对比、空间对比、虚实对比。 4、肌理：物象的表面特征：有笔触的变化、拓印、喷绘、刻刮、不同质地的纸张等效果

13. 平面构成 图与底 1、图与底的表现方法：色彩明度较高的形象有图的感觉；凹凸变化中得形象有图感；面积大小的比较中，小面积有图感；空间被包围的形状有图感；动静中动态形象有图感；抽象与具体中具象有图感；几何中对比越大越容易区别图与底。 2、图与底的发转

14. 平面构成 图与底 1、图与底的表现方法：色彩明度较高的形象有图的感觉；凹凸变化中得形象有图感；面积大小的比较中，小面积有图感；空间被包围的形状有图感；动静中动态形象有图感；抽象与具体中具象有图感；几何中对比越大越容易区别图与底。 2、图与底的发转

15. 平面构成 基本形的各种排列 1、基本形现状排列 2、基本形面状排列 3、基本形环状排列 4、基本形放射状排列 5、基本形对称排列

16. 色彩在现实领域中的应用 色彩的产生与光源 色彩与生理、色彩与心理 色彩三要素、色立体、色彩表示法 色彩的混合、对比、调和、肌理 无彩色与有彩色的相互作用 绘画色彩与设计色彩的关系

17. 色彩在现实领域中的应用 色彩的产生与光源 1、色彩的产生：色彩是由光的刺激而产生的一种视觉效果。 2、光源：由各种物体发出的波长、强弱、比例性质不同色光，叫做光源。光源分两种：自然光和人造光。 3、物体色与固有色：物体色是光源色照射到物体后被物体吸收再反射的。固有色通常是指物体在白色日光下呈现的色彩特征。

18. 色彩在现实领域中的应用 色彩与生理、色彩与心理 1、视觉对色彩的生理感知：视觉的适应，视觉的惰性 2、物理补色与生理补色 3、色彩的感觉：色彩的物质性心理错觉；颜色的表情 4、色彩的心理分析：人们通常用色彩来表达对生活环境的某种解释，用色彩来体现个人对生活的某种态度，因此，有不同的动机，就比如影响到人们对色彩的不同选择。

19. 色彩在现实领域中的应用 色彩三要素、色立体、色彩表示法 1、色彩的三要素：色相、明度、纯度 2、色立体：蒙赛尔色立体与奥氏色立体。 3、色立体的应用：可供印染、染料、涂料、印刷、造纸、美术设计等各行各业的颜色工作者作为配色的参考例样。 4、色彩表示法：显色系统和混色系统

20. 色彩在现实领域中的应用 色彩的混合、对比、调和、肌理 1、色彩的混合：将两种或者以上的不同色相进行混合，产生新的颜色。 2、色彩的对比：主要是色相的对比、明度的对比、纯度的对比、同时对比和连续对比。。 3、色彩的调和：主要是偏重于色彩搭配后视觉效果为依据，能满足人的视觉生理需求的色彩秩序与量的关系。 4、色彩的肌理：是指由于物体表面组织结构特征不同，对光线的吸收与反射产生很大变化，直接影响到物体表面的色彩。

21. 色彩在现实领域中的应用 无彩色与有彩色的相互作用 1、黑、白、灰的魅力：当黑、白、灰之间产生变化时，任何与之对应、混合的色彩都将发生无限的演变，千变万化。 2、黑色白色对色彩的分离作用：黑色和白色对明度起着决定性作用，因此黑色与白色能够对其他色彩进行有效的划界和分割。 3、色彩的暗化和淡化。

22. 色彩在现实领域中的应用 绘画色彩与设计色彩的关系 从色彩学的角度去研究绘画色彩与设计色彩，其原理是相同的。绘画色彩的研究包含写实色彩和装饰色彩，而设计色彩的应用同样也包含装饰色彩和写实色彩，只是在具体创作实践中，会根据实际情况需要各有侧重而已。

23. 网页版式设计的图文魅力 版式设计的视觉要素和造型要素 版式设计的审美形式原理 网页的版式设计

24. 网页版式设计的图文魅力 版式设计的视觉要素和造型要素 1、版式设计的视觉要素：文字设计、图形设计、色彩设计 2、版式设计的造型要素：点的造型设计、线的造型设计、面的造型设计。

25. 网页版式设计的图文魅力 版式设计的审美形式原理 1、对称与均衡 2、重复与交错 3、节奏与韵律 4、对比与调和 5、变异与秩序 6、虚实与留白

26. 网页版式设计的图文魅力 网页的版式设计 1、骨格型 2、满版型 3、分割型 4、中轴型 5、曲线型 6、倾斜型 7、对称型 8、焦点型 9、三角型 10、自由型

27. 谢谢你，祝学习愉快！ 责任教师：郭海威 联系方式：ghwdd@163.com