网页设计中文字运用的技巧.docx

网页设计中的文字运用 如今，互联网越来越走近我们的生活， 网上冲浪也渐渐成为我们生活不可缺少的一部分。 网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现，无非就是通过 文本、图像、 Flash 动画等，其中， 文本是网页中最为重要的设计元素。对于网页设计 初学者而言， 了解和掌握网页设计中的文字排版设计就显得尤为重要， 下面笔者想谈谈 一己之见。 文字的格式化 字号、字体、行距 字号大小可以用不同的方式来计算，例如磅 #quotel.quoter# 或像素 (Pixel) 。因为以像 素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。 最适合于 网页正文显示的字体大小为 12 磅左右 ，现在很多的综合性站点，由于在一个 页面中需要安排的内容较多， 通常采用 9 磅的字号。较大的字体可用于 标题或其他需要 强调的地方 ，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生 整体感和精致感，但可读性较差。 网页设计者可以用字体来更充分地 体现设计中要表达的情感 。字体选择是一种感性、直 观的行为。 但是， 无论选择什么字体， 都要依据网页的总体设想和浏览者的需要。 例如： 粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特 点，更适合服装、 化妆品、 食品等行业的内容。在同一页面中， 字体种类少，版面雅致， 有稳定感；字体种类多，则版面活跃，丰富多彩。 关键是如何根据页面内容来掌握这个 比例关系 。 从加强平台无关性的角度来考虑，正文内容最好采用 缺省字体 。因为浏览器是用本地机 器上的字库显示页面内容的。 作为网页设计者必须考虑到大多数浏览者的机器里只装有 三种字体类型及一些相应的特定字体。 而你指定的字体在浏览者的机器里并不一定能够 找到，这给网页设计带来很大的局限。解决问题的办法是：在确有必要使用特殊字体的 地方， 可以将文字制成图像 ，然后插入页面中。 行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置 比较适合正文。 行距的常规比例为 10:12 ，即用字 10 点，则行距 12 点。这主要是出于 以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过 宽会使一行文字失去较好的延续性。 除了对于可读性的影响， 行距本身也是具有很强表现力的设计语言，为了加强版式的装 饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距可以体 现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排， 使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。 行距可以用行高 (line-height) 属性来设置，建议以磅或默认行高的百分数为单位。例 如：｛ line-height : 20pt｝、｛ line-height : 150% 。 文字的整体编排 页面里的正文部分是由许多单个文字经过编排组成的群体， 要充分发挥这个群体形状在 版面整体布局中的作用。 从艺术的角度可以将字体本身看成是一种艺术形式，它在个性 和情感方面对人们有着很大影响。在网页设计中，字体的处理与颜色、版式、图形等其 他设计元素的处理一样非常关键。从某种意义上来讲，所有的设计元素都可以理解为图 形。 1 ．文字的图形化 字体具有两方面的作用 ：一是 实现字意与语义的功能 ，二是美学效应 。所谓文字的图形 化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时又强化了原有 的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术 化的设计。无论怎样，一切都应围绕如何更出色地实现自己的设计目标。 将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单 调与平淡，从而打动人心 。 2．文字的叠置 文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、 杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。虽然叠置手法影响了文字 的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂音”的 表现手法，体现了一种艺术思潮。因而，它不仅大量运用于传统的版式设计，在网页设 计中也被广泛采用。 3．标题与正文 在进行标题与正文的编排时，可先考虑将 正文作双栏、三栏或四栏的编排 ，再进行标题 的置入。将正文分栏，是为了求取页面的空间与弹性，避免通栏的呆板以及标题插入方 式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上。可 作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群中，以新颖的版式来打 破旧有的规律。 4．文字编排的四种基本形式 页面里的正文部分是由许多单个文字经过编排组成的群体， 要充分发挥这个群体形状在