[WP7] Windows Phone 7 et les icônes

Dans cet article nous allons faire le point sur les besoins en illustrations et en icônes d’une application Windows Phone 7.
Pour rappel, vous trouverez un fichier .PSD regroupant les éléments de l’interface dans cet article : https://onefor4.wordpress.com/2010/09/17/wp7-panorama-du-designer-au-developpeur/

Vis-à-vis des icônes officielles – notamment celles qu’on peut retrouver dans les ApplicationBar – un pack a longtemps été disponible au téléchargement à cette adresse : http://go.microsoft.com/fwlink/?LinkId=187311 mais il est maintenant installé par défaut avec vos tools WP7. Vous le trouverez sur votre disque dur à l’emplacement : C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.0\Icons\

Parlons maintenant des illustrations dont a besoin votre application. Notamment l’icône dans la liste des applications, celle que l’on peut placer sur la page d’accueil et la splashcreen.

icones dans le projet

ApplicationIcon.png : Fichier png en 62*62. Correspond à l’illustration dans le menu des applications
Background.png : Fichier png en 173*173. Correspond à l’illustration sur la page d’accueil.
SplashScreenImage.jpg : Attention fichier jpeg ! C’est la page qui s’affichera lors du lancement de votre application.

Attention, dans le cas où vous avez bien ces fichiers dans votre projet et que certains ne s’affichent pas, pensez à bien mettre la Build Action sur « Content« .

Propriété Content

Lors de l’ajout sur le Marketplace. Il vous sera demandé :
– Une illustration png en 173*173
– Une illustration png en 99*99 pour le marketplace mobile
– Une illustration png en 200*200 pour le marketplace pc
– Au moins une impression écran png en 480*800 de votre application

Optionnellement vous pouvez ajouter 7 impressions écran de plus et une image png en 1422*800 pour les campagnes de pub sur le background du panorama du marketplace (l’image de fond qu’il y a quand vous vous rendez sur le marketplace depuis votre téléphone).

Par JC VASSELON

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s