动态网页设计与制作实用教程(第二版

第20章 网页的艺术设计 章本章学习导读 网站建设越来越接近于一门艺术而不仅仅是一项技术， 网站建设越来越接近于一门艺术而不仅仅是一项技术， 网页的艺术设计，是艺术与技术的高度统一。通过本章学习， 网页的艺术设计，是艺术与技术的高度统一。通过本章学习， 读者应该掌握以下内容： 读者应该掌握以下内容： 网页艺术设计概述 网页艺术设计的审美 网页元素的编排技巧

动态网页设计与制作实用教程(第二版

第20章 网页的艺术设计 章20.1 网页艺术设计概述 20.1.1 设计内容 设计活动中包含着主观和客观两方面的因素， 设计活动中包含着主观和客观两方面的因素，在确立了网页主题之 首先要明确和熟悉设计的对象和构成的要素。 后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的 具体内容很多，可以概括为视听元素和版式设计两个方面。 具体内容很多，可以概括为视听元素和版式设计两个方面。 视听元素，主要包括：文本、背景、按钮、图标、图像、表格、 视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜 导航工具、背景音乐、动态影像等。无论是文字、图形、动画， 色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还 是音频、视频， 是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进 页面这个“大画布” 页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的 表 现力。 现力。

动态网页设计与制作实用教程(第二版

第20章 网页的艺术设计 章20.1.2 设计原则 网页的艺术设计要求设计者必须掌握以下三个主要原则： 网页的艺术设计要求设计者必须掌握以下三个主要原则： 1. 设计为主题服务 2. 形式与内容统一 3. 保持结构的整体性 20.2 网页艺术设计的审美 20.2.1 审美误区 网页在满足了基本的功能要求之后，为了突出自己的特色， 网页在满足了基本的功能要求之后，为了突出自己的特色，突出自 己的优势，必须从审美入手。下面先分析几种常见的审美误区： 己的优势，必须从审美入手。下面先分析几种常见的审美误区： 1.页面拥塞 . 2.页面花哨 . 3.页面缺乏特色 . 4.纯技术化的网页 .

动态网页设计与制作实用教程(第二版

第20章 网页的艺术设计 章20.2.2 审美原则 1.变化、统一原则 .变化、 2.条理、反复原则 .条理、 3.对比、调和原则 .对比、 4.均齐、平衡原则 .均齐、 5.合理留白的原则 . 6.节奏、韵律原则 .节奏、

动态网页设计与制作实用教程(第二版

第20章 网页的艺术设计 章20.2.3 网页布局的类型 网页布局大致可分为： 网页布局大致可分为： 1. “国”字型 2. 拐角型 3. 标题正文型 4. 左右框架型 5. 上下框架型 6. 综合框架型 7. 封面型 8. Fl

ash型 型 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. 垂直线