问题描述
场景:您需要在不同的屏幕上显示相同的应用程序 - 假设标准 15''-17'' 便携式 10'' 和移动 4'',可能在不同的分辨率下工作.
Scenario:You need to expose the same app on different screens - let's say a standard 15''-17'' a portable 10'' and a mobile 4'', possibly working on different resolutions.
问题:您是否尝试使用根据可用空间重新排列的流动布局,还是滚动 N 个(每个范围一个)单独的 UI 层,针对每个特定支持的分辨率/屏幕尺寸进行优化.
Question:Do you attempt to go for a liquid layout that gets rearranged depending on the real estate available or do you roll N (one for each range) separate UI layers, optimized for each specific supported resolution/screen-size.
此类问题的行业标准是什么?
What's the industry standard on this kind of problems?
提出非常巧妙的布局将屏幕划分为优先区域,当屏幕以一种或另一种方式调整大小时,这些布局将消失/返回,这是否有意义?
Does it make sense to come up with very trick layouts partitioning the screen in priority areas that will go away /come back when the screen gets resized one way or the other?
我们都知道 iPhone 应用程序(或任何其他掌上设备)不可能与桌面版本完全相同,所以 我假设在这种情况下(4 英寸或更少)您将被迫推出不同的用户界面,但是是否有一个中间立场(假设在 13'' - 7'' 屏幕之间,后者需要手指作为主要输入),选择液体布局是否有意义?
We all know iPhone apps (or any other palm device) can't be nothing like the desktop version, so I am assuming in that case (4'' or less) you're forced to roll different UIs, but is there a middle ground (let's say between 13'' - 7'' screens, with the latter requiring fingers as primary input) where it makes sense to go for the liquid layout?
推荐答案
您似乎已经决定移动设备需要单独的 UI,我支持这一点.用户与这些设备交互的方式是如此不同,以至于您需要以特定的方式来考虑它们.
You seem to have already decided that a seperate UI is needed for mobile devices and I support this. The way the user interacts with these devices is so different that you need to think of them in a specific way.
对于其他屏幕尺寸,我认为需要从用户的角度来处理.如果用户以不同的方式与屏幕交互,那么您需要单独的界面.但是,根据我的经验,用户倾向于将大约 10" 以上的屏幕视为同一事物的更大或更小的版本,因此您应该以相同的方式对待您的 UI.不要为较小的屏幕大幅改变它.相反,您需要找到一种方法来增加或缩小它,让用户觉得他们有更多的工作空间.使用相同的旧 UI.
For other screen sizes I think they need to be approached from a users perspective. If the user interacts with the screens in different ways then you need seperate interfaces. However in my experience users tend to look at screens from about 10" upwards as simply bigger or smaller versions of the same thing, and so you should treat your UI in the same way. Don't change it dramatically for smaller screens. Instead you need to find a way for it to grow or shrink in such a way that the user feels that they have more space to work in. with the same old UI.
文本编辑器就是一个很好的例子.文档窗口变大了,有更多的空间可以编辑文档,但实际界面保持静止.
Text editors are a prime example of this. The document window grows bigger, there is more space for documents to be edited in, but the actual interface stays pretty static.
这篇关于如何在不同的分辨率/屏幕上提供相同的应用程序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!