浅析网页视觉设计中的文字

孙宇娇

(北京交通大学建筑与艺术学院，北京 100044)



浅析网页视觉设计中的文字

孙宇娇

(北京交通大学建筑与艺术学院，北京 100044)

摘要：从20世纪90年代至今短短的20多年，中国已经成为第二个互联网大国。随着信息载体的不断改进，如今的网页便成了重中之重，除了传统的视觉设计特征外，它还具备了许多其他方面的优势，虽然发展时间不长，但却为当今社会信息的传递提供了一个至关重要的途径。同时，视觉设计是人们生活中不可缺少的部分，文字设计是将信息可视化的重要切入点。本文将从网页视觉设计中的文字入手，通过探讨当今的网页视觉设计，并深入研究网页中的文字，从而提炼出网页设计中文字设计的精华。

关键词：网页；视觉设计；文字

1引言

美是生活中必不可少的元素，近年来，随着互联网的发展和审美观念的提升，网页设计的视觉感也越来越受到人们的重视。但是，目前大多数网页的设计缺少美感，元素混乱，没有创意，因此，网页设计师需要从视觉设计的实用审美主义原则出发，设计出主题突出、视觉效果舒适、内容传达精准，同时具有一定艺术表现力的网页。

纵观当前的网页页面，文字是是页面中最主要的信息来源，传达的信息最让人一目了然、最容易让浏览者理解和接受。要想让观者最大程度地接收到网页上的信息，页面中的文字占有的面积要远远居于首位。网页中文字的设计同样要符合视觉设计的基本原则，但在内容设计上又有很多不同之处。下面笔者将从网页中文字的设计出发，做出具体分析。

2文字元素的应用

文字源于生活，是人类生产和实践的产物，在人类的信息传达和交流中，文字是最普遍使用的视觉符号。[1]对于网页设计而言，文字对传递信息起到了非常重要的作用，观者会通过页面上的文字来接收网页表达的信息。所以，文字所体现的视觉感直接影响着页面的整体效果。当然，要想准确地传达出页面上的信息，必须要考虑到文字整体编排的效果，让观者一目了然，从而提高网页的诉求力。

3文字编排设计方面的问题

网页设计同传统的平面设计有许多相似的地方，但是印刷的产品有固定的规格，而网页的尺寸则可以由观者来控制，因此，网页与平面书籍之类的排版又有许多不同之处。设计师不能做到去精准地控制网页里所有元素的具体规格和位置，这就要求在设计时必须做到明确、精准，不能影响信息的有效传递。

网页中的文字一般都占有很大的比例，文字设计的效果对整个网页的视觉感至关重要。网页文字的主要功能是传递各种信息，网页设计师的任务就是在保证信息的传递性的同时最大限度的提升网页的视觉美感，想要达到理想的效果,首先则必须考虑文字编辑的整体效果,完成其功能与视觉感的统一。[2]但是，很多设计师在设计时忽略了文字的作用，刻意地去关注版式设计，从而导致页面混乱，让观者抓不住页面所传达的主要信息。

设计师在设计网页中的文字时要顾全大局，让人视觉清晰，分清主次，同时还需注意的是，要提前分析网页主题，理解其要传达的信息的真正含义，并且仔细分析，确定文字的整体设计风格，之后就是文字的字号、字体、装饰、颜色和布局的设计了。

3.1字体与字号在网页设计中的应用

随着软件技术的发展，现在电脑给我们提供的字体越来越多，但是用于设计的字体多了，在设计时如何选择最为适合的字体也就成了难点。通常情况下，一个页面上用到的字体不会超过4种，而且只有观者的电脑里安装了这些字体，才能看到页面预期的效果，所以如果使用过多的字体是没有意义的，不但影响网页的整体设计效果,还会降低网页打开的速度。

文字字体的选择

对于网页中的字体，在设计时，我们应该选择与网页设计思想相符合的字体，文字不要过于华丽，舒适即可，例如古典风格，应该使用哥特式字体等，以免减弱了网页主题的表达，除此之外，在设计的时候还要突破常规，发挥整体的创意性。

网页设计时默认的字体是宋体，设计师可以根据网页风格的不同，选择其他合适的字体。在选择字体的时候，要考虑到中英文字体间的差异。对于中英文字体排列问题，见下图(图1)：

图1　四种不同的中英文字体(该图为笔者分析绘制)

