浅谈网页设计中字体设计

浅谈网页设计中字体设计

字体设计在网页设计中的作用是无可比拟的,其视觉上设计的优良程度将会直接影响到信息是否能够准确到位的传达 。本文将从字体设计在网页设计中的应用设计为主要内容进行分析与阐述 。

1、概述

现在人们的生活已经离不开网络,网络不但给大家带来了五彩缤纷与便利 。反过来,各大企业、组织也在享受着网络带给它们的无限商机 。如何能够让自己的网站最大限度地发挥作用,除了商业上的成功策划,其视觉上设计的优良程度将会直接影响到信息是否能够准确到位的传达 。网站上信息的传达 , 绝大部分是利用文字进行的 , 是网页设计中重要的视觉传达符号 。因此字体设计的好坏将直接影响到整个网页设计的视觉传达 。
2、设计要点分析

网页设计对字体设计的要点分析主要有以下四个方面 。

2.1字体的选择 。利用字体可充分地体现设计中要表达的情感 。不管选择什么样的字体,都必须根据网页的主题和浏览者的需要 。黑体类字体具有醒目、正规、简洁、明快、浑厚有力、传达力强等特点,是现代设计中运用较广泛的一类字体 。圆体字体外形圆润并且具有亲和力,非常适合用于表现儿童、女性以及食品等主题中;宋体给人大方、典雅、肃穆、精致的感觉,具有古典美 , 有一股独特的人文气息;楷书字体会给人带来一种清秀、传统之美;隶书字体具有古雅的表情,带有华贵古朴的风貌;草书字体自由而奔放,有股自由的意趣 。

在某些网页设计初学者的作品中发现其选择的字体五花八门 , 有的甚至还出现了生僻字体,这样是非常不利于网页信息传达到位的 。一般情况下 , 正文内容最好采用缺省字体,如宋体等比较常用的字体,不要出现生僻字体,能够最大限度地防止用户因没安装对应字体造成显示错误 。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体 。如果你没有设置任何字体,网页将以这两种标准字体显示 。同时 , 这两种字体也可以在任何操作系统和浏览器里正确显示 。对于页面中需要强调的主标题或小标题字体的选择就不能够使用太过平常的字体,有关它的内容请阅读标题字体的设计部分 。

2.2字体的大小与编排 。网页中字体大小不要乱设置 , 最好以系统默认为宜,一般是12磅,在页面中需要安排的内容较多时可采用字体大小为9磅 。较大的字体可用于标题或其他需要强调的地方 , 小一些的字体可以用于页脚和辅助信息 。需要注意的是,小字号容易产生整体感和精致感,但可读性较差 。

网页里的文字部分是由许多单个文字经过编排成行、成段的群体,必须要充分发挥这个群体形状在版面整体布局中的作用 。文字在网页编排的四种基本形式有两端均齐、居中排列、左对齐或右对齐、绕图排列 。两端均齐:文字从左端到右端的长度均齐,字群方方正正 , 显得端正、严谨、美观 。居中排列:无论每行字有多少字数,始终有一条中心线作为这组文字的轴线在进行排列,这种编排方式使文字更加突出,会产生对称的形式美感 , 给人安静、古典之美 。左对齐或右对齐:这种方式使行首或行尾自然形成一条清晰的垂直线,很容易与图形配合 。这种编排方式有松有紧,有虚有实 , 跳动而飘逸,产生节奏与韵律的形式美感 。左对齐符合人们阅读时的习惯,显得自然;右对齐因不太符合阅读习惯而较少采用 。绕图排列:将文字绕着图形的边缘进行排列,让人产生融洽、自然之美 。

2.3标题字体的设计 。假如网页中正文文字我们已经遵循了选择宋体等比较常用的字体的方法,那么标题字体的设计就是我们能够利用它显现出自己独特个性的利器 。

必须注意的是,如果需要利用具有艺术特色的字体设计来体现网页风格,那么它最好以图片的方式置入网页 。需要用这种字体的地方用图片代替,也就是说将文字制成图像,然后插入页面中使用 , 以保证所有人看到的页面是同一效果 。

如何才能够设计出既符合主题,又独具个性的网页标题字体呢?

首先我们要通过将有明确意义的文字用各种空间组合形式进行合理组合 , 然后用整体的表现方法及色彩来反映表现对象 。

