1.5 内容设计

1.5.1 文本

对于网页来说，最重要的就是信息内容。信息的品质与数量决定了人们对这个网页的评价高低。一个用户之所以访问网站，主要目的在于网站的内容，因此内容设计应当满足网站的目标，每个页面的内容应当得到良好的组织，适合网站的受众。

文本是网页中重要的设计元素之一。好的文本内容是专门为这个网页编写的，而不是简单地从一堆材料中复制过来的。对于网页设计初学者而言，了解和掌控网页设计中的文字排版设计显得尤为重要。

1. 文字的格式化

文字的格式化包括字号、字体、字间距和行距等。

文字的大小一般以像素（Pixel）px为单位，也可以用em、%等。

字体可以被网页设计者用来更充分地体现设计中要表达的情感。例如，粗体字强壮有力，有男性特点，适合机械、建筑等行业的内容；细体字高雅细致，有女性特点，更适合服装、化妆品或食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是怎么根据页面内容掌控这个比例。从加强平台无关性的角度考虑，正文内容最佳采用默认字体。因为浏览器是用本地计算机上的字体库显示页面内容的。如果有些标题确定要使用特殊字体，可以制成图像。

行距是指在两行文字之间间隔距离的大小，是从一行文字基线到另一行文字基线之间的距离。行距本身也是具有强表现力的设计语言。系统默认将行距设为文本尺寸的120%。适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。为了加强版式的装饰效果，可以有意识地加宽或缩减行距，体现独特的设计情趣。例如，加宽行距可以营造轻松、舒展的情绪，对娱乐性、抒情性的内容表现恰如其分。而宽、窄行距并存，可增加版面的空间层次与弹性，表现出独到之处。

2. 文字的强调

1）文字的强调。一般是对网站内容信息的一个加强手法。

2）行首的强调。可以将正文的第一个字或字母放大并做装饰性处理，嵌入段落的开头，在传统媒体版式设计中称为“下坠式”。这种方式可以起到吸引视线、装饰和活跃版面的作用。

3）引文的强调。在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文。引文可以概括一个段落、一个章节或全文大意，因此在编排上应给予特别的页面位置和空间来强调。引文的编排方式多种多样，如将引文嵌入正文的左右侧、上方、下方或中心位置等，并且能在字体或字号上和正文有差别而产生变化。

4）个别文字的强调。是将个别文字作为页面的诉求重点，能通过加粗、加框、加下画线、加指示性符号或倾斜字体等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。

3. 文字的颜色

在网页设计中，颜色的运用可以强调文字中特别的部分，还可以对整个文字内容的情感表达产生影响。设计者能为文字、文字链接、已访问链接和当前活动链接选用各种颜色。系统也会有一些默认的设置。使用不同颜色的文字能使想要表现的部分更加引人注目，但使用过多会影响阅读页面内容，使浏览者感到杂乱无章，不知所措。

1.5.2 多媒体

除了文本网页内容之外，还可以将一些图片、动画、声音和视频置入网页中，丰富一个页面的内容表达方式。

图片是网页设计时大量使用的一种信息表达工具。在网页制作时，既要保证页面的显示速度，又要保证画质的精美。最好能遵循一些图片的使用原则：要尽可能保证下载速度，特别是要兼容移动浏览器的网页；网页中所采用的每一张图片最好都设置width和height这两个CSS样式，以使网页数据下载过程更顺畅；将不同图片类型进行分类放置管理；将大图片分割；网页背景图要简单明快。

动画已经成为表现网页活力的标志，将这一技术与广告、卡通、MTV制作等配合使用，可以开拓发展无限的商业机会。

声音一般被嵌入到网页中，当用户打开页面时或用户主动点击时进行播放。一般可以插入到网页中的声音文件格式有MP3、WAV、WMA、MIDI和RM等；另外，视频也是网页中一种流行的元素。

在网页中插入多媒体元素时，可能遇到文件大小不符、格式不能播放等问题。因此，在网页中使用多媒体元素时，需要考虑显示效果、网络速度等因素。

1.5.3 内容排版

排版并不仅仅是只要做到整齐就足够了，还要有明确的分类，以及主题的适当规划。排版包括表格、框架的应用、文字缩排和段落等。

页面中的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。在对正文的排版上，需要注意以下问题：两端均齐的页面显得端正、严谨、美观；居中排列的页面使文字更加突出，产生对称的形式美感；左对齐或右对齐很容易与图形配合，这种编排方式有松有紧，有虚有实，跳动而飘逸，能产生节奏与韵律的形式美感，左对齐符合人们的阅读习惯，显得自然，而右对齐显得新颖；绕图排列方式令人感到图文融洽、自然。

把关联项在视觉上进行分组。对有关联的内容，如页面内的元素通过进行恰当的逻辑分组，使得页面间不同的内容通过留白进行区别，让用户能够知道不同的区域包含不同的内容，在结构上改善视觉效果。

创建视觉层次。有效地使用留白和逻辑分组可以给站点一个清晰的视觉层次。当然，站点的信息架构是有效地使用接近原则的基础。层次是靠把元素分成有继承关系的组来表达的。层次让用户明白他们在什么地方、要到什么地方去，从而实现站点交流的目的。列表就是视觉上表达层次关系的很好例子。有层次关系和逻辑分组的内容更容易阅读和查找。

利用三分法，确定表现重点位置。三分法有时也称为井字构图法，是一种在摄影、绘画和设计等艺术中经常使用的构图手段。在这种方法中，摄影师需要将场景用竖线和两条横线分别分割，就如同是书写中文的“井”字。这样就可以得到4个交叉点，然后再将需要表现的重点放置在4个交叉点中的一个即可。