当前位置: 网站建设 > 网页设计 > 建站经验 >

网站对字体大小的选取的学问

时间:2013-03-02 04:10来源:未知 作者:admin 点击:

标签:网站对字体大小的选取的学问 幕上(1)题的(5)小的(4)网站(482)学问(1)体大(3)在于(3)本源(1)取的(2)所有(5)
问题的本源,在于屏幕上的所有字号单位(px,pt,em)都是绝对单位,单凭它们并不能断定文字的实际大
网站对字体大小的选取的学问》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023461H013.htm

问题的本源,在于屏幕上的所有字号单位(px,pt,em)都是绝对单位,单凭它们并不能断定文字的实际大小。何况人对文字大小的基本感知在于眼睛的视角,这不仅取决于文字的物理尺寸,还取决于它到人眼的间隔,网站定位越精准用户就越喜欢

现在的显示器长宽比不仅有4:3的标准屏,16:10的宽屏,网站定位决定出路 执行才是关键,还有更多不规矩比例,为了在不同长宽比的显示器之间进行比较,同一使用横向分辨率来统计。用主流尺寸和长宽比(假设像素的长和宽雷同)计算出屏幕宽度(英寸),网站如何设置URL路径?,再换算成公制(毫米),将其逐一对应就可看出屏幕大小的趋势。再联合各分辨率的用户分布,成果如下图所示(图片中每个点对应一个分辨率,横轴为屏幕横向的像素数,纵轴为该屏幕的物理宽度,气泡大小表现使用该分辨率的用户人数。其中蓝色气泡表示标准屏,紫色表示宽屏):最大的三个气泡分别是1024*768,1280*1024,1280*800。

首先假设一个我们盼望到达的文字物理尺寸,例如设定为17寸1280 * 1024显示器上的16px,盘算可得它的高度约是4.32mm,我们打算让网页文字在大部门显示器上都比较濒临这个大小,那么在不同分辨率下应该显示成多大的字号呢?

12px?14px?15px?16px? 还是压根就不应当使用px这个单位呢?

文字大小,是用户体验中的一个主要局部。不同的分辨率,不同的显示器尺寸,不同的DPI,乃至不同的浏览器设置,都会对终极展示的文字大小带来影响。固然现在许多浏览器已经可以便利地缩放页面,但用户每次光顾都要从新缩放,网站如何正确添加启用二级域名,总归麻烦,何况还有很多用户不晓得如何缩放页面。最好还是依据用户的分辨率给用户一个比拟体贴的默认字号,那这个字号多大适合呢?

电脑显示器市场(产种类类繁多,未免挂一漏万,数据仅供参考)

物理尺寸

Tag:字体   网站   字体   网站   第一步:统计用户重要的分辨率和对应的屏幕大小。

要在物理尺寸和分辨率之间换算,首先要统计分辩率和对应的屏幕尺寸。用户分辨率的散布情形可以从网站的统计日志里失掉。因为每个分辨率设置可能对应好多少个不同尺寸的屏幕,而屏幕尺寸又无奈通过网页取得,只好对当初的显示器市场进行统计剖析:针对某一辨别率,统计可能的屏幕尺寸范畴,从最小到最大,相对主流的是多大(或使用该规模的旁边值作为主流尺寸)。如下图所示——

--> [网站建设之]网站对字体大小的选取的学识

第二步:计算每个分辨率主流屏幕尺寸的物理宽度

对良多网页设计师来说,网站如何制定更新计划,很习惯的应用某一字体大小,比方14px或12px。有时候咱们设计网页时并不会非常细心的考虑字体大小的抉择,由于在海内网站来说12px和14px基础成了所有网页字体的尺度大小,但在这个显示器百花齐放的时期,网页设计师往往须要斟酌不同客户真个浏览休会,所以研讨字体跟阅读器之间的关联仍是有些必要的。至少能够让我们从更深层面意识我们为何要使用这种大小的字体!

第三步:计算不同显示器上的字号大小

用屏幕的物理宽度除以像素宽度,就可以得到每个像素的宽度。而后用指定的文字物理大小除以这个数,就可以得到在不同分辨率下所需的字号。例如要显示4.32mm见方的文字,各分辨率下分离需要如下的字号(对笔记本和台式机分辨统计):

不同分辨率下需要的字号


(责任编辑:网站建设)
网站对字体大小的选取的学问相关文章
上一篇:网站定位越精准用户就越喜欢 下一篇:网站导航条必须具备的内容和功能
回到顶部