2008-09-30 56 views
11

它使网站布局适合640 x 480和800 x 600显示器有多重要?一段时间以来,我一直在设计假设至少 1024 x 768,但我一直没有专业地做(只在我的网站上,这只是一个只有10-15个朋友阅读的博客)。有没有人有关于真正网络用户的屏幕分辨率分布的非轶事统计数据?它使您的网站布局适合低分辨率显示器有多重要?

注1:“非轶事”是指请不要给像或者“我用640×480知道很多人的”答案“我的妈妈在800x600的运行,所以它必须是非常常见的。”我宁愿有实际的数据(或指向实际数据的链接),特别是如果它是关于一般用户(而非极客)的数据。

注2:我不关心非常小的显示器像那些对PDA和手机(至少在目前)。我只是在谈论台式机/笔记本电脑的显示器。

回答

9

我认为现在的一般假设是1024x768可以接受,这就是我所采用的路线。一个好的基准是看看像BBC这样的大型网站,他们最近改用了1024x768的设计。这并不是说每个网站都必须是这样的,对于小型网站,我经常坚持800x600,所以内容看起来并不可悲:o)

以下是我经常用于web统计的源代码,其august 2008 stats显示800x600 7岁时%。

1

这是一个interesting blog post,它根据今年2月份在这个特定网络的网站上的600万点击率给出了具体的统计数据。

顶二:47% 1024×768,和30% 1280x1024的

16

W3Schools的跟踪各种浏览器的统计信息,包括显示分辨率。您可以在此处找到显示分辨率:http://www.w3schools.com/browsers/browsers_display.asp

当然,您应该尽可能使用与目标受众接近的统计数据。这些统计数据来自浏览W3School网站(主要是开发人员)的浏览器。其他目标受众可能会有不同的配置文件。

+0

w3schools不是W3C,它是一个独立的网站。但是,指出大多数访问者是开发者,做得很好,我永远告诉人们! – roryf 2008-09-30 19:29:07

1

阀通过对连接到他们的机器的能力蒸汽收集数据,你可以看到结果这里:

http://steampowered.com/status/survey.html

牢记这些都是玩家的系统,因此往往比更强大平均电脑在街上,你可以看到有不少系统低于1024 * 768

6

我刚刚检查了我监测的所有域的Google Analytics数据。 800x600以下的屏幕分辨率为零,800x600的分辨率为3-6%

也许您可以提前在域中设置Google Analytics并收集有关访问者的一些信息。

9

你正在我的网络浏览器中运行。即使我使用的是1024x768,我的浏览器是全屏显示的,你有多确定?

+0

我打算提出这一点。我的浏览器从来都不是全屏的,除非某些设计良好的网站强制它们。有谁知道一个网站有浏览器窗口大小的统计数据,而不仅仅是屏幕尺寸数据? – 2008-09-30 19:39:04

+0

我希望我可以在全世界的每一位网页设计师都知道这一点。我讨厌需要最大化我的浏览器来摆脱网站上的水平滚动条。 – 2008-09-30 21:24:48

3

如果您可以使您的网站支持稍低的分辨率,这可能是值得的。这样人们可以在非全屏幕窗口中运行你的网站,它仍然看起来不错,并且不会有丑陋的滚动条。

