怎样设计网页中的字体效果最好

字体是网站最基本也是最重要的一个元素,选择一个大众化的字体,符合视觉美观的大小,设置恰到好处的颜色其实是一个不能忽视的网站优化要点,以下简单介绍一下怎样设计网页中的字体效果最好,主要从4个要点来说:样式,大小,颜色及特性。

步骤/方法

  • 01

    网页字体的样式选择 在英文站方面,国外的很多东西不是免费的,当然也包括英文字体,所以你的网站字体不要选择那些太有个性的字体,因为你的访客可能电脑上根本就没有下载这个字体,从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial, Times New Roman, and Verdana。 中文站方面呢,普通的大众绝对没有自己去下字体安装的爱好,一般的字体全是XP或其他系统自带的,选择宋体肯定是不会错的。其他楷体等等可以自己斟酌选择。注意,那个漂亮的微软雅黑字体也不是每个人都装了的。 字体样式选择建议:字体一定要选择大众化字体,种类选择上尽量不要超过三种。

  • 02

    网页字体的大小选择 在互联网普及之初,英文网页占的比例比较大。由于英文字母相对汉字来说超简单,都没有笔画是否复杂一说,英文的小字体总是能显得很简洁、清晰,绝大部分英文网站的主体内容都是选择小号字体,9px, 10px, 11px, 12px,13px大小的字体在英文网页中十分常见,外国人也习惯看小号字体了。 中文网页不能照搬英文网页的设计,主要是因为两种语言的字体表现形式完全不一样,中文网页中字体大小在10px以下看不清,一般要达到12px才有不错的效果。目前来看,12个像素和14个像素大小的宋体在可阅读性和美观上结合的是最好的。比12个像素再小的话,可阅读性和美观性都没有了。比14个像素大的话,可阅读性当然是有的,但是美观性就差了一些。所以基本上所有的中文网站都是以这两个大小的文字来呈现的。 字体大小的选择建议:英文网站字体大小可以选择11px, 13px, 15px等字体大小,中文网站字体大小可以选择12px, 14px, 16px等字体大小。

  • 03

    网页字体的颜色选择 字体的颜色直接会体现在网页的整体风格上,黑色,灰色,白色的搭配给人沉闷,中庸,职业,严肃等感觉,如果在适当的地方加入些许红色,则会显得充满刺激的快感,并且总能吸引众人的 目光。字体颜色的选择非常的重要,而且也非常的深奥,可以是一门专门的学科,Micfly的一篇小小文章也仅仅能给各位抛砖引玉而已。你也可以参考其他的一些资料,Micfly做网站的时候经常会参考【终极配色手册】(参考资料原文处下载)。

  • 04

    网页字体的其他特性选择 除了以上说的网页字体的样式,大小,颜色之外,网页中的字体还可以设置其他各种特性:粗体,斜体,下划线,行距,段距,对齐方式等等。其实大家在排版的时候可以直接用word来做实验,看看什么样的感觉最好。 字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面 中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

(0)

相关推荐

  • 缩放IE浏览器上显示网页中的字体

    有时我们浏览某些网站时会觉得字体不太合适,过大的字体看起来会觉得页面很粗糙;而过小的字体看起来又觉得很吃力,并且很容易造成眼睛疲劳。 如何快速调整windows7系统下载的IE浏览器上显示网页中的字体 ...

  • 怎么将网页中的字体调大

    我们使用浏览器的时候,如果字体偏小,会让我们比较不适应,而且伤眼睛,今天小编就告诉大家怎么将网页中的字体调大.具体如下:1. 首先我,们先打开电脑中的浏览器.小编这次打开的是360急速浏览器2. 我们 ...

  • ps中的字体效果在哪里调整?

    我们在使用ps的初期会出现很多问题,但都是基础问题,这里教大家ps的字体效果调整,只是告诉大家在哪里去调整,具体需要什么样的效果还需自己慢慢体会. 操作方法 01 首先,打开ps,新建一个白色的文档. ...

  • Axure怎么设计网页强密码验证效果?

    Axure制作的密码输入需要验证验证是否包含大写字母,小写字母,数字和特殊符号,但是Axure不支持正则表达式,所以做一些规则上的验证,嵌套很多,下面我们就来分享强密码验证效果的制作方法,请看下文实例 ...

  • 设计出漂亮的字体组合效果的十个黄金规则

    小编:今天给大家带来一篇关于在设计中对字体的选择以及组合的基本规则,感谢作者@喪心病狂十六夜貓的翻译与分享.文中介绍了不同系列字体如何组合使用,相同系列字体如何表现他们的对比等等多种组合形式.最主要的 ...

  • 在IE浏览器(IE7和IE8)中正常显示的字体效果设置教程

    例如,我们使用以下的字体设置(先别管合理不合理) font-family:Verdana,Tahoma,Arial,5b8b4f53(宋体),sans-serif 让后分别放在IE6、IE7、IE8、 ...

  • 在IE浏览器中正常显示的字体效果设置

    例如,我们使用以下的字体设置(先别管合理不合理) font-family:Verdana,Tahoma,Arial,5b8b4f53(宋体),sans-serif 让后分别放在IE6、IE7、IE8、 ...

  • 电影海报中的字体设计!

    每部电影都蕴含了制作者的大量心血,从编剧到导演,从道具到服装,当然海报自然也不例外.今天,我们就和大家解读一下那些以字体为主的海报. 按照:英文字体风格的电影海报.中文字体风格的电影海报和字体风格的电 ...

  • 在word中如何设置阳文和阴文字体效果

    在设计宣传海报的时候,为了美观的需要,我们有可能会制作各种字体来达到一种视觉的冲击.word中的阳文和阴文就是不错的效果. 操作方法 01 打开word文档,输入你要编辑的文字,按住鼠标左键不放,拖动 ...