»
首页
|
手机数码
|
汽车资讯
|
游戏硬件
|
评测专题
|
手机壁纸
|
海淘值得买
|
度假
|
求职招聘
|
广告联系
» 您尚未登录:请
登录
|
注册
|
标签
|
帮助
|
小黑屋
|
TGFC Lifestyle
»
完全数码讨论区
» 20和27哪个字体大些
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[电脑]
20和27哪个字体大些
RestlessDream
小黑屋
帖子
31689
精华
36
积分
32879
激骚
616 度
爱车
主机
相机
手机
注册时间
2005-9-9
发短消息
加为好友
当前离线
1
#
大
中
小
发表于 2009-7-9 13:15
显示全部帖子
引用:
原帖由
Kuzuryuusen
于 2009-7-8 19:49 发表
27。
不过我发现显示器大了,人会不自觉地离得远些,所以最后感觉上差别不大。
正解。字体大小的观感不仅取决于绝对值,更取决于屏幕的DPI,分辨率,人离屏幕的距离等
比如人离笔记本屏幕的距离普遍要比台式机近很多
UID
47362
帖子
31689
精华
36
积分
32879
交易积分
0
阅读权限
1
在线时间
5521 小时
注册时间
2005-9-9
最后登录
2019-11-19
查看详细资料
TOP
RestlessDream
小黑屋
帖子
31689
精华
36
积分
32879
激骚
616 度
爱车
主机
相机
手机
注册时间
2005-9-9
发短消息
加为好友
当前离线
2
#
大
中
小
发表于 2009-7-9 13:18
显示全部帖子
转个专业的文
网页字号多大才合适?
from
RSSmeme
by 冰桃
http://www.rssmeme.com/story/11969103/
Shared eight times.
在这个显示器百花齐放的时代,
网页设计
师往往需要考虑不同客户端的浏览体验。
文字大小,是用户体验中的一个重要部分。不同的分辨率,不同的显示器尺寸,不同的DPI,乃至不同的浏览器设置,都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面,但用户每次光临都要重新缩放,总归麻烦,何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号,那这个字号多大合适呢?
12px?14px?15px?16px? 还是压根就不应该使用px这个单位呢?
问题的根源,在于屏幕上的一切字号单位(px,pt,em)都是相对单位,单凭它们并不能确定文字的实际大小。何况人对文字大小的根本感知在于眼睛的视角,这不仅取决于文字的物理尺寸,还取决于它到人眼的距离。
物理尺寸 首先假定一个我们希望达到的文字物理尺寸,例如设定为17寸1280 * 1024显示器上的16px,计算可得它的高度约是4.32mm,我们计划让网页文字在大部分显示器上都比较接近这个大小,那么在不同分辨率下应该显示成多大的字号呢?
第一步:统计用户主要的分辨率和对应的屏幕大小。 要在物理尺寸和分辨率之间换算,首先要统计分辨率和对应的屏幕尺寸。用户分辨率的分布情况可以从网站的统计日志里获得。由于每个分辨率设置可能对应好几个不同尺寸的屏幕,而屏幕尺寸又无法通过网页获得,只好对现在的显示器市场进行统计分析:针对某一分辨率,统计可能的屏幕尺寸范围,从最小到最大,相对主流的是多大(或使用该范围的中间值作为主流尺寸)。如下图所示——
电脑显示器市场(产品种类繁多,难免挂一漏万,数据仅供参考)
第二步:计算每个分辨率主流屏幕尺寸的物理宽度 现在的显示器长宽比不仅有4:3的标准屏,16:10的宽屏,还有更多不规则比例,为了在不同长宽比的显示器之间进行比较,统一使用横向分辨率来统计。用主流尺寸和长宽比(假设像素的长和宽相同)计算出屏幕宽度(英寸),再换算成公制(毫米),将其一一对应就可看出屏幕大小的趋势。再结合各分辨率的用户分布,结果如下图所示(图片中每个点对应一个分辨率,横轴为屏幕横向的像素数,纵轴为该屏幕的物理宽度,气泡大小表示使用该分辨率的用户人数。其中蓝色气泡表示标准屏,紫色表示宽屏):
各主流浏览器像素宽度与物理宽度的关系及用户比例
第三步:计算不同显示器上的字号大小 用屏幕的物理宽度除以像素宽度,就可以得到每个像素的宽度。然后用指定的文字物理大小除以这个数,就可以得到在不同分辨率下所需的字号。例如要显示4.32mm见方的文字,各分辨率下分别需要如下的字号(对笔记本和台式机分别统计):
不同分辨率下需要的字号
可以看出笔记本和台式机的尺寸相差很大,为方便使用,使用各分辨率的主流尺寸或平均尺寸计算出指定字号在每个分辨率下所需的字号。(下图去掉了基本只用在笔记本上的那些分辨率),以4.32mm、3.77mm、3.25mm为例(17寸1280*1024分辨率下的16、14和12号字):
为保持固定物理尺寸,各主流显示器下所需字号与分辨率的关系
由于在未开启cleartype的情况下,一些中文
字体
在非偶数字号下的显示效果欠佳,所以一般建议使用12、14、16、18、22px等偶数字号。也就是对某个分辨率选择离它最近的偶数字号。例如:屏幕横向分辨率在1100以下的采用14px,1100到1500采用16px,1500以上采用18px,依此类推。
到人眼的距离 虽然笔记本的字号远小于台式机,可是实际并没有给我们带来那么大的不便,这是因为:一般使用笔记本时人眼到屏幕的距离比使用台式机时要近一些。当上网本越来越小时(极端的例子就是手机),人们使用的时候可能会拿的更近,这样视角更大。反之,当显示器越来越大时(24寸甚至更大),出于整体视角等方面考虑,人们也可能离屏幕远些,从而减小了视角。
定量来说:由于文字大小h(4~5mm)相对人眼到文字的距离d(30~60cm)非常小,可近似认为视角θ正比于h,并与d成反比(θ≈tgθ=h/d)。也就是说,同样大小的文字,距离二尺时看到的只有距离一尺时的一半大小。
也就是说,显示器只能传达一个大概的尺寸,每个用户在具体操作时仍会通过不自觉地调节到屏幕的距离来调整所看到的实际效果。面对越来越多的笔记本用户(请参照上一篇:
笔记本电脑的市场份额
),前端设计师们只能给出一个针对笔记本和台式机平均尺寸的页面效果,具体就靠用户去自我调整了。
UID
47362
帖子
31689
精华
36
积分
32879
交易积分
0
阅读权限
1
在线时间
5521 小时
注册时间
2005-9-9
最后登录
2019-11-19
查看详细资料
TOP
控制面板首页
密码修改
积分交易
积分记录
公众用户组
基本概况
版块排行
主题排行
发帖排行
积分排行
交易排行
在线时间
管理团队
管理统计