Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
User interface 对于一般的非技术用户,我的web应用程序应该以什么样的屏幕分辨率为目标?_User Interface - Fatal编程技术网

User interface 对于一般的非技术用户,我的web应用程序应该以什么样的屏幕分辨率为目标?

User interface 对于一般的非技术用户,我的web应用程序应该以什么样的屏幕分辨率为目标?,user-interface,User Interface,我注意到StackOverflow的目标屏幕分辨率为1024px或更高。我还检查了亚马逊、NBC、MSN和AOL,它们的目标是更多的非专业用户,而且它们的目标似乎都是相同的宽度 1024px是否是针对使用默认显示器分辨率/浏览器大小的最大用户群体的web应用程序的当前推荐宽度?简单?我认为用这种方式来描述未洗的人群有点粗鲁。我想现在每个人和他们的狗都有一个1024倍宽的显示器,这多亏了戴尔和其他人……使用液体布局。这样,您就可以轻松容纳约800到约1600宽的所有人,并且只需多做一点工作和保养,

我注意到StackOverflow的目标屏幕分辨率为1024px或更高。我还检查了亚马逊、NBC、MSN和AOL,它们的目标是更多的非专业用户,而且它们的目标似乎都是相同的宽度


1024px是否是针对使用默认显示器分辨率/浏览器大小的最大用户群体的web应用程序的当前推荐宽度?

简单?我认为用这种方式来描述未洗的人群有点粗鲁。我想现在每个人和他们的狗都有一个1024倍宽的显示器,这多亏了戴尔和其他人……

使用液体布局。这样,您就可以轻松容纳约800到约1600宽的所有人,并且只需多做一点工作和保养,甚至还可以容纳分辨率更低的设备。这也为@1024用户在发现文本太小时提供了缩放页面的空间


记住,像上网本这样的东西并没有我们今天期望的大屏幕。你可以使用水平滚动条,但如果你必须滚动页面才能进入正文,你就迷失了方向。

在听起来如此高人一等之前,你可能想了解一下现代用户群。上网本。PDA。智能手机。智能书(你知道它们是什么,非常复杂,对吧?)。将屏幕设置为纵向的程序员。把窗户并排堆放的人。售货亭

更新根据与约翰的对话,我对问题进行了编辑,将主题稍作改动,以反映他的原意。然而,我写的最初一段仍然是真的——我还没有看到最新的统计数据,但“90%的用户在他们的浏览器上有AxB结果/窗口大小”的日子可能永远不会有了,因为有了宽屏幕笔记本电脑和移动设备。让UI设计师的生活更加精彩:)


话虽如此,要开发一个真正可用的网站,您需要将流畅的布局与理想情况下使用portlet和门户框架的能力结合起来(比如MyYahoo),因此,人们可以选择最适合自己的页面布局。

充分利用,您将设置创建一个好网站所需的一切:)


(来源:)

960网格系统是一种简化web开发工作流程的工具,它提供了基于960像素宽度的常用尺寸。有两种变体:12列和16列,可单独使用或串联使用

960 GS这是一个很好的开始,做网页或图片,他们有一个几乎所有好的设计程序(Photoshop、Ilustrator、Fireworks、InDesign等)的完整模板,还有一个和一个来帮助你创建网站

我用它,它太棒了!查看


Nettuts有一个。WooThemes写了一篇题为“为什么我们喜欢960.gs”的,并将其作为WordPress主题的起点。讲西班牙语的人也可以通过查看教程


我认为目标的最大值是1280x1024,但我更可能去1024x768。 也就是说,在我目前的项目中,我尝试做一个最小宽度为800的液体布局来容纳上网本,通常最大宽度约为1000px(通常为970)。当然,我也有为自己设计的特权,因此我有幸告诉IE6用户他们应该升级,这使得液体布局更易于设计。

总结:

设计时将浏览器的内部尺寸设置为1250x668,以满足92.7%的用户。

我喜欢被人驱使。为此,W3Schools提供了一个很好的页面,他们会定期更新页面,提供关于每个屏幕分辨率的最新统计信息

截至2015年1月,访问W3Schools网页的浏览器中有92.7%连接到大于1024x768的显示器上,尽管所有显示器中有39.3%的高度限制在768像素(或更低),这主要是因为其中33%的浏览器具有1366x768个显示器

不幸的是,W3测量的是屏幕分辨率,而不是用于呈现网页内容的内部尺寸。如果能得到用户的数据,那就太好了

因为我们没有这些,我们必须为可能比我们自己更大的窗口装饰预留空间,以及可能进一步占用用于呈现网站的空间的浏览器小部件。此外,并非所有用户都在最大化的web浏览器中浏览web,尽管我认为如果我们假设较低分辨率的显示器将具有最大化的浏览器,我们可以忽略这一点

Windows 7似乎是吞噬屏幕不动产的最大罪魁祸首,我在任务栏上测量的是30-40px(我必须搜索屏幕快照,因为我不运行Windows)。带有标题栏、菜单栏、书签工具栏和状态栏的Firefox又消耗了159px,而更苗条的现代FF只消耗了64px。让我们使用超薄版本,并假设大约100px的垂直空间将丢失。最大化的浏览器似乎不会消耗任何额外的水平空间,所以您只需要考虑滚动条,但我会为窗口边缘保留一些像素,以防万一,使我们达到30px

几年前(当时我做的网页设计比现在多),我将自己的浏览器的内部尺寸调整为800x550,并确保大多数页面不会有滚动条。现在,它看起来可以扩展到大约1250x668的内部尺寸

您可以通过将其放入位置栏来检查内部尺寸:

javascript:alert(window.innerWidth + "x" + window.innerHeight)
这些值是只读的;你过去可以通过这样的方式调整你的内部尺寸,但是(多亏了滥用广告):

一张临别便条:仅仅因为你假设了某个尺寸,并不意味着你不应该这样做
javascript:window.resizeTo(window.outerWidth-window.innerWidth+1250,window.outerHeight-window.innerHeight+668)