《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.5 文字与图像版式设计

1.5 文字与图像版式设计

网页美工设计Photoshop+Flash+Dreamweaver从入门到精通
文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主。虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义。在确定网页的版面布局后,还需要确定文本的样式,如字体、字号和颜色等,还可以将文字图形化。

1.5.1 文字的字体、字号、行距
网页中,中文默认的标准字体是“宋体”,英文是The New Roman。如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示。

字号大小可以使用磅(point)或像素(pixel)来确定。一般网页常用的字号大小为12磅左右,较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。

无论选择什么字体,都要依据网页的总体设想和浏览者的需要。在同一页面中,字体种类少,版面雅致,有稳重感,字体种类多,则版面活跃,丰富多彩。如何布局的关键是根据页面内容来掌握相关比例关系。

变化的行距也会对文本的可读性产生很大影响。一般情况下,接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12,即字用10点,则行距用12点,如图1-14所示,否则行距太小字体看着很不舒服,而行距适当放大后字体感觉比较合适。

行距可以用行高(line-height)属性来设置,建议以磅或默认行高的百分数为单位,如20pt或150%。
**
1.5.2 文字的图形化**
所谓文字的图形化,即把文字作为图形元素来表现,能起到强化原有功能的作用。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应该围绕如何更出色地实现自己的设计目标。

将文字图形化,以更富创意的形式表达出深层的设计思想,能够避免网页的单调与平淡,从而打动人心,图1-15所示为图形化的文字。

时间: 2024-10-03 00:23:11

《网页美工设计Photoshop+Flash+Dreamweaver从入门到精通》——1.5 文字与图像版式设计的相关文章

《网站设计 开发 维护 推广 从入门到精通》—— 导读

前言 网站设计 开发 维护 推广 从入门到精通 互联网信息技术彻底改变了人们的生活和工作.越来越多的企业和个人建立起网站来宣传自己.人才市场上对网页制作和网站建设人员的需求大大增加,但是网站建设是一项综合性技能,包括网站策划.网页设计和动态网站的开发等几部分,真正完全懂得这几项技能的网页设计师则相对较少,因此我们编写了本书.本书首版在2006年出版后,销量在同类书籍中一直名列前茅,经过十多次重印,销售达三万多册,并且获得了2007年最佳科技图书奖.2013年升级第二版后,又经过多次重印.本次改版

《网站设计 开发 维护 推广 从入门到精通》—— 第1章 网页设计基础

第1章 网页设计基础 网站设计 开发 维护 推广 从入门到精通 利用Dreamweaver CC中的可视化编辑功能,可以快速创建网页而不需要编写任何代码,这对于网页制作者来说,工作变得很轻松.文本是网页中最基本和最常用的内容,是网页信息传播的重要载体.学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的. 学习目标 网页设计的相关术语 网页美工常用工具 网页版面布局设计 常见的版面布局形式 文字与图像版式设计

《网站设计 开发 维护 推广 从入门到精通》—— 第2章 网站页面配色和创意

第2章 网站页面配色和创意 网站设计 开发 维护 推广 从入门到精通人类的视觉对于色彩最为敏感.网页色彩处理得好,可以锦上添花,达到事半功倍的效果.色彩总的应用原则应该是"总体协调,局部对比",即网页的整体色彩效果应该是和谐的,只有局部的.小范围的地方可以有一些色彩强烈的对比.在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调. 学习目标 色彩基础知识 网页色彩搭配

《网站设计 开发 维护 推广 从入门到精通》——导读

前言 互联网信息技术彻底改变了人们的生活和工作.越来越多的企业和个人建立起网站来宣传自己.人才市场上对网页制作和网站建设人员的需求大大增加,但是网站建设是一项综合性技能,包括网站策划.网页设计和动态网站的开发等几部分,真正完全懂得这几项技能的网页设计师则相对较少,因此我们编写了本书.本书首版在2006年出版后,销量在同类书籍中一直名列前茅,经过十多次重印,销售达三万多册,并且获得了2007年最佳科技图书奖.2013年升级第二版后,又经过多次重印.本次改版不但更新了所有的操作实例步骤,还重点增加了

