interface - 为各种屏幕尺寸设计软件界面

Question

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post .

2年前关闭。




Improve this question




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

以前我们在分辨率上几乎没有差异时，事情要简单得多，但现在似乎没有好的方法来处理这个问题。

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

Answer 1

应用程序应自动适应各种窗口尺寸和屏幕尺寸。你不应该假设用户总是希望以全屏尺寸运行你的应用程序。即使您的所有用户都有庞大的屏幕，在某些情况下，他们也可能希望并排显示多个窗口。

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

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

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

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

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