浅谈网页设计中的文字

《浅谈网页设计中的文字》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、浅谈网页设计中的文字【摘要】文字是网络信息传播过程中的基木耍素，它对于信息的传达占据着极为重要的地位。好的设计来自于都的流畅和愉悦，文字的设计直接影响着网页的整体视觉传达效果。【关键词】网页设计文字中图分类号：G4文献标识码：ADOI:10.3969/j.issn.1672-0407.2013.09.064如今，随着现代社会网络传媒的迅速发展，互联网和我们的生活越來越近，上网冲浪也渐渐地成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈现，无非就是通过儿个基木元素文木、图像、Flash动画等，其中，文木是网页中最为重要的设计元

2、素。对于网页设计初学者而言，了解和掌握网页设计中的文字排版设计就显得尤为重要，下面笔者想谈谈自己的一些想法。一、文字的格式化字号大小可以用不同的单位来计算，例如磅(Point)或像素(Pixel)o因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10：12,即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的日光，而行距过宽会使一行文字失去较好的延续性。除了对于可读性的影响，行距木身也是具有很

3、强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。行茨可以用行高(line-height)属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-height：20pt｝、｛line-height：150%｝。二、文字的整体编排1•文字的图形化。字体具冇两方面的作用：一是实现字意与语义的功能，二是美学效应。所谓文字的图形化，即是强调它的美学效应，把记号性的文字

4、作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式來设置字体，也可以对字休进行艺术化的设计。无论怎样，一切都应I韦I绕如何更出色地实现自己的设计目标。将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心。2.文字的叠置。文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。虽然叠置手法影响了文字的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂咅”的表现手法，体现了一种艺术思潮。因而，它不仅大量运

5、用于传统的版式设计，在网页设计屮也被广泛采用。3•标题与正文。在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求取页面的空间与弹性，避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群中，以新颖的版式来打破旧有的规律。4.文字编排的四种基本形式。页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局屮的作用。两端均齐：文字从左端到右端的长度均齐，字群形成方方正正的面，显得端

6、正、严谨、美观。居中排列：在字距相等的情况下，以页面中心为轴线排列，这种编排方式使文字更加突出，产生对称的形式美感。左对齐或右对齐：左对齐或右对齐使行首或行尾自然形成一条清晰的垂直线，很容易与图形配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少采用，但显得新颖。绕图排列：将文字绕图形边缘排列。如果将底图插入文字中，会令人感到融洽、自然。三、文字的强调1•行首的强调。将正文的第一个字或字母放大并作装饰性处理，嵌入段落的开头，这在传统媒体版式设计中称之为“下坠式”。此技巧的发

7、明溯源于欧洲中世纪的文稿抄写员。由于它有吸引视线、装饰和活跃版面的作用，所以被应用于网页的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则依据所处网页环境而定。1•引文的强调。在进行网页文字编排时，常常会碰到提纲挈领性的文宁，即引文。引文概括一个段落、一个章节或全文大意，因此在编排上应给予特殊的页面位置和空间来强调。引文的编排方式多种多样，如将引文嵌入正文的左右侧、上方、下方或屮心位置等，并且可以在字体或字号上与正文相区别而产生变化。2•个别文字的强调。如果将个别文字作为页面的诉求重点，则可以通过加粗、加框、加下划线、加指示性符号、倾斜字体等