WP8下一些图片图标的常识(菜鸟篇)

1.准备阶段:一些常识的了解

 

SytemTray(Status Bar)

  • 竖直时32px
  • 水平时72Px

Application Bar

  • 收起时72Px
  • 展开时依赖菜单项数目

PhoneApplicationPage

  • 800*480 Px 有效区域除去SyatemTray和ApplicationBar占据的空间

ApplicationBarIconButton

  • 居中显示
  • 最多4个(这里时不破坏AppBar的情况下)
  • 图片大小48*48,白色前景,透明背景
  • 避免使用GoBack

ApplicationBarMenuItem

  • 不要超过5项
  • 避免过长文字
  • 文字自动切换为小写

 2 开发阶段:在开发你的应用程序的时候,你最少需要准备3个图标/图片。这三个图片在你建立Windows Phone 7的工程后都会自动生成默认的图片,你需要用自己的图片来替换它们。【引用WP7 Dev】

用途 示例文件名 大小 类型
应用程序列表图标 ApplicationIcon.png 62X62 png
Tile背景 Background.png 173X173 png
程序启动画面 SplashScreenImage.jpg 800X480  

 

image应用程序列表图标是用于Windows Phone 7的程序列表,即从首界面右上角的箭头点击进入的程序列表中所显示的图标。对于该图标,你可以做成透明背景的。但是遗憾的是,在这里它显示出来的背景是灰色而不是你想象中的主题中设置的Accent颜色。此问题目前不知道是Bug还是By Design,所以这里使用透明背景与否根据您自己的需要来设定。

 

 

image对于Tile背景来说它是用户将你的程序固定到首界面之后所展现的那个大图标。如果这个图片你使用了透明色,它会使用系统主题中所设置的Accent颜色来填充你的透明部位(如右侧Marketplace)。这里需要注意的是,你的这张图片其实只是Tile的背景。也就是说Tile上面显示的程序的名称(例如这里的HelloPhone)和通过PushNotification推送过来的数字(例如短信数量等等)都是浮现在你的图片的上一层。所以,在你的图片上千万不要自行画上你的程序的名称或者数字。

 

 

程序启动画面是当你的程序启动的时候所展现的一个图片,所以通常你可以把它替换成符合自己产品特色的一些Logo图片或者是和自己的程序启动后用户所看到的第一个界面所类似的图片。

3。提交阶段:当你的程序开发完毕要把它提交到Marketplace的时候还需要准备一些图片,用来在Marketplace中向用户展示你的应用。

 

图片类型 用途 大小 类型
Tile图标(必须) 手机上的Marketplace中展现 99X99 png
Tile图标(必须) 手机上的Marketplace中展现 173X173 png
Tile图标(必须) 电脑上的Marketplace中展现(Zune桌面软件中) 200X200 png
背景图片(可选) 电脑上Marketplace展现该软件的页面的背景视图 1000X800 png

 

这里需要注意的是,尽管所有图片都要求png格式但是都不可以有透明色

3。 其他:

当你的程序中使用了全景视图的时候,可以给这些全景视图加上背景图片。需要注意的是,为了取得良好的性能这些图片高度应该为800像素,而宽度在480~1024像素之间。

 

下面是WP8 开发者预览版所支持的分辨率,及比例

分辨率

分辨率

长宽比

Delta from Windows Phone OS 7.1

缩放结果

WVGA

480 × 800

15:9

None

480 × 800

WXGA

768 × 1280

15:9

1.6x scale

480 × 800

720p

720 × 1280

16:9

1.5x scale, 80 pixels taller (53 pixels, before scaling)

480 × 853

根据不同的分辨率加载图像

[注意]这里的图像不是我们想像的所有图片.只是像背景图像,应用初始化图.

由于分辨率的比例不同.我们需要做一些适配的工作.至于其他的如瓦片,应用图标.我们只需要按着WXGA的分辨率做一套就可以了.系统会自动缩放合适的大小.

下面是按着WXGA分辨率的一套图片大小:

Tile

size

WXGA

App list

 

100 × 100

Flip and Cycle

Small

159 × 159

Flip and Cycle

Medium

336 × 336

Flip and Cycle

Large

691 × 336

Iconic

Small

105 × 105

Iconic

Medium

138 × 138

Iconic

Large

N/A

 其他的和WP7.5类似,没有多少变化;详细介绍三种磁体片:

Tile 模板

Filp 模板

Flip Tile是一个能前后翻转的Tile,它继承于WP OS7.1上的Tile,所以与WP OS7.1上的Tile最为类似,只不过在WP8上Flip Tile还支持更多的尺寸。

Wp8 tile sample 1.jpg

Cycle 模板

Cycle Tile可以循环显示最多9张图片。

Wp8 tile sample 2.jpg

Iconic 模板

Iconic Tile更接近于Windows Phone的设计理念。

Wp8 tile sample 3.jpg

 

原文地址:http://www.cnblogs.com/Yukang1989/archive/2012/11/22/2783142.html

posted @ 2013-02-04 22:30  周宏伟  阅读(3477)  评论(0编辑  收藏  举报