另外,“上网本”等Asus EEE用非常温和的分辨率(800×480如为1024x600或)越来越受欢迎,他们通常有小(9-10" 屏幕)。

1

虽然我同意,1024x768的一般一个很好的最低桌面分辨率,我似乎已经花费了越来越多的时间在网站上通过较小的面板 - 特别是Windows Mobile设备,iPhone和800 x 480的eeepc。

虽然eeepc可能是不寻常的(在机器级别上无疑将被1024x768所取代),移动设备的访问只会增加,这将是明智的 - 尤其是如果您正在运行人们想要远离桌面的那种网站,以便了解您的网站在手持设备上的工作方式。

-1

看,监视器变得越来越大,人们越来越想要。人们喜欢更大的显示器。唯一有小显示器的人将是一个共享计算机中心或一些老年人。

@All,我们需要作为开发人员一起加入,并要求仅在1024x768上构建应用程序。如果我们都联合起来,我们将把它作为标准。

不要问你的显示器能为你做什么,问你可以对显示器做些什么!

1

根据Jakob Nielsen's Alertbox,截至2006年7月,60%的显示器设置为1024x768,所以他的建议是优化网站的分辨率。

为了让您的网站适合更低的分辨率,它有多重要?我想这个问题的答案取决于你的网站在800x600(及以下)的情况下......如果它是不可读的,那么这就是这个观众对你的网站的重要性的问题。如果你需要每一个观众,不管他们的决议,那么你应该工作的样式,将偶尔640x480人产生一个可以忍受的经验。如果没有,您可以尝试像以前一样对其进行样式设计,并且只有在您有业务案例时才使用替代样式。

0

添加谷歌分析到您的网站,它的自由,数据只对你的观众

0

我认为真正的答案是要设计你的网站,使得它在一个较低的分辨率缓慢下降。内容主列左右两侧的栏不会调整大小并导致网站的主要内容挤压,这不是一个好主意。

而且就像已经指出的那样,仅仅因为一个人在1280x1024下运行并不意味着他们的网络浏览器将被最大化 - 有些人坚持要在一个非最大化的窗口中运行一切(我认为Mac用来执行这个)。这是什么都不说谁有十个栏,只在800x600运行的人,因为操作系统不会让他们去了640×480(然后他们想知道为什么一切看起来“模糊”的LCD屏幕上,为什么他们的眼睛要拉屎)

课程设计网站的这种方式并不总是你有一个豪华的 - 有时客户希望其像素完美到什么设计有一个巨大的显示器Photoshop的想出了。只要尽你所能,尽可能准备好“这就是你说的你想要的”后面的论点(假设你无法事先向他们解释)

0

我可以建议你使用auto-调整适合浏览器窗口的布局大小,然而这恰好是?虽然您可以将其设计为最佳1024x768分辨率,但分辨率较低的人(例如视力不佳或便宜的计算机)无法使用更高的分辨率,并且不必滚动左右读取每一行文字。

2

这在传闻的答案,但它的东西要注意的......

我们设计了一个Web应用程序的客户端是在内部使用的(一个真正的瘦客户端联网应用)。我们被告知,为1024x768进行设计是首选,因为几乎所有的用户都拥有该分辨率或更高的分辨率。事实上,我们被告知忽略用户以较低分辨率运行的问题,因为他们的内部帮助台答案是“将您的分辨率设置为1024x768或更高,并在浏览器最大化的情况下运行”。

权的应用程序部署后,有上需要太多的水平滚动页面的帮助台门票,有些事情不能正确的位置,但分辨率据报道,1024×768。我们没有考虑的是使用浏览器边栏(历史,书签,RSS源等)的用户。我们的开发人员都没有使用它们,所以它从未跨过他们的想法。没有正确定位的部分是我们真正的错误。水平滚动是因为我们将所有设置设置为自动调整大小,但在768处停止水平调整大小(实际上客户区宽度为1024x768)。

另外不要忘记,用户可以改变他们的文字大小设置为奇怪的设置。事实上,当用户视力受损时,这并不奇怪,但记住测试并适应它是很重要的。 Firefox 3在按比例调整文本和图像方面做得很好,但运行其他浏览器和旧版浏览器的用户的控制较少。

2

一个好的做法是在大约750像素设计网站的核心,使我们的观众的5%-15%,谁还有800个像素监视器可以无需滚动阅读。然后,您可以将不太重要的信息(广告,非关键任务功能)放在右侧的250像素列中,1024像素或更多的访问者将看到这些信息。

另外,作为jimharries99提出了电视,互联网范围的统计信息(或浏览器,或其他)可能不符合你的听众的个人资料,所以你应该使用的分析得到您的特定受众的手柄。例如,我们构建的一些网站在某个政府机构内部获得了大部分流量,这些机构在IE6(禁止其他浏览器)上实现了标准化,并且拥有大量800x600的显示器。另一方面,“连线”杂志的观众可能拥有比平均更大的屏幕和更现代化的浏览器。

0

我有一个1920 X 1200的屏幕尺寸,所以我可以一次打开多个窗口并全部看到它们。如果一个网站尝试贪婪地使用这个空间,我会停止去那个网站。

2

就我个人而言,我设计的网站,以便他们会出现,因为我想在1024 x 768的监视器上。我知道有些人会浏览他们的浏览器,而有些人也会拥有更大的显示器,并将其全屏显示。

我觉得1024 x 768是目前妥协的正确水平。同时,我努力确保我的网站在可接受的较低分辨率下降级,以保持浏览器在窗口模式下运行的人员的开心。如果推动推进,我没有选择,我宁愿排除较低的分辨率,并保持我的视野完好无损,所以它的影响不会丢失。

尽管现代浏览器可以缩小用户,但是根据网站内容的不同,可降解性问题可能并无实际意义 - 如果布局对于res来说太大,用户可以简单地缩小。

0

以下是设计700-800像素宽度网站的两个原因。

  1. 当列不太宽时,文本更容易阅读。如果您使用400-500像素宽的文字,则可以有250-400像素的边栏,适用于各种尺寸的屏幕。

  2. 您的网页打印更好。我运行了一个网站,其中有很多用户可能会打印的信息,并且在打印CSS中禁用了侧栏,这些页面非常适合放在一张纸上。