您的位置: 首页 > 艺术设计 > 设计理论 > 分析网页文字的字号
印刷术语 回到列表 简单说说UI的设计原则
用户名:
密 码: 忘记密码
注册会员 游客参观 论坛帮助
 分析网页文字的字号

作者:臭鱼 时间: 2005-11-17 文档类型:合作网站提供 来自:中国UI设计网
浏览统计 total:7278 | year:2064 | Quarter:2064 | Month:968 | Week:223 | today:2


分析网页文字的字号 [2]

chinaui.com 独家授权 请勿转载

文字,你到底能多大?---分析网页文字的字号

文字在网页上的应用:

(只看小标题您就能知道这一部分要说什么了,为了避免罗嗦,在此文发布前决定把此处300余字删除,只保留了下面这一句。)

对于一个设计的好的网站来说,用户浏览时间最长的是文章正文。

中文网页文字的现状:

中文网页普遍使用12px和14px的宋体(simsun),这两种文字都可以加粗(font-weight: bold)。这个规范似乎也成了网页设计师的基本常识。

中国的网页设计师有这4种可供选择的文字表现方式,仅仅是4种,只有这4种,4种很小的文字。其中12px的宋体加粗效果还并不太理想。

危机逐渐显现了,文字在变小!

显示器在逐渐变大,分辨率在逐渐提高,尤其是液晶显示器的普及---pc液晶显示器技术日趋成熟,笔记本电脑也开始家用化了。

液晶显示器根据不同的尺寸往往需要一个特定的分辨率,以17英寸液晶显示器为例:最佳的分辨率是1280×1024,在这个分辨率下,显示文字才是清晰的。

下面用两台显示器来做个比较:

第一台显示器是一台古老的14英寸显示器,宽是11.2英寸,高是8.4英寸,分辨率设置为800×600。
第二台显示器是一台17英寸显示器,宽是13.6英寸,高是10.2英寸,分辨率设置为1024×768。与14英寸显示器相比,显示同样象素尺寸的文字,文字的高和宽缩小为:800/1024×13.6/11.2=600/768×10.2/8.4=95%。

5%的变化似乎用不着大惊小怪,但是,很多人办公室中的显示器恐怕是15英寸的,并且理所应当的在使用1024×768的分辨率,那么文字就将缩小16%,如果您和我一样,希望在家中更好的享受电脑,买了一个17英寸的液晶显示器,那么文字就将缩小24%!没剩下多少了!

或许应该劝告使用19英寸液晶显示器的朋友不要上网了,估计上去基本上也看不清什么字。

更换大显示器本来是为了看的更清楚,不过,看来目的没达到,至少是看网页的时候不会更清楚了。除非您使用原来800×600的分辨率,您会吗?随着显示器尺寸的逐渐变大,分辨率在逐渐提高,而网页上的文字却看上去越来越小,人的视力又没法越变越好。显然我不能建议您使用更小的显示器,那么,应该把文字变大。

(如果上述理由还不能让您相信网页文字应当变大,那么您不用浪费时间继续读了,不过肯请您不要留言骂我,我比较喜欢听表扬。)

网页上的文字能变多大?

为了让文字变大,设计师们在努力尝试着各种字体与字号的组合。

但是这些尝试主要是针对标题的显示,对于大量文字的显示显然并不合适,那么正文怎么办呢?

在文章的开始已经说过,对于一个好的网站来说,用户浏览时间最长的是文章正文。宋体除了12px和14px以外还有另外两个字号也是比较理想的:一种是16px,另外一种是18px。目前已经有一些网站在使用16px的宋体作为文章正文了,18px的则比较少见。

出处:中国UI设计网
责任编辑:moby

上一页 下一页 分析网页文字的字号 [2]

相关文章 更多相关链接
《网页设计师完全手册》
静态网页加密
防刷新重复提交、防后退方法
网页设计推荐色标组图
静态网页加密
作者文章 更多作者文章
浏览器能弥补宋体缺陷?
购物网站交互设计上的缺陷
用外国人的手写中国字
在新窗口中 vs 在同一窗口中
也许那是一个广告?
全网 本站 论坛
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
CSS实现完美垂直居中
海底总动员
具有亲和力的表格
《闪吧电子杂志》创刊号发布
玩转图像函数库—常见图形操作
浏览器能弥补宋体缺陷?
《某旅行者的日记》
用Flash画钢笔
网页设计中的色彩比例
扩展DW:自定义第三方标签解析
栏目最新 栏目最新列表
《某旅行者的日记》
网页设计中的色彩比例
【墨汁集】
原色、和色辞典
梨子的插画
用外国人的手写中国字
普通A4纸玩出的艺术
饼干05年作品选登
超强铅笔画
中国平安VIP服务手册
>> 分页 首页 前页 后页 尾页 页次:1/21个记录/页 转到 页 共2个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文总共有 12 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 5 ,平均分: 4.20


chouyuchouyu Publish at 2006-2-15 22:42:50
关于IE7 beta缩放文字的问题,刚刚做了专门的探讨---《浏览器能弥补宋体缺陷?》(http://www.blueidea.com/tech/site/2006/3225.asp)
chouyuchouyu Publish at 2006-2-8 21:13:23
忘了说了,我是作者,臭鱼。没法注册中文用户名,所以只能是“chouyuchouyu”了。
chouyuchouyu Publish at 2006-2-8 21:11:52
To colecc:
“中文好看还是英文好看”的问题,我说不好。我想,既然我们已经注定是中国人,需要使用中文交流了,那么还是应该把更多的精力放在“如何使中文的显示效果更好”这个问题上。

之所以推荐16px和18px是因为,作为较大的字号,它们比17px和19px显示效果好,而不是说它们象12px和14px那么好。

关于我父亲的问题,我按照你说的办法操作了一下当前这个页面,我发现---没有变化。
IE浏览器(IE6,及更早的版本)中“查看-字体大小”这个功能是针对相对字号设计的,这个问题我在《用外国人的手写中国字》(http://www.blueidea.com/design/doc/2006/3182.asp)中有一些讨论。
IE7 beta 以及其他浏览器的缩放功能是能改变固定字号的文字显示大小的。这个问题,我希望能作为《用》一文的延续,近期做专门的讨论。
kencyp Publish at 2006-2-6 23:25:31
现在一些按WEB标准制作的网页,都可以很方便的对页面的字号自定义大小。在这个过渡时期,提高交互性倒是不错的方法。
skycloud112 Publish at 2006-1-18 12:16:19 评分4
忘了说了,标题用PMingLiu字体,大字号效果堪称完美。

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误