"网页版式设计:技术与艺术的完美结合"

0 下载量 70 浏览量 更新于2023-12-19 收藏 1.72MB PPT 举报
网页的版式设计.ppt;网页的版式设计.ppt;网页的版式设计 很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心。特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感。目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少。一、文字的格式化 1.字号、字体、行距 字号大小可以用不同的方式来计算,例如磅(point)或像素(pixel)。因为以计算机的像素技术为基础的单位需要在打印时转换为磅,所以,建议采用磅为单位。 最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较多,通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。  网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。  粗体字强壮有力,有男性特点,适合; 粗体字强壮有力,有男性特点,适合用在标题上。斜体字给人以柔和、婉约的感觉。加下划线的字显得重要,但如果过多则无法突出重点。有时,在突出重点或提醒浏览者注意时,可以用不同颜色的字来表示。 2.字母和单词的间距 优秀的排印物都是经过精心设计的,排印的艺术包括整体的布局、字母和单词的间距、行距和段间距等。 3.字母和单词的间距调整的基本原则 及时、适量、均匀、稳重、一致。使字符之间的间距不论是中文、英文还是数字,保持一致性,最好通过正规的设计软件来实现。我国传统排印物中,最突出的特点就是间距适当,给人以修身雅号,稳重端庄的感觉。 4.字母的间距调整原则 在设计中应该尽量保证文字在视觉上的连贯性和平衡感,根据字母间的关系和排印的要求,使之间的间距一致。 5.行距调节 好的排印物,在排印品的选择和搭配上要重视字与字、行与行、段与段之间的间距,这样文章看起来舒适、稳定,不会让人有喘不过气来的感觉。要保持整篇文章的空间均衡。 6.行距的调整原则 网页设计中的行距调整最好能够根据屏幕、文字的具体情况来实施,采取”固定像素值”和”相对值”相结合的方法,制作一份完美的网页版式。网页设计的版式设计.ppt;网页的版式设计.ppt;网页的版式设计 很多从事网页设计的计算机专业人员,对于网页的制作技术驾轻就熟,但对于网页富有艺术性和个性的设计却感到力不从心。特别是没有经过艺术设计专业训练的网页制作者,在掌握了网页制作技术的情况下,都渴望将自己的网页制作得更具创意和美感。目前关于网页制作的讨论和介绍,多以讲解软件的技术性操作为主要内容,侧重艺术方面的非常之少。一、文字的格式化 1.字号、字体、行距 字号大小可以用不同的方式来计算,例如磅(point)或像素(pixel)。因为以计算机的像素技术为基础的单位需要在打印时转换为磅,所以,建议采用磅为单位。 最适合于网页正文显示的字体大小为12磅左右,现在很多的综合性站点,由于在一个页面中需要安排的内容较多,通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。  网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。  粗体字强壮有力,有男性特点,适合用在标题上。斜体字给人以柔和、婉约的感觉。加下划线的字显得重要,但如果过多则无法突出重点。有时,在突出重点或提醒浏览者注意时,可以用不同颜色的字来表示。 2.字母和单词的间距 优秀的排印物都是经过精心设计的,排印的艺术包括整体的布局、字母和单词的间距、行距和段间距等。 3.字母和单词的间距调整的基本原则 及时、适量、均匀、稳重、一致。使字符之间的间距不论是中文、英文还是数字,保持一致性,最好通过正规的设计软件来实现。我国传统排印物中,最突出的特点就是间距适当,给人以修身雅号,稳重端庄的感觉。 4.字母的间距调整原则 在设计中应该尽量保证文字在视觉上的连贯性和平衡感,根据字母间的关系和排印的要求,使之间的间距一致。 5.行距调节 好的排印物,在排印品的选择和搭配上要重视字与字、行与行、段与段之间的间距,这样文章看起来舒适、稳定,不会让人有喘不过气来的感觉。要保持整篇文章的空间均衡。 6.行距的调整原则 网页设计中的行距调整最好能够根据屏幕、文字的具体情况来实施,采取”固定像素值”和”相对值”相结合的方法,制作一份完美的网页版式。