Il modello di UI di Windows Phone 7, per le applicazioni realizzate con Siliverlight, prevede una specifica area, chiamata Application Bar nella quale possono essere piazzati fino a 4 pulsanti, con la relativa icona. Nell’SDK ci sono una trentina di queste icone, ma se volte fare le vostre icone personalizzate dovete procedere seguendo queste regole:
- L’icona deve essere un PNG trasparente
- L’icona deve avere una dimensione di 48x48 pixel
- L’icona NON deve avere il cerchio, a realizzare il cerchio e le animazioni ci pensa il sistema operativo;
- La parte visibile dell’icona deve essere bianca. Il sistema operativo provvederà a cambiare il bianco in nero in caso l’utente scelga l’impostazione con sfondo bianco, e in grigio per i pulsanti disabilitati.
- L’icona deve avere una grafica pulita, con i “fili”(strokes) di almeno 3 pixel.
Io mi sono fatto un modello in Expression Design 4 con il quale sto realizzando le icone delle mie applicazioni. Potete scaricarlo qua.
Nel template c’è il cerchio bianco che non deve essere esportato, ma serve come riferimento e come eventuale tracciato di ritaglio. Inoltre è presente un box di 47 x 47 pixel con Fill e Stroke trasparenti che serve a creare la dimensione corretta dell’icona.
Se avete richieste o chiarimenti potete scrivere nel forum italiano su Expression.