动态网页设计与制作实用教程(第二版)-第20章(精)

第20章网页的艺术设计

本章学习导读

网站建设越来越接近于一门艺术而不仅仅是一项技术. 期页的艺术设计，是艺术与技术的高度统一.通过本

章学习. 读者应该掌握以下内容；*网页艺术设

计概述

*网页艺术设计的审美

*网页元素的编排技巧

第20章网页的艺术设计

网頁艺术设计述

20.1.1设计内容

设计活动中包含着主观和客观两方面的園素.在确立了网页主题之后.苗先要明确和舄悉设计的对彖和构成的要

董.网页艺术设计涉及的具体内容很多，可以糠括为觇昕

元素和版式设计两个方Jftk

视听元素，主要包括’文本*背盛*按钮，图标、图像、农協、颇色.导航工具.背量音乐、动态够像等.无iftiS文字、图形、动画.还是音频、视频，网页设计苦所要特虑的墨如何以感人的形式把它们放进页面这个“大画布"里f多媒体技术的运用大大丰當「网英艺术设计的表现力.

第20章网页的艺术设计

2QA.2设计原则

网贡的苦术设计婆求设计苕必须纂握以下三个主婆爛则：1, 设计为主题膿务

2. 降式与内容统一

工保持结构的整体性

如2网頁艺术设计的审美

20 Z1审美谋区

网页在满足了基本的功能要求之后，为了突出自己的特色.寰出自己的优静’必须从审芙入手+下面先分析几种常见的审莪溟区*

1-页面拥塞

2.页面花哨

仝页面峡乏特色

4.纯技术化的网页

第20章网页的艺术设计

20.2.2审美原则

1.变化"统一療则

2-条理、反复原则

3.对比，调和原则

4・均齐.平衡原则

5. 合理留白的原则

6. 节奏、萄律撩则

第20章网页的艺术设计

20.2.3网贡布局的类型

网页布局大致可分为:

1.刘国粋字型

N拐角型

3.标题正文型

4・左右框架型

5. 上卞框架型

6. 综合框架型

7・封面型

8. Flash型

9. 变牝型

第20章网页的艺术设计章20.3页面元素的编排技巧1.大小的对比大小关系是造形要素中最重要的一项，大小关系是造形要素中最重要的一项，几乎可

以决定意象与调和的关大小差别少，给人的感觉较为温和，大小的差别大，系。大小差别少，给人的感觉较为温和，大小的差别大，给人的感觉较鲜而且具有强

力感。明，而且具有强力感。2.明暗的对比阴与阳、正与反、昼与夜等等，阴与阳、正与反、昼与夜等等，此类的对比可使人感觉到日常生活中的明暗关

系。对彩度或色相的识别，是色感中最基本的要素。的明暗关系。对彩度或色相

的识别，是色感中最基本的要素。 3.粗细的对比字体愈粗，愈富有男性的气

概。若代表时髦与女性，字体愈粗，愈富有男性的气概。若代表时髦与女性，则通常以细字表细字如果份量增多，粗字就应该减少，这样的搭配看起来比较明快。现。细字如果份量增多，粗字就应该减少，这样的搭配看起来比较明快。

第20章网页的艺术设计章4.曲线和直线的对比曲线很富有柔和感、缓和感；直线则富坚硬感、锐利感，曲线很富有柔和感、缓和感；直线则富坚硬感、

锐利感，极具男性气平常我们并不注意这种关系，可是，当曲线或直线强调某形

状时，概。平常我们并不注意这种关系，可是，当曲线或直线强调某形状时，我们便有了深刻的印象，同时也产生相对应的情感。为加深曲线印象，们便有了深刻的印象，同时也产生相对应的情感。为加深曲线印象，就以一些直线来强调，也可以说，少量的直线会使曲线更引人注目。一些直线来强调，也可以说，少量的直线会使曲线更引人注目。 5. 质感的对比 6. 位置的对比7. 主与从的对比8. 动与静的对比9. 多种的对比10. 起与收11. 图与地12. 强调

第20 章网页的艺术设计章13. 比例14. 韵律感15. 左右重心16. 向心与扩散17. JUMP 率18. 统一与调和19. 导线20. 水平线21. 垂直线