论文部分内容阅读
摘要:网页设计中有众多重要元素,如色彩、布局、图片、文字等,每个元素都要体现其功能性和审美性的价值,才能给网站浏览者提供良好的用户体验。百般设计为阅读,文字作为网站传递信息的重要载体,网站字体设计就成为网站设计的灵魂,在网站设计中起着重要的作用。
关键词:网页设计;字体设计;实用性;创意性
中图分类号:J022文献标识码:A文章编号:2095-4115(2014)07-100-2
随着网络的发展,网页设计从基于技术的限制基础上发展起来,由纯文字到现在的声、画并貌。除在视觉上给人一种美的享受外,更重要的是向广大的浏览者方便快捷地传达一种信息、一种理念。因此,文字作为网页传递信息的重要载体,网页字体设计就成为网站设计的灵魂。字体设计既表现其应用性和艺术性。同时,设计出的字体要符合视觉审美规律,又应具有鲜明的视觉形象,以便在传递文字信息时获得最佳效果。
一、字体设计与网页设计的渊源
象形文字的出现,可以称为最早的字体设计。人类为了提高书写速度和缩减阅读时间,字体设计随着人类生产与实践,伴着人类文明的发展而逐步成熟。字体设计,就是对文字按照一定的视觉规律加以整体精心的安排。以罗马字体为代表的早期字体设计充满了优美的节奏感、空间感与整体感,它被广泛应用于平面设计、书籍设计、建筑设计等各个领域。
印刷技术的发明和欧洲文艺复兴,极大地推动了字体设计在技术与观念上的改进,人们开始追求艺术与科学技术的结合,出现了符合视觉规律的数比法则与强调色彩、形态及质感的设计字体。随着时代的变迁,科技的发展,电脑及网络的出现,网页设计随之产生。在网络大环境下信息交流迅速,能够抓住网页访问者的注意力,并能使其快速寻找到有用信息,甚至达到阅读上的愉悦。字体作为网页视觉传达的工具,字体设计在网页设计中扮演着重要的角色。
二、网页设计中字体设计的原则
网页设计中使用字体应当考虑到实用性和创意性两个方面的因素。实用性,即不需要太过于华丽的字体,只需要大家看的都舒服、稍微带点自己的特色即可。创意性,就是想突破常规,配合自己的网页中的设计思想而选择相应的字体,例如表达恐怖、古典,使用哥特式字体等。
(一)实用性
网页设计中的字体设计要在内容传达上具有准确性和易识性,因此,设计中的文字应避免繁杂零乱,应使人易认、易懂。避免使用生僻字体,一般选择宋体等比较常用的字体,防止用户因没安装对应字体造成显示错误;不宜同时选用过多字体,以两至三种为宜;字体大小不要杂乱,以系统默认为宜,一般正文为9pt和12px。
特殊字体或艺术字体最好以图片的方式置入网页。抽象的笔画通过设计后所形成的文字形式,往往具有明确的倾向,这一文字的形式感应与传达内容要一致。
(二)创意性
在文字设计中,美不仅仅体现在局部,而是对字形、结构以及整个设计的把握。强调节奏与韵律,创造出更富表现力和感染力的设计,把内容准确、鲜明地传达给观众。优秀的字体设计能让人过目不忘,既起着传递信息的功效,又能达到视觉审美的目的。突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,将有利于站点形象的建立。
字体设计可以使网页表现出不同的情感:①端庄秀丽。这一类字体优美清新,格调高雅,华丽高贵,如时尚类站点。②坚固挺拔。字体造型富于力度,简洁爽朗,现代感强,有很强的视觉冲击力,如科技技术类站点。③深沉厚重。字体造型规整,具有重量感,庄严雄伟,如政府门户型站点。④欢快轻盈。字体生动活泼,跳跃明快,节奏感和韵律感都很强,如青春综合性站点。⑤新颖独特。字体的造型奇妙,个性突出,给人的印象独特而新颖,如个人形象类站点。
三、字体设计在网页设计中的应用
近年来的网页设计趋于扁平化设计,字体设计这一因素成为重中之重。扁平化的设计主要来说就是靠色块、字体和留白的手段来实现的一种效果。文字设计和留白是扁平化设计的一个基础。做好字体设计可使网站在整体上看简洁明快、主题突出,另外一方面可使用户更方便的获取文字信息,获得舒适的阅读体验。
字体设计在网页设计中的应用有以下几个要素:
(一)字体的分类
常用网页设计中的字体分为以下系列,其中包括:serif:带衬线字体。TimesNewRoman是默认的serif字体,中文字体是宋体、仿宋。sansserif:无衬线字体。Arial是默认的sans-serif字体,中文字体有微软雅黑、黑体。monospace:等宽字体。这个字体里面的每个字母都有相同的宽度。而对于中文,每个汉字都是等宽的。cursive:模仿手写字体。手写体,比较个性,通常用于标题、logo等等。fantasy:装饰用字体。多数用于标题,极具个性,字体繁多。
无衬线字体,就是没有边角的修饰,令人看起来很整齐光滑,没有毛刺。比较适合用在网页中,让浏览者获取大量的文字信息而不会疲劳。
(二)字体的格式
字体格式就是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图片:

