设计各种屏幕尺寸的软件界面

时间:2010-05-30 10:01:09

标签: interface user-interface usability

现在我们有流行使用的1920x1200和1680x1050等屏幕,有些甚至使用2560x1600分辨率,而一些旧系统仍然依赖800x600分辨率。我正在编写一个在1680x1050上看起来不错的软件,但在1920x1200上看起来太小而在1024x768上太大。您对如何设计各种屏幕尺寸的应用程序有什么建议吗?

在我们在分辨率上几乎没有差异之前,情况要简单得多,但现在似乎没有好办法解决这个问题。

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

2 个答案:

答案 0 :(得分:3)

应用应自动调整为各种窗口大小以及屏幕尺寸。您不应该假设用户总是希望以全屏大小运行您的应用。即使您的所有用户都有大量的屏幕,他们也可能希望在某些情况下并排显示多个窗口。

当数据以列表/表格或图形格式(后者包括地图,图表和大多数所见即所得的应用程序)布局时,设计(如果不是开发)多个窗口大小非常容易。显示表格或图形的窗格应在窗口调整大小时调整大小。通常,您可以根据需要包含水平和垂直滚动条,以允许用户在当前任何窗格大小内平移数据。使用窗口大小调整窗格大小通常意味着滚动条可以访问所有数据。将数据分解为页面效果不佳(例如,与Google搜索结果分开的方式一样)。

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

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

使用表单布局时,在调整窗口大小时,文本的大小或字段之间的空格不应更改(尽管允许用户明确增加文本大小是一个好主意)。如果调整大小超过设计尺寸,则只需在右侧和底部添加空白边距。换句话说,为表单布局调整大小确实没什么意义。没关系。至少您的一些用户将充分利用未使用的屏幕空间用于其他内容(例如,另一个窗口或应用程序)。具有大屏幕的真实高级用户可以并排打开同一窗口的两个实例,并且每个实例显示不同的选项卡,以便他们可以一次监视尽可能多的。

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

答案 1 :(得分:1)

通常,您设计的是您希望遇到的最低屏幕分辨率。

你的错误在于有很多合理的屏幕分辨率。

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