10

我想知道导航栏图标是否有任何默认大小。设计师需要在哪里设计它。他们应该为视网膜和非视网膜显示器设计它。目前我正在使用从互联网下载的图像，这些图像看起来不太好。

4

4 回答 4

14

创建以下尺寸的导航栏图标：

About 44 x 44 pixels

About 22 x 22 pixels (standard resolution)

您可以在这里找到更多信息 https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

于 2014-04-22T06:03:10.413 回答
8

文档中推荐的导航栏图标尺寸如下：

@1: 25 x 25
@2: 50 x 50
@3: 75 x 75

创建三个上述像素大小的图像，然后将它们添加到 Assets.xcassets 文件中的新图像集中。

在此处输入图像描述

笔记

  • 当我尝试按照推荐的尺寸制作图标时，它们对我来说看起来太小了。我实际上让它们比那大一点。因此，以文档建议为起点，但您可能必须根据需要进行调整。
  • 第二种方法是使用单个通用矢量图像 (pdf)（参见此处和此处）。不是每个人都推荐这个，但这是我现在使用的方法。它很方便，使将来的图像编辑和调整大小更容易。
于 2015-11-16T09:47:25.583 回答
1 
 1. iPhone 5     88 / 64  px
 2. iPhone 4/4S  88 / 64 px 
 3. Retina iPad  88 px
 4. iPad Mini    44 px
 5. iPad         44 px

导航栏通常包括标题以及基本导航和操作按钮（例如返回上一视图、创建、编辑等）。在横向中，导航栏的高度通常会缩小一点（至 32pt）以允许在其下方显示更多内容。

参考链接：http: //ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

于 2014-04-22T05:57:01.077 回答
0

在此处查看 Apple 文档以了解图标和图像大小。有关更详细的 UI 图标规范，请查看此处。

于 2014-04-22T06:03:02.023 回答