文字之间不是简单的堆积组合,而是要通过整体的形象风格来反映表现对象的内容 。因此,文字组合时首先要考虑的就是,文字设计对象的内容与形式是否能有紧密结合的可能,文字的组合是否能够有一个明确的含义和象征意义 。我们必须将文字作为图形来对待 , 利用文字的结构和含义进行处理 。对文字进行添加、删节、连笔、重叠、共用等手法,使各种构成因素成为点、线、面的有机结合体 。还要注意的是,字体的外形特征 , 不同的字体具有不同的视觉动向 。例如:扁体字有左右流动的动感,长体字有上下流动的感觉,斜字有向前或向斜流动的动感 。因此在组合时,要充分考虑不同的字体视觉动向上的差异 , 而进行不同的组合处理 。比如:扁体字适合横向编排组合 , 长体字适合作竖向的组合,斜体字适合作横向或倾向的排列 。合理运用文字的视觉动向,有利于突出设计的主题 , 引导观众的视线按主次轻重流动 。

无论是什么样的字体进行组合,如果按照字与字具体的空间组合方式,都可以归纳为以下四种:字与字分开 。这样的组合形式字与字之间有一定的距离,但是却有着一定的呼应和关联 。字与字结合:这样的组合形式必须要要仔细观察字与字的外形,以及笔画之间的关系,才能够做到巧妙地结合 。字与字重叠:运用字与字的外形以及笔画之间的关系进行重叠 , 来相互融合 。字与字同构:字体之间的同构是一种最特殊的组合形式,这样的组合在一定程度上借用了图形设计的手法,必须把几个文字或者是文字和图形共同组成一个完整的形,每个构成因素之间相互穿插 , 呈现出一种和谐的形式 。

字体之间的结构把握好之后,就必须要学会如何对它们进行进一步的表现了,具体表现方法:将所有文字或主要文字进行大小、旋转、倾斜等变化,在二维的空间上产生三维的空间效果 。通过对文字局部笔画粗细、长度、方向、笔端形态的处理 。用几何形或者线条对文字进行衬托 。将不同的文字用不同的色彩或图形进行填充 。利用不同的透明度进行文字的重叠、渐变等 。运用肌理底纹填充于文字中,或在文字的边缘进行处理 。采用拼贴的方式对文字进行组合,产生游戏般的视觉效果 , 这种表现形式也是年轻一代设计者喜爱的手法之一 。

在书法字典或书法字帖中寻找一些书法大师的书法作品 , 或者是运用自己手写文字与比较规整的印刷字体进行组合,既具有对比强烈的视觉效果,同时又充满了浓郁的中国传统韵味 。

将民间的艺术形式运用到文字组合当中,使文字具有浓浓的中国情 。

2.4字体的色彩 。人的视觉对色彩十分敏感 。网页字体运用的色彩如果选择正确 , 可以呼应主题,达到事半功倍的效果 。在网页设计中,设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色 。应该注意的是,对于文字的颜色的选择,不要使用过多,因为什么都想强调,其实是什么都没有强调 。网页字体色彩使用总的原则就是“整体协调,局部对比” 。也就是网页整体色彩效果应该是和谐的 , 如:大部分使用同类色,只有局部使用一些对比强烈的色彩 。在色彩的运用上,可以根据主页内容的需要 , 分别采用不同的主色调 。网页的背景色应该柔和一些,这些不仅对文字的可读性发生作用,同时可以缓解浏览者的视觉疲劳 。更重要的是 , 你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想 。

在使用色彩的时候要充分了解每种色彩的象征性,激奋的红色,它刺激,能使人产生冲动、愤怒、热情、活力的感觉 。宁静的绿色 , 健康与安全的代表 。如将它与金黄、淡白搭配,可以产生优雅、舒适的气氛 。欢欣的橙色,轻快而热烈,温馨而时尚 。快乐、希望、智慧的代表 。清新的蓝色,专业的色彩 。它和白色混合 , 能体现柔顺,淡雅,浪漫的气氛 。纯真的白色 , 洁白而明快,给人清洁、安静的感受 。神秘的黑色 , 它深沉且寂静,注意大面积使用会带来压抑的感受 。高雅的灰色,虽然平凡,但却温和而谦让,是种良好的中和色 。色彩还具有明显的心理暗示作用,例如冷、暖的感觉 , 进、退的效果等 。另外,色彩还有民族差异性 。

无论如何,网页设计中的字体设计,始终要注意能够达到形式与内容的完美统一,文字的可读性强,艺术性与美感并存,网页视觉效果整体统一,创造性突出 。


【浅谈网页设计中字体设计】

经验总结扩展阅读