《网站设计 开发 维护 推广 从入门到精通》—— 1.5 文字与图像版式设计

1.5 文字与图像版式设计 文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主.虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义.在确定网页的版面布局后,还需要确定文本的样式,如字体.字号和颜色等,还可以将文字图形化. 1.5.1 字体.字号.行距 在网页中,中文默认的标准字体是宋体,英文默认是The New Roman.如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示. 字号大小可以使用磅(pt)或像素(px)来确定.一般网页常用的字号大小为12磅左右.较大的

《网站设计 开发 维护 推广 从入门到精通》——1.5 文字与图像版式设计

1.5 文字与图像版式设计 文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主.虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义.在确定网页的版面布局后,还需要确定文本的样式,如字体.字号和颜色等,还可以将文字图形化. 1.5.1 字体.字号.行距在网页中,中文默认的标准字体是宋体,英文默认是The New Roman.如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示. 字号大小可以使用磅(pt)或像素(px)来确定.一般网页常用的字号大小为12磅左右.较大的字

《网站设计 开发 维护 推广 从入门到精通》——1.6 网站建设的一般流程

1.6 网站建设的一般流程 创建网站是一个系统工程,有一定的工作流程,只有遵循这个步骤,按部就班地进行,才能设计出一个令人满意的网站.因此在制作网站前,先要了解网站建设的基本流程,这样才能制作出更好.更合理的网站. 1.6.1 确定网站主题网站主题是建立的网站所要包含的主要内容.一个网站必须要有一个明确的主题,特别是对于个人网站.一个人没有能力,也没这个精力制作一个内容大而全的综合网站,所以必须要找准自己最感兴趣的内容,将它做深.做透,办出自己的特色,这样才能给用户留下深刻的印象. 提示对于内容

《网站设计 开发 维护 推广 从入门到精通》—— 1.6 网站建设的一般流程

1.6 网站建设的一般流程 创建网站是一个系统工程,有一定的工作流程,只有遵循这个步骤,按部就班地进行,才能设计出一个令人满意的网站.因此在制作网站前,先要了解网站建设的基本流程,这样才能制作出更好.更合理的网站. 1.6.1 确定网站主题网站主题是建立的网站所要包含的主要内容.一个网站必须要有一个明确的主题,特别是对于个人网站.一个人没有能力,也没这个精力制作一个内容大而全的综合网站,所以必须要找准自己最感兴趣的内容,将它做深.做透,办出自己的特色,这样才能给用户留下深刻的印象. 对于内容主题

《网站设计 开发 维护 推广 从入门到精通》—— 1.1 网页设计的相关术语

1.1 网页设计的相关术语 在具体学习网页设计与制作前,需要了解什么是静态网页和动态网页,动态网页是怎么交互的,为以后的学习打好基础. 1.1.1 什么静态网页 在网站设计中,纯粹HTML格式的网页通常称为"静态网页",早期的网站一般都是由静态网页制作的,静态网页是以.htm..html..shtml和.xml等为后缀.在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式动画.Flash滚动字幕等.这些"动态效果"只是视觉上的,与下面将要介绍的动态网页不同

《网站设计 开发 维护 推广 从入门到精通》—— 2.2 网页色彩搭配

2.2 网页色彩搭配 色彩搭配既是一项技术性工作,同时也是一项艺术性很强的工作,因此在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,这样才能设计出色彩鲜明.性格独特的网站. 2.2.1 网页色彩搭配原理 网页的色彩是树立网站形象的关键之一.网页的背景.文字.图标.边框及链接等,应该采用什么样的色彩,应该搭配什么色彩才能最好地表达网站的内涵和主题呢?下面是网页色彩搭配的一些原理. 色彩的鲜明性 网页的色彩要鲜明,容易引人注目,图2-6所示为色彩鲜明的网页. 色彩的独特性 要有与众不同