字体的大小、粗细和字距行距

网页中文字大小、粗细和字距行距对整个网页设计来说也是至关重要的,不同的选择会有不同的效果,下面我们将逐一进行分析。

    一、文字的大小

    文字大小决定网页形象,文字标题的大小控制了网页的形象。放大标题会给人有力、活跃、自信的印象;缩小则表现出纤细和缜密的印象。另外,文字大小的对比也会左右印象。标题文字的大小与正文之比叫做跳动率。跳动率越大,画面越活跃;反之越稳重。

    文字的大小可以用不同的方式来计算,例如磅或像素。因为网页文字要通过显示器显示,所以建议采用像素为单位。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。需要注意的是,小字号容易产生整体感和精致感,但可读性较差。一般情况下,网页正文可以使用12~16像素大小的文字。

符合视觉规律

1、文字横向编排
   
    由于人眼的视线横向移动比竖向移动快而且不易疲劳,因此将文字尽量横向排布,除非一些有特殊设计要求的版式或书法字体的版式。同时,页面尽量保持横向尺寸固定,竖向尺寸不固定,目的是使人们能连续不间断地浏览页面,需要注意的是,应避免页面左右、上下都能滚动,这会给浏览者带来极大的不便。

    2、重要信息置于“最佳视觉区域”

    为什么很多网页左上角放logo,顶部作为广告区,左侧或上侧安排重要栏目导航链接?在进行网页版式设计中,要考虑将最重要的信息或视觉流程的停留点安排在注目价值高的位置,这就是最佳视觉区域。由于人们习惯于将视线从左到右、从上到下移动,因而视区中的不同位置注目程度不同。

导航和小标题

导航、小标题都是网站的指路灯。浏览者要在网页间跳转,要了解网站的结构、内容,都必须通过导航或者页面中的一些小标题作指引,所以我们可以使用稍微具有跳跃性的色彩,以吸引浏览者的视线,使其感觉网站清晰、明了、层次分明,想往哪里都不会迷失方向。

背景与文字

 如果一个网站用了背景颜色,则必须要考虑背景颜色的用色与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景颜色可以选择纯度或者明度比较低的色彩,文字用较为突出的颜色,让人一目了然。

    为了让浏览者对网站留有深刻的印象,有些网站设计了独特的背景。例如,空白页的某一部分用了很亮的大色块,此时为了吸引浏览者的视线,突出的是背景,文字则显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。

网页版面设计注重主从关系和一致导航

网页版式设计的视觉因素是多方面的,其中有两点是需要我们特别注意的,就是注重主从关系和一致导航,下面我们将逐一分析。

    一、注重主从关系

    1、大小对比

    主要诉求对象应扩大它的面积,将其突出,并使次要角色缩小到从属地位,使页面主题一目了然。人们的视线首先注意到大的形象,然后再看到较小的形象,这种由大到小的引导,使视线在页面上流动,造成一种动势,页面更为活跃,主角更为突出,但仍能保持页面的均衡。

网页文字设计技巧

进行网页文字版面的设计是网页创意的过程,创意是网页设计师的思维水准的体现,是评价一件网页设计作品好坏的重要标准,正因如此掌握好网页文字设计的技巧就显得越为的重要。

    1、提高可读性

    要达到文字在网页设计中向浏览者传达作者的意图和各种信息的目的,必须考虑文字的整体诉求效果,给人以清晰的视觉印象。因此,设计中的文字应避免繁杂零乱,使人易认、易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好、更有效地传达作者的意图,表达设计的主题和构想意念。

平衡的导航

以上有意片面地对这些特别纯粹的模型做了讨论。一般来说,网站中混杂着这些模型,包括结构化导航、内容链接以及搜索和过滤机制。每个都可能支持不同的查寻模式。因此,针对Web信息的导航工具会有多种形式。总体上,一个Web导航系统能够提供高效和平衡的访问途径。

    现实中,多种类型的途径融合在一起,导航设计与建立信息获取的系统有关,正是这个系统造就了Web导航的体验,不仅如此,与单独的方案,比如关键词搜索相比,导航可以造就更吸引人的信息体验。

搜索模型

在这种模型中,没有指向站内文档的导航或链接。访客只能用关键词搜索来获取信息。用户在框中输入一两个关键词,然后点击搜索按钮,就会生成一个可访问页面的列表。在每个内容页中,唯一的选项就是返回列表或者进行新的搜索。

    搜索无疑是获取内容的高效方式,我们一直在Web上搜索。但关键词搜索只有在你事先知道要找什么的时候才有效。它假定人们会完整且准确地把他们的信息需求表达成一次查询,然而,情况并非总能如此。

“液态信息”模型

它和上一个模型相似,只是链接不复存在。实际上,文本中每一个词都是可交互的。文本和超文本没有区别,内容和导航也是一样。所有的文本都是链接,所有的链接也都是文本。对给定页面上的任何一次,都可能存在任意多的导航操作,将你引向新的内容页。

    伦敦大学学院交互中心主持了一个研究项目,探索将所有在线文本变为可交互的可能性,细到每个单词。研究人员称此为“超词”,来替代“超文本”。基本构想就是点击一个单词时,出现一个选项菜单,你可以接着进行搜索、链接到相关文档,定义这个词汇,翻译它等等。按照他们的说法,目标就是“终结链接的专制”。这同时也意味着导航设计的终结。

变化与统一

变化与统一是形式美的总法则,是对立统一规律在版面构成上的应用。使两者完美结合,是版面构成最根本的要求,也是艺术表现力的因素之一。变化是一种智慧、想象的表现,是强调种种因素中的差异性方面,造成视觉上的跳跃。变化主要借助对比的形式法则。

    统一是强调物质和形式中种种因素的一致性方面,最能使版面达到统一的方法是保持版面的简洁。统一的手法可借助均衡、调和、秩序等形式法则。就网页设计而言,统一包括版式的统一、字体的统一、设计风格与均衡方式的统一以及明暗色调的统一等。网页界面中内容的主次和轻重,结构的虚实、繁简、形体的大小、形体视觉效果的强弱,色彩的明暗、冷暖,各种关系的变化统一,形成动静相宜、多样统一的美感效果。