高手进阶：网页设计中的文字运用

　　如今，互连网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现，无非就是通过文本、图像、Flash动画等，其中， 文本是网页中最为重要的设计元素。对于网页设计初学者而言，了解和掌控网页设计中的文字排版设计就显得尤为重要，下面笔者想谈谈一己之见。

　　文字的格式化

　　1.字号、字体、行距

　　字号大小能够用不同的方式来计算，例如磅#quotel.quoter#或像素（Pixel）。因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。

　　最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体能够用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。

　　网页设计者能够用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌控这个比例关系。

　　从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而您指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的办法是：在确有必要使用特别字体的地方，能够将文字制成图像，然后插入页面中。

　　行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距配置比较适合正文。行距的常规比例为10：12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。

　　除了对于可读性的影响，行距本身也是具备很强表现力的设计语言，为了加强版式的装饰效果，能够有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距能够体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次和弹性，表现出独到的匠心。

　　行距能够用行高（line-height）属性来配置，建议以磅或默认行高的百分数为单位。例如：｛line-height：20pt｝、｛line-height：150%｝。

　　文字的整体编排

　　页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度能够将字体本身看成是一种艺术形式，他在个性和情感方面对人们有着很大影响。在网页设计中，字体的处理和颜色、版式、图像等其他设计元素的处理相同很关键。从某种意义上来讲，任何的设计元素都能够理解为图像。

　　1.文字的图像化

　　字体具备两方面的作用：一是实现字意和语义的功能，二是美学效应。所谓文字的图像化，即是强调他的美学效应，把记号性的文字作为图像元素来表现，同时又强化了原有的功能。作为网页设计者，既能够按照常规的方式来配置字体，也能够对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现自己的设计目标。

　　将文字图像化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调和平淡，从而打动人心。

　　2.文字的叠置

　　文字和图像之间或文字和文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。虽然叠置手法影响了文字的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂音”的表现手法，体现了一种艺术思潮。因而，他不但大量运用于传统的版式设计，在网页设计中也被广泛采用。

　　3.标题和正文

　　在进行标题和正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求取页面的空间和弹性，避免通栏的呆板连同标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理，甚至能够直接插入字群中，以新颖的版式来打破旧有的规律。

　　4.文字编排的四种基本形式

　　页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。

　　两端均齐：文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严谨、美观。

　　居中排列：在字距相等的情况下，以页面中央为轴线排列，这种编排方式使文字更加突出，产生对称的形式美感。

　　左对齐或右对齐：左对齐或右对齐使行首或行尾自然形成一条清楚的垂直线，很容易和图像配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏和韵律的形式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少采用，但显得新颖。

　　绕图排列：将文字绕图像边缘排列。假如将底图插入文字中，会令人感到融洽、自然。

　　文字的强调

　　1.行首的强调

　　将正文的第一个字或字母放大并作装饰性处理，嵌入段落的开头，这在传统媒体版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。由于他有吸引视线、装饰和活跃版面的作用，所以被应用于网页的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则依据所处网页环境而定。

　　2.引文的强调

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有