iOS:按钮大小是相对的还是绝对的？

Question

我想知道有关 UI 元素大小(尤其是按钮)的 iOS UI 设计的最佳实践是什么。在我的示例中，所有按钮都基于图像，没有文本。

我看到两种方法

绝对尺寸

专业人士:

• 基于图像的按钮不需要重新缩放，避免模糊
• 界面设计器中的简单设置

缺点:

• 相对于其他 ui 元素，按钮在更大的显示器(ipad2 与 iphone 4)上看起来更小

相对尺寸

专业人士:

• 在所有显示分辨率和密度下，按钮在整个 UI 外观中看起来更好

缺点:

• 按钮可能看起来模糊
• 界面构建器约束会变得更复杂一些

我是不是忘记了什么？还是我听错了？

目前我正在设计完全相对于屏幕的用户界面。假设一个按钮的宽度为屏幕宽度的 10%，纵横比为 1:1。当用户界面完全相关时，所有设备上的一切似乎都是一致的。但我的问题是从@2x 密度按钮的场景开始的。 iphone 4 的宽度(纵向模式)为 640，而 ipad2 的宽度为 768。我应该创建宽度为 77px 还是 68px 的 @2x、10% 按钮图像？我会说 77，因为缩小比放大要好。

好吧，这引出了我的问题:

设计 UI 的最佳实践是什么？我们应该如何处理按钮的图像设计？

Answer 1

通常问题是文本被拉长了。

您可以按照以下步骤设置拉伸(stretch)区域: https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html

如果你使用渐变，拉伸(stretch)时变得模糊，你需要使用Core Graphics绘制渐变。