从图1可以看出，对于不同排列的中文字体，基本没有太大的间距变化；而不同英文字体的排列，则会有较大的变化，除了间距会改变外，字母的大小也会有很大的不同，因此，英文的排布容易导致整个网页布局的混乱，所以在进行中英文排列的时候一定要根据字体间的差异精心排布，做到疏密得当，没有窒息感。

文字大小的选择

px：像素单位，10px表示10个像素大小，在现在的网页设计中，常被用来表示字体大小。网页中浏览器的默认字体大小为16px。[3]同一个网页，在不同的设备上使用时，所显示的字体大小也是不同的，电脑的屏幕比较大，视距也比较固定，而手机的屏幕相对小很多，所以在设计页面的时候，要根据实际和用户的使用习惯来确定字体的大小。

3.2网页设计中文字的色彩及装饰

网页中字体色彩的选择和装饰效果同样非常重要。

在进行网页设计时，一般既要求整个页面的美观，又要求整体文字的优美流畅，而色彩不仅能使页面充满生机，还能给浏览者带来强烈的视觉冲击。因此设计师在设计网页的时候，应该充分了解色彩的意义、象征以及色彩间的搭配,合理地运用色彩，给观者带来最佳的视觉效果。

通常来说，网页中的文字都是白底黑字，或者浅灰色的文字，整体颜色都比较朴素，这样更符合观者的喜好。除非是特别有创意的设计，不然一定切忌随意去使用颜色，而且背景和文字一定要用高对比的颜色，以加强观者的识别度。

当然，设计时还要尽量避免一些特殊的颜色，尤其是蓝色，蓝色在网页中代表着超级链接，会让人无意识的想去点击；再有黄色，因为黄色在电子屏上的识别度很低，很难让人看清页面上所要显示的文字。

对于文字的装饰，为了突出文字，可以运用少量精心选择的元素，如果装饰太多，整个页面就会均匀的呈现，从而失去强调的意义。

3.3网页设计中文字的布局

网页页面的设计，是指在一定的平面上根据主题的要求将所有元素进行有序的排列组合。网页中文字的编排与设计，最重要的一点在于要服从信息内容的性质及特点，并且风格要与内容特性相吻合，而不是相互脱离，更不能相互冲突。[4]

设计者在安排视觉要素时要结合点、线、面来分析，把文字和图像等元素进行有序的排布，以达到有效传达信息的效果。“点”在网页布局中有丰富画面的作用，同时在视觉上也表现出一定的张力，其大小和位置的不同，也会使观者产生不一样的视觉体验，“线”是点运动产生的轨迹，而“面”则是线的运动所产生的，不论哪个元素，都有其存在的理由。如果在页面设计中加以点、线、面来精心排布，定会使观者有别样的感受。对于设置相对简单的页面，还可以借助阴影来分割空间，让所有内容在层次上完美展现。

除了整体的布局外，页面中的文字在排布的时候也可以借助点、线、面的作用，加强韵律，文字开篇还可以用小色块来点缀，以引导观者，但是一定要注意细节，点缀不要过于复杂，以免混淆观者。

除此之外，节奏和韵律在页面布局上的合理运用，也会使文字与文字、文字与图片或者图片与图片在页面上合理分布,进而使整个页面疏密有序、错落有致的变化。

4结语

当今社会是信息占主导的的社会，是创意的社会。随着计算机技术的飞速发展，网页制作变得愈发容易，此时，网页的设计也就显得尤为重要。但是，无论技术怎样改进，设计终究万变不离其中。设计师在设计时可以最大限度的发挥自己的创意，但是设计与编排要顾全大局，遵守网页视觉设计的原则，突出页面主题，抓住文字的重要性。当然为了达到最佳的设计效果，设计师需要从观者的角度出发，反复分析页面布局的整体视觉效果,进而使观者享受到最舒适的视觉感，让未来的网页更加精彩。

参考文献：

[1]陈绘.数字时代背景下的视觉传达设计研究[J061].东南大学,2010.

[2]李垚.商用网页视觉设计的现状及对策[D].吉林艺术学院，2007(25).

[3]如何给你的网页选择合适的字体.百度文库.http://wenku.baidu.com/view/e83262f36294dd88d0d26bff.html.

[4]苏焕.新媒体环境下的品牌展示设计研究[D].浙江大学，2005(74).

作者简介：孙宇娇，女，北京交通大学建筑与艺术学院在读设计学硕士，研究生方向为数字媒体艺术。

中图分类号：TP3

文献标志码：A

文章编号：1671-1602(2016)14-0047-02