您的位置: 首页 > 艺术设计 > 设计理论 > 分析网页文字的字号
印刷术语 回到列表 简单说说UI的设计原则
 分析网页文字的字号

作者:臭鱼 时间: 2005-11-17 文档类型:合作网站提供 来自:中国UI设计网

第 1 页 分析网页文字的字号 [1]
第 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 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式
>> 分页 首页 前页 后页 尾页 页次: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
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

Flower 毕业设计。 Lenovo 某软件界 Malata mobile show 华硕(Asus)手机 Zt23 华硕(Asus)手机 Zt23 华硕(Asus)手机 Zt23 软件公司