Windows Phone 8启动屏幕图块大小和边距

26

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


从http://www.windowsphone.com的截图来看,小尺寸的磁贴是正常尺寸的1/4,而大尺寸的磁贴是正常磁贴的两倍。而且边距始终相同,不论磁贴的尺寸如何。 - Marco
是的,但具体的边距和尺寸是多少呢?;-) 新起始屏幕上的“普通”磁贴比wp7.5中的磁贴要大得多,因为屏幕右侧的边距要小得多。 - Thomas
3个回答

70

针对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
  • Background.png: 173 x 173

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

作为一条通用建议,以高分辨率提供您的瓷砖,它们将被大约1.6倍缩小。否则,您会发现您的低分辨率瓷砖被放大,文本将看起来非常模糊。

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

额外更新:针对应用程序栏图标(不要与上面混淆)

  • 76x76圆形带有42x42图标。

3
更新了 IconicTemplate 和应用程序图标的尺寸。 - Claus Jørgensen
1
@ClausJørgensen,你在哪里看到applicationicon.png是159x159的?默认模板创建的大小是100x100。 - bkaid
1
我们的设计师在高分辨率设备上进行了测试,并发现如果您使用100x100,它会被放大。相反,如果您使用159x159,则会被缩小到480x800,这提供了更好的质量。 - Claus Jørgensen
对于磁贴和应用图标,您只需包含 WXGA 分辨率的图片。手机会自动缩放图像以适配 WVGA、720p 和 1080p 屏幕的正确大小。 - Ouadie
@Ouadie 它将图像升级,这会导致质量下降,与提供1.6(或1080p的2.25)然后让操作系统缩小图像相比。这就是数字背后的原理。 - Claus Jørgensen
显示剩余5条评论

9

更新:

这里是一个测试,用于演示带图标的磁贴所需不同尺寸的图片。

请查看Claus的回答以获取正确的尺寸。

旧回答:

对于带图标的磁贴模板,720p和WXGA的尺寸如下:

  • 小磁贴:110 x 110
  • 中等磁贴:202 x 202
  • 宽磁贴:N/A

应用程序的图标大小现在为100x100,比先前的62x62要大。

对于市场,您必须提供300x300的标志。


抱歉,您的 Iconic Tile 模板和应用程序图标的数字偏差很大,请查看我的更新帖子以获取正确的数字。 - Claus Jørgensen
嗯,我直接从文档中复制了这些数字。我想我没有阅读最新的文档。你有什么想法,RC和RTM之间这些数字是否有变化? - Mikael Koskinen
你的数字从来都不正确。TemplateIconic从未使用过正方形尺寸。高度始终比宽度大约1.5倍。此外,WP8的应用程序图标大小也已经增加。 - Claus Jørgensen
1
我运行了一组关于图像尺寸的测试,并将链接添加到我的答案中。根据测试,您提到的图像尺寸是正确的,宽磁贴中使用的图像取决于磁贴是否有内容。如果有内容,则使用小图像。没有内容,则使用中等图像。 - Mikael Koskinen
1
呵呵,好吧,我确实为公司工作。如果文档有误,我应该给某个人发送电子邮件。 - Claus Jørgensen
显示剩余2条评论

1

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

SmallIconImage:

  • 建议的“最佳适配”尺寸:70x110像素
  • 图片最大尺寸:110x110像素

IconImage:

  • 建议的“最佳适配”尺寸:130x202像素
  • 图片最大尺寸:202x202像素

发布所需的所有其他图像及其大小可在此处找到: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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接