淘客熙熙

主题:关于网页字体设置的探讨 -- landkid

共:💬8 新:
全看树展主题 · 分页首页 上页
/ 1
下页 末页
家园 关于网页字体设置的探讨

关于网页字体设置的探讨:

铁手兄上次讨论到网页设置中的 pt 还是 px 的问题,小弟专门自己做试验

来看看结果,正好也为自己准备一个将来的网页规范。

设定了 pt 和 px 的网页文字,在 IE 下怎么选择都不会改变大小,这点

应该明确。所以我最喜欢 Opera ,因为它可以无极变速的更改整个网页的

缩放。

常用的 12pt 和 14px 在14 寸液晶显示屏或 17 寸普通显示屏上用 1024*768

是 ok 的,一般应用是可以看清楚的。但有些兄弟可能会用到 1280/1400/1600

的分辨率,本文探讨为这些位兄弟正常浏览的网页做法。

下面有两幅图片,分别是 12pt 14px 在正常字体下和 大字体下的显示样子:

normal font 96DPI

点看全图

外链图片需谨慎,可能会被源头改

big font 120DPI

点看全图

外链图片需谨慎,可能会被源头改

可以看到 pt 是随着 Windows 选择大字体而变大的,px 不变还是很小。就是说,

如果有兄弟用高分屏,而选择大字体(120DPI 就是 125% 于一般 Windows 文字)

的情况下,如果我们用了 px 作字体大小设定,可怜这些兄弟不能从大字体中

得到任何好处。而如果我们用了 pt ,这些兄弟就能看清了。-------

理论基础呢,因为 px 指的是 14 个像素,所以它不理会 Windows 的字体设置,

反正它只占用屏幕上的 14 个像素,在高分屏上,14 个像素还是太小。

pt 是指 磅数??,看来,还是受到了 Windows 的字体设置影响的。

所以我强烈建议铁手兄还是用 pt 吧,这是我的一贯写法也将会是将来的写法。

家园 有一点疑问:改变windows字体大小后,

两者在屏幕上可见大小都改变么?

那就是说,如果用户选择不同的字体大小,不同的显示分辨率以后,屏幕上所显示的页面就和我所设想的不一样了?

难道没有办法保证总是一样?

家园 噢。。。

这个,要么就在 Windows 改变字体大小时候缩放,令字体

变大,看得清楚,用 pt,

要么就不变,看不清楚,但页面布局不变,用 px, 恐怕没有两全其美

的办法吧????

我觉得,布局是可以用 table 来保证的。字体完全不可放大

是比较讨厌的。分辨率太高可能会完全看不清楚。

所以我自己还是 更喜欢 pt 。

家园 这个问题其实不是很容易。进一步讲,一个网页要想在不同的平台上,

不同的浏览器上,不同的屏幕设定上都要比较好的效果是很困难的。

早期的时候,一个网页都要测设在IE和Netscape上的效果,后来IE成了主导,程序员就不再费心在Netscape上测试了。一般做法是保证IE上效果正确,然后注明如果想要有好的效果,请使用IE浏览器,什么样的屏幕设定等等。这可能是最省事的办法了。

GUI的东西有很多是主观的东西,比如颜色,字体等等。在这方面我一般不发表意见。

家园 GUI的设计里,包括 structure & color,有很多

vision scince, 并不是主观的。

家园 Look&Feel有些是主观的。其他很多不是。GUI设计是很大一门学问。

比如微软在这上面就花了很大功夫。有技术上的,比如TrueType字体,下一代Longhorn的新的图形引擎等等,也有人机交互方面的,比如什么上的操作才更符合人们的习惯等等,还有很多美工方面的,比如色彩,比例等等。

好的网站都有专门的Graphic Designer。这个程序员一般干不好!

家园 "Look & Feel" is psychological and

psychoactive. 如果你不认为psychology 是 science,那又另当别论。GUI的设计跟一般的视觉艺术作品不同,不是艺术家说了就算的。有些大公司在 test 他们的GUI设计的时候,要请几十个甚至更多普通人来 look and feel 他们的GUI,然后作出分析,决定。不学 visual structure,也可以作GUI设计,但是成功的GUI设计一定不是盲目的,主观的。 

家园 最后补充:最后还是使用了PX而不是PT。

PX不会因为操作系统的设置而变化大小。

PT会变化,而且变的很邪门。

只好假设多数人使用1024x768分辨率了

全看树展主题 · 分页首页 上页
/ 1
下页 末页


有趣有益,互惠互利;开阔视野,博采众长。
虚拟的网络,真实的人。天南地北客,相逢皆朋友

Copyright © cchere 西西河