文档介绍：网页设计与制作
编辑课件
本章内容
概述
1
网页设计中的创意思维
2
网页设计的创意方法
3
网页创意设计中的基本要素
4
网页创意设计中的基本要素
方式：
拉伸、压缩、扭曲、畸变或将某一部分突出渲染。
四. 借代
不直接说出要说的人或事物，而是借与说的人或事物有密切、象征关系的其它某些事物来代替说明的一种修辞方法。
编辑课件
网页设计的创意方法
图4-12
图4-13
编辑课件
网页设计的创意方法
五. 幽默
幽默的手法优点是抓住人或事物的某些特征，运用喜剧性的手法造就一种耐人寻味引人发笑的幽默意境，撞击浏览者的心灵。
六. 象征
用具体的事物表现某种特殊意境，是对事物原型的延伸,是超越性的存在。
七. 对比
把两种不同事物或同一种事物的不同方面放在一起，相互比较，运用对比使对立事物的矛盾突出揭示本质，给人以深刻的启示，留下深刻的印象。
编辑课件
网页创意设计中的基本要素
色彩
图像
文字
编辑课件
网页中的文字
在网页中,字体往往占据了很大的空间和页面,单一形态大小、颜色的字体，虽能传递信息，但不免让人们感到疲劳乏味。
一. 字体的设计方法：
根据文字内容的属性及网站的主题可以适当的作如下化。
1. 改变文字大小、比例
人们已经****惯正常的视觉大小,突然间的变化会产生新的视觉感受,产生重新审视的兴趣。
2. 改变字体形态
局部改变整体改变
编辑课件
网页中的文字
措施:拉伸、挤压、扭曲、撕裂、切除、省略、替换、粗
细变化。
3. 文字的三维效果
真实的空间：眼睛看得见，手能摸得到的。
虚拟的空间：眼睛看得见，而不能触摸得到的。
措施：添加投影、浮雕、***效果，产生矛盾空间。
4. 色彩的改变
色相、纯度、明度
5. 机理及质地
编辑课件
网页中的文字
纹理的改变及不同质感效果
6. 置换及同构
将文字中部分笔画用实物、图形、符号、色块等替换，或利用文字外形与某一事物的相似点进行变化。
二. 文字的组合方法与形式

将大小不等的文字放到一个平面上进行组合，这样大的文字相当于一个图形，而小的文字就成为可供阅读的文字，或将小的文字编排成图形而大的图形成为主要的文字
编辑课件
网页中的文字
2. 汉字与拉丁字母的组合
如：“HONG KONG”与“喜”字的组合。
3. 汉字与具象形体的组合
如：“永久”牌自行车标志图4-14,“
胖子”服饰。

(1). 添加法
根据文字内容、笔画的多少进行添加文字的组合因素。
A. 添加与内容相关的文字
B. 添加与寓意相关的图形
图4-14
编辑课件
(2). 重叠法
将文字组合因素重叠为一体，产生富有层次的效果。
(3). 删除法
在不影响识别的前提下将某些笔画删除。
(4). 连笔法
将文字组合
因素产生连贯的
整体感，可将两
个以上的文字笔
画连起来。如图
4-15
图4-15
编辑课件
网页中的文字
（5）. 适形法
将文字组合因素适合在一个图形内，产生适合图形的效果。
（6）. 共用法
将所设计内容的两个以上的文字笔画偏旁部首共用，产生你中有我我中有你的视觉趣味。
编辑课件
网页中的文字
(7). 虚实形共用
实为笔画，虚为背景。利用实形周围空底显示字的形产生虚实相间的视觉效果。
(8). 几何形
利用不同的几何形状构成文字,给人以自由和轻松感，现代感强
5. 文字编排的形式:
A. 竖排式
B. 横排式
C. 斜排式
D. 曲线式
编辑课件
网页中的文字
E. 渐变式
运用文字字体大小产生渐变的效果。
F. 重叠式
由句子重叠体现构成图形。
G. 分离式
拉大字与字之间距离，形成点壮效果。
(2). 文字的头尾编排形式

编辑课件
网页中的文字
文字排列时从中间向两边分开,突出中间的垂直空间。

行与行之间的关系上、下、左、右曲直交叉，长短参差、错落地排列。

行与行不规则地排