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 |
應用程序列表圖標是用於Windows Phone 7的程序列表，即從首界面右上角的箭頭點擊進入的程序列表中所顯示的圖標。對於該圖標，你可以做成透明背景的。但是遺憾的是，在這里它顯示出來的背景是灰色而不是你想象中的主題中設置的Accent顏色。此問題目前不知道是Bug還是By Design，所以這里使用透明背景與否根據您自己的需要來設定。
對於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還支持更多的尺寸。
Cycle 模板
Cycle Tile可以循環顯示最多9張圖片。
Iconic 模板
Iconic Tile更接近於Windows Phone的設計理念。
原文地址：http://www.cnblogs.com/Yukang1989/archive/2012/11/22/2783142.html