【问题标题】:Windows Phone 8 Startscreen Tile sizes and marginsWindows Phone 8 Startscreen Tile 大小和边距
【发布时间】:2012-10-02 00:13:00
【问题描述】:

我想知道是否有人知道新的 Windows Phone 8 开始屏幕(480x800)的精确测量值,即边距(顶部、左侧和右侧,瓷砖之间)和所有三种不同瓷砖尺寸的边缘长度。

【问题讨论】:

  • windowsphone.com 的截图来看,小尺寸的瓷砖是正常尺寸的 1/4,而大瓷砖是普通瓷砖的两倍。无论瓷砖大小,边距始终相同。
  • 是的,但边距和大小到底是多少? ;-) 新开始屏幕上的“正常”图块比 wp7.5 中的大得多,因为屏幕右侧的边距要小得多。

标签: windows-phone windows-phone-8


【解决方案1】:

对于 720p (1280×720)WXGA (1280×768)

  • 大图块:691 x 336 (是的,你没看错,宽度上有一个额外的像素)
  • 中等瓷砖:336 x 336
  • 小瓷砖:159 x 159

对于WVGA (480x800)

  • 大瓷砖:430 x 210
  • 中等瓷砖:210 x 210
  • 小瓷砖:100 x 100

对于IconicTemplate(所有分辨率)

透明图标!

  • 大图块:132 x 202 (IconImageURI)
  • 中等平铺:72 x 110 (SmallImageURI)
  • 图标:38 x 38 (DeviceLockImageURI)

对于应用程序图标

  • ApplicationIcon.png:159 x 159
  • 背景.png:173 x 173

所有数字都以像素为单位。瓷砖之间的水平边距为 10 像素。

作为一般建议,以高分辨率提供您的图块,它们将缩小大约 1.6 倍。否则你会发现你的低分辨率图块被放大了,文字看起来很模糊。

请记住,SDK 中提供的一些新的特殊磁贴模板将需要不同分辨率的图像。如果您使用常规的 FlipTemplate,以上是完整的图块大小。

奖励更新:对于应用栏图标(不要与上述内容混淆)

  • 76x76 圆圈和 42x42 图标。

【讨论】:

  • 更新了 IconicTemplate 和应用程序图标大小。
  • @ClausJørgensen 您在哪里看到 applicationicon.png 是 159x159?默认模板将它们创建为 100x100?
  • 我们的设计师在高分辨率设备上对其进行了测试,发现如果您使用 100x100,它会被放大。相反,如果您使用 159x159,它会缩小为 480x800,从而提供更好的质量。
  • 根据msdn.microsoft.com/en-us/library/windowsphone/develop/…,DeviceLockImage 应该是 38 x 38
  • 没错,我们实际上是在几周前在我们的应用程序中更新了它。原始内部文档忘记使用高分辨率数字了 ;-)
【解决方案2】:

更新:

Here's a test 具有与标志性图块一起使用的不同图像大小。

阅读克劳斯的回答,了解正确的尺寸。

旧答案:

对于 Iconic Tile 模板,720p 和 WXGA 尺寸为:

  • 小瓷砖:110 x 110
  • 中等瓷砖:202 x 202
  • 宽瓷砖:不适用

应用程序的图标大小现在为 100x100,高于之前的 62x62。

对于 Marketplace,您必须提供 300x300 的徽标。

【讨论】:

  • 抱歉,您的标志性磁贴模板和应用程序图标的编号已偏离,请参阅我更新的帖子以获取正确的编号。
  • 嗯,我直接从文档中复制了数字。我想我没有阅读最新的文档。知道 RC 和 RTM 之间的数字是否发生了变化?
  • 您的数字从来都不是正确的。 TemplateIconic 从未使用方形尺寸。高度总是大约是宽度的 1.5 倍。 WP8 的应用程序图标大小也有所增加。
  • 我对图像大小进行了一组测试,并将链接添加到我的答案中。根据测试,您提到的图像尺寸是正确的,宽瓷砖中使用的图像取决于瓷砖是否有内容。如果它有内容,则使用小图像。如果没有内容,则使用中等图片。
  • 呵呵,我确实为公司工作。如果文档有误,我可能应该向某人发送电子邮件。
【解决方案3】:

Microsoft 现已发布 Iconic 模板的正确尺寸: http://msdn.microsoft.com/en-us/library/windowsphone/design/jj662924(v=vs.105).aspx

小图标图像:

  • 推荐的“最合适”:70x110px
  • 最大图片尺寸:110x110px

图标图像:

  • 推荐的“最合适”:130x202px
  • 最大图片尺寸:202x202px

发布所需的所有其他图片及其尺寸可在以下位置找到: http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh184844(v=vs.105).aspx

和锁屏图片: http://msdn.microsoft.com/en-us/library/windowsphone/develop/jj207048(v=vs.105).aspx

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多