2010-05-30 49 views
7

当今我们有像1920x1200和1680x1050这样的屏幕在流行使用,有些甚至使用2560x1600分辨率,而一些较老的系统仍然依靠800x600分辨率。我正在编写一个在1680x1050上看起来不错的软件,但在1920x1200上太小而在1024x768上太大。你有什么建议如何去设计各种屏幕尺寸的应用程序?为各种屏幕尺寸设计软件界面

之前我们在分辨率方面几乎没有什么区别时,事情就简单得多了,但现在看来没有什么好的方法来处理这个问题了。

我知道这个问题更多的是关于设计/布局而不是编程,但我敢打赌,这或多或少是程序员生活的一部分,所以我在这里发表了这篇文章。

+0

您使用什么技术来构建界面?您是在构建传统的桌面应用程序,还是在构建Web应用程序?或者也许别的东西? – 2010-05-30 10:19:32

+0

@Greg Hewgill:我正在构建一个使用JavaScript,HTML(5),CSS(3)和PHP的复杂Web应用程序。 – Tower 2010-05-30 11:58:40

回答

3

应用程序应自动适应各种窗口大小以及屏幕大小。您不应该假设用户会始终希望以全屏幕大小运行您的应用。即使您的所有用户都使用了恶劣的屏幕,但在某些情况下,他们可能希望并排显示多个窗口。当数据以列表/表格或图形格式(后者包括地图,图表和大多数所见即所得的应用程序)进行布局时,为多个窗口大小设计(如果不开发的话)非常容易。显示表格或图形的窗格应在窗口大小调整时调整大小。通常,您必须包含水平和垂直滚动条,以允许用户在当前的任何窗格大小内平移数据。使用窗口大小调整窗格大小意味着所有数据都可以通过滚动条访问。将数据分解成页面并不会很好(例如,像Google搜索结果分解的方式)。

只要标识行的第一列在用户水平滚动时保留在视图中,就可以对表进行水平滚动(不同于以散文为主的网页),这是完全可以接受的。同样,当用户垂直滚动时,列标题应保持在视图中。对于图形,更改窗口大小通常不应改变缩放级别。相反,在缩小时显示更多数据,缩小时显示更多数据,同时提供单独的缩放功能。

对于作为表单布置的数据,单个记录的字段和标签沿着窗格运行,实际上没有很好的方法来处理多个窗口大小,并且您必须选择一个窗口大小来设计。为了便于使用,您应该设计以便在标准文本大小的情况下,当窗口大小达到您可能遇到的最低屏幕分辨率时,所有字段都可见而不滚动。使用标签或其他类似的控件来适应该空间中的所有必填字段。通常,这意味着设计的尺寸为1024x768,假设您的用户可以在笔记本电脑上使用您的应用程序。它可能可以接受有一个表单布局,需要一些垂直滚动在较小的分辨率(如在Web应用程序中很常见),但用户不应该水平滚动的典型情况。因此,对于您的情况,如果大多数用户使用台式机并且偶尔使用笔记本电脑,则可能需要设计1024x1050。测试用户意识到在使用低分辨率时必须滚动,然后才能继续操作。如果您希望用户在查看其他窗口时定期使用该窗口(例如,它更像是一个属性对话框),这可能会在窗口大小上设置额外的限制。

使用表单布局时,窗口大小调整时(虽然允许用户明确增加文本大小是个好主意),文本大小或字段间的空格不应改变。调整大于设计大小的尺寸应该简单地向右侧和底部添加空白边距。换句话说,对于表单布局调整大小确实没有多大意义。没关系。至少有一些用户会很好地利用未使用的屏幕空间来进行其他操作(例如,另一个窗口或应用程序)。具有大屏幕的真正的高级用户可以并排打开同一窗口的两个实例,并且每个实例显示不同的选项卡,以便他们可以一次尽可能多地进行监视。

调整尺寸小于表单布局的设计大小应该会导致滚动条出现并提供对不再可见的字段的访问。如果您选择了您可能遇到的最低屏幕分辨率,则后一种情况应该是一个边缘情况。

1

一般来说,您可以设计出您期望遇到的最低屏幕分辨率。

你是正确的,有很多合理的屏幕分辨率。

您可以选择为多种屏幕分辨率设计用户界面,并根据实际屏幕分辨率让应用程序选择合适的布局。

+0

为各种屏幕尺寸设计不同的布局是否有点复杂?这种方法与屏幕变大时使界面变大有什么关系? – Tower 2010-05-30 12:02:52

+0

@Tower:随着屏幕变大,使界面组件变大是一种选择。有时候,更好的选择是具有更多接口组件的不同布局。这取决于用户界面。 – 2010-05-30 13:00:29