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

动态网页设计与制作实用教程(第二版)-第20章
第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
ah型型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.垂直线。