architecture - 如何在不同的分辨率/屏幕上提供相同的应用程序

Question

场景:您需要在不同的屏幕上显示相同的应用程序 - 假设标准 15''-17'' 可移植 10'' 和移动 4''，可能在不同的分辨率下工作。

问题:您是尝试根据可用空间重新排列的流动布局，还是滚动 N(每个范围一个)单独的 UI 层，针对每个特定支持的分辨率/屏幕尺寸进行优化。

这类问题的行业标准是什么？

提出非常巧妙的布局在优先区域划分屏幕是否有意义，当屏幕以一种或另一种方式调整大小时这些区域将消失/返回？

我们都知道 iPhone 应用程序(或任何其他掌上设备)不可能与桌面版本完全不同，所以我假设在那种情况下(4 英寸或更小)您被迫推出不同的 UI ，但是是否存在采用流式布局有意义的中间地带(假设在 13 英寸到 7 英寸的屏幕之间，后者需要手指作为主要输入)？

Answer 1

您似乎已经决定移动设备需要一个单独的 UI，我支持这一点。用户与这些设备交互的方式非常不同，您需要以特定的方式来考虑它们。

对于其他屏幕尺寸，我认为需要从用户的角度来考虑。如果用户以不同的方式与屏幕交互，那么您需要单独的界面。然而，根据我的经验，用户倾向于将大约 10 英寸以上的屏幕视为同一事物的简单更大或更小版本，因此您应该以相同的方式对待您的 UI。不要为较小的屏幕显着改变它。相反，您需要找到一种方法让它变大或变小，让用户觉得他们有更多的工作空间。使用相同的旧 UI。

文本编辑器就是一个很好的例子。文档窗口变大，可以编辑文档的空间也变大了，但实际界面还是一成不变。