上图的字,是相同大小的,同时排放在一条竖线上。为其应用了四种不同的字体后,体现出来了不同的形态和粗细大小。在中文字体中,不同的字体,在字间距中通常没有很大的变化。而在英文字体中,不同的字体会改变字母的大小,导致整体的尺寸布局不同,进而导致整个排版混乱。相同的字体大小,在不同的字体下面,显示的效果几乎完全不同。

(三)字体颜色
网页设计中,字体的颜色要朴素。通常来说,文章都是白底黑字。所以网页中的文字,通常使用黑色,或者浅灰色,这样更加符合大众。如果不是一些很有创意的设计,请不要随便地使用颜色。颜色要与背景有一定的对比度。低对比度,容易导致字体看不清楚,所以要用高对比度的颜色,例如白底黑字。如下图:

字体设计还要避免的一些特殊颜色,是指网页中的一些默认颜色。特别是蓝色,因为蓝色代表着网页中的超链接,如果网页中有一段蓝色的文字,会让人误以为是可以点击的超链接,所以这种颜色要尽量避免。但是有些时候在设计中,必须要用到这种颜色的设计,就得找其他的方法来解决这个问题。如将超链接的样式带有默认的下划线,这样就可以加以区分。
四、结语
在网页设计中,字体设计起着非常重要的作用。字体设计对于从事网页设计的人员来说是十分重要的知识和设计技能。字体在网页设计中基本要解决两个问题,一是单独字体的创意设计,二是字体在网页中的应用设计。单独字体的创意设计是在基本结构上的创新和突破,而网页内字体版面设计不仅要正确地传达页面的信息,更重要的是如何以符合视觉规律、富有美感的页面形式打动读者,使之在获得信息的同时也获得美的视觉享受。因此我们说,在网页设计中字体是设计中一个非常重要的元素,好的字体创意或好的字体版面编排,无形中就创造了网页设计中视觉的亮点。网站字体设计就成为网站设计的灵魂,在网站设计中起着重要的作用。
参考文献:
[1]杨万春.文字的视觉力量[J].美术大观,2009,(05).
[2]鬲波飞.数字文字设计中的象征性分析[J].包装工程,2005,(05).
[3]刘莹.文字的形成和发展[J].科学时代,2012,(09).
[4]张雪寒.论文字在设计中的重要性[J].哈尔滨职业技术学院学报,2011,(04).
作者简介:
陈霞,河南理工大学万方科技学院。
关键词:网页设计;字体设计;实用性;创意性
中图分类号:J022文献标识码:A文章编号:2095-4115(2014)07-100-2
随着网络的发展,网页设计从基于技术的限制基础上发展起来,由纯文字到现在的声、画并貌。除在视觉上给人一种美的享受外,更重要的是向广大的浏览者方便快捷地传达一种信息、一种理念。因此,文字作为网页传递信息的重要载体,网页字体设计就成为网站设计的灵魂。字体设计既表现其应用性和艺术性。同时,设计出的字体要符合视觉审美规律,又应具有鲜明的视觉形象,以便在传递文字信息时获得最佳效果。
一、字体设计与网页设计的渊源
象形文字的出现,可以称为最早的字体设计。人类为了提高书写速度和缩减阅读时间,字体设计随着人类生产与实践,伴着人类文明的发展而逐步成熟。字体设计,就是对文字按照一定的视觉规律加以整体精心的安排。以罗马字体为代表的早期字体设计充满了优美的节奏感、空间感与整体感,它被广泛应用于平面设计、书籍设计、建筑设计等各个领域。
印刷技术的发明和欧洲文艺复兴,极大地推动了字体设计在技术与观念上的改进,人们开始追求艺术与科学技术的结合,出现了符合视觉规律的数比法则与强调色彩、形态及质感的设计字体。随着时代的变迁,科技的发展,电脑及网络的出现,网页设计随之产生。在网络大环境下信息交流迅速,能够抓住网页访问者的注意力,并能使其快速寻找到有用信息,甚至达到阅读上的愉悦。字体作为网页视觉传达的工具,字体设计在网页设计中扮演着重要的角色。
二、网页设计中字体设计的原则
网页设计中使用字体应当考虑到实用性和创意性两个方面的因素。实用性,即不需要太过于华丽的字体,只需要大家看的都舒服、稍微带点自己的特色即可。创意性,就是想突破常规,配合自己的网页中的设计思想而选择相应的字体,例如表达恐怖、古典,使用哥特式字体等。
(一)实用性
网页设计中的字体设计要在内容传达上具有准确性和易识性,因此,设计中的文字应避免繁杂零乱,应使人易认、易懂。避免使用生僻字体,一般选择宋体等比较常用的字体,防止用户因没安装对应字体造成显示错误;不宜同时选用过多字体,以两至三种为宜;字体大小不要杂乱,以系统默认为宜,一般正文为9pt和12px。
特殊字体或艺术字体最好以图片的方式置入网页。抽象的笔画通过设计后所形成的文字形式,往往具有明确的倾向,这一文字的形式感应与传达内容要一致。
(二)创意性
在文字设计中,美不仅仅体现在局部,而是对字形、结构以及整个设计的把握。强调节奏与韵律,创造出更富表现力和感染力的设计,把内容准确、鲜明地传达给观众。优秀的字体设计能让人过目不忘,既起着传递信息的功效,又能达到视觉审美的目的。突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,将有利于站点形象的建立。
字体设计可以使网页表现出不同的情感:①端庄秀丽。这一类字体优美清新,格调高雅,华丽高贵,如时尚类站点。②坚固挺拔。字体造型富于力度,简洁爽朗,现代感强,有很强的视觉冲击力,如科技技术类站点。③深沉厚重。字体造型规整,具有重量感,庄严雄伟,如政府门户型站点。④欢快轻盈。字体生动活泼,跳跃明快,节奏感和韵律感都很强,如青春综合性站点。⑤新颖独特。字体的造型奇妙,个性突出,给人的印象独特而新颖,如个人形象类站点。
三、字体设计在网页设计中的应用
近年来的网页设计趋于扁平化设计,字体设计这一因素成为重中之重。扁平化的设计主要来说就是靠色块、字体和留白的手段来实现的一种效果。文字设计和留白是扁平化设计的一个基础。做好字体设计可使网站在整体上看简洁明快、主题突出,另外一方面可使用户更方便的获取文字信息,获得舒适的阅读体验。
字体设计在网页设计中的应用有以下几个要素:
(一)字体的分类
常用网页设计中的字体分为以下系列,其中包括:serif:带衬线字体。TimesNewRoman是默认的serif字体,中文字体是宋体、仿宋。sansserif:无衬线字体。Arial是默认的sans-serif字体,中文字体有微软雅黑、黑体。monospace:等宽字体。这个字体里面的每个字母都有相同的宽度。而对于中文,每个汉字都是等宽的。cursive:模仿手写字体。手写体,比较个性,通常用于标题、logo等等。fantasy:装饰用字体。多数用于标题,极具个性,字体繁多。
无衬线字体,就是没有边角的修饰,令人看起来很整齐光滑,没有毛刺。比较适合用在网页中,让浏览者获取大量的文字信息而不会疲劳。
(二)字体的格式
字体格式就是指字体表现出来的粗细、宽度和姿态等等特征。看下面的这张图片:

上图的字,是相同大小的,同时排放在一条竖线上。为其应用了四种不同的字体后,体现出来了不同的形态和粗细大小。在中文字体中,不同的字体,在字间距中通常没有很大的变化。而在英文字体中,不同的字体会改变字母的大小,导致整体的尺寸布局不同,进而导致整个排版混乱。相同的字体大小,在不同的字体下面,显示的效果几乎完全不同。

(三)字体颜色
网页设计中,字体的颜色要朴素。通常来说,文章都是白底黑字。所以网页中的文字,通常使用黑色,或者浅灰色,这样更加符合大众。如果不是一些很有创意的设计,请不要随便地使用颜色。颜色要与背景有一定的对比度。低对比度,容易导致字体看不清楚,所以要用高对比度的颜色,例如白底黑字。如下图:

字体设计还要避免的一些特殊颜色,是指网页中的一些默认颜色。特别是蓝色,因为蓝色代表着网页中的超链接,如果网页中有一段蓝色的文字,会让人误以为是可以点击的超链接,所以这种颜色要尽量避免。但是有些时候在设计中,必须要用到这种颜色的设计,就得找其他的方法来解决这个问题。如将超链接的样式带有默认的下划线,这样就可以加以区分。
四、结语
在网页设计中,字体设计起着非常重要的作用。字体设计对于从事网页设计的人员来说是十分重要的知识和设计技能。字体在网页设计中基本要解决两个问题,一是单独字体的创意设计,二是字体在网页中的应用设计。单独字体的创意设计是在基本结构上的创新和突破,而网页内字体版面设计不仅要正确地传达页面的信息,更重要的是如何以符合视觉规律、富有美感的页面形式打动读者,使之在获得信息的同时也获得美的视觉享受。因此我们说,在网页设计中字体是设计中一个非常重要的元素,好的字体创意或好的字体版面编排,无形中就创造了网页设计中视觉的亮点。网站字体设计就成为网站设计的灵魂,在网站设计中起着重要的作用。
参考文献:
[1]杨万春.文字的视觉力量[J].美术大观,2009,(05).
[2]鬲波飞.数字文字设计中的象征性分析[J].包装工程,2005,(05).
[3]刘莹.文字的形成和发展[J].科学时代,2012,(09).
[4]张雪寒.论文字在设计中的重要性[J].哈尔滨职业技术学院学报,2011,(04).
作者简介:
陈霞,河南理工大学万方科技学院。