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

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

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

在目前所见到的这些应用中,16px宋体的表现都还是让人满意的,没有出现笔画粗细不均匀、明显的锯齿等现象。18px宋体也有同样令人满意的显示效果。

同时使用12px、14px、16px、18px,网页文字岂不是就能有4中大小不同的显示效果了?天大的喜讯啊!可惜,实际情况并不是这样。从字面上看18px的文字应该比16px的文字大两个象素,但实际上差距并没有这么大。

16px宋体文字实际显示尺寸为15px(宽)×16px(高),18px宋体文字实际显示尺寸为16px(宽)×16px(高),见下图:

18px只是在宽度上比16px宽了1px。

16px宋体文字占用的显示空间为16px(宽)×18px(高),18px宋体文字占用的显示空间为18px(宽)×21px(高),如下图:

请注意这里的宽度,16px宋体文字占用的显示空间宽度为16px,系统所定义的字号就来自于此。通常用户会认为16px的文字的高和宽为16px,而实际上电脑所呈现出来的是:占用显示空间的宽度为16px的文字,其相应占用的显示空间的高度为18px,用户所看到的文字实际显示尺寸为15px(宽)×16px(高)。

如果我已经解释清楚“文字实际显示尺寸”与“文字占用的显示空间”的区别了,那么,我们继续。

上面的分析说明,在网页上使用18px宋体与16px宋体看上去差别并不大,每个文字只宽了1px,因此,我的观点是:如果希望在页面上使用较大的文字,可以选择16px的宋体或者18px的宋体,在同一页面上同时使用这两种字号实际意义不大,这两种文字的大小差距并不象想象的那样大。

如果您刚才没有离开,并且看到这里仍旧不觉得讨论一个大号文字有必要费这么多话,这的确让我难堪,如同一个人极尽表演之能事,眉飞色舞的讲了一个很长的冷笑话。

目前无论是16px还是18px确实都还没有得到广泛的应用,似乎文字的大小真的并没那么重要。的确,目前在中国,视力衰退的老年人使用互联网的的确不算多,我曾经问过我父亲:“为什么不爱上网呢?”他回答:“那上的字儿太小,看着费劲。”

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

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

相关文章 更多相关链接
《网页设计师完全手册》
静态网页加密
防刷新重复提交、防后退方法
网页设计推荐色标组图
静态网页加密
作者文章 更多作者文章
浏览器能弥补宋体缺陷?
购物网站交互设计上的缺陷
用外国人的手写中国字
在新窗口中 vs 在同一窗口中
也许那是一个广告?
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
HTC Sense 体验与体验背后的故事
我希望能再"大气"一些
通过shtml实现重构页面模块化构建
如何设计新手用户引导
27个超漂亮的信息图表
商业产品色彩体系
Treehouse融资60万美元
Solve Media用广告代替验证码
互联网产品"冷启动"问题浅析
用户体验的价值
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:2/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
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

伊轩经络点穴减肥 牡丹 网页及系统登录界面设 图标练习 整套网建公司也没设计