2012-10-11 11 views
26

Mi chiedevo se qualcuno conosce le misurazioni esatte del nuovo Windows Phone 8 Startscreen (per 480x800), cioè margini (in alto a sinistra & a destra, tra le tessere) e la lunghezza del bordo di tutti tre diverse dimensioni di piastrelle.Windows Phone 8 Startscreen Dimensioni e margini delle piastrelle

+0

Dallo screenshot su http://www.windowsphone.com sembra che le piastrelle di piccole dimensioni sono 1/4 del dimensione normale, e le tessere grandi sono il doppio della tessera normale. e i margini sono sempre gli stessi, indipendentemente dalle dimensioni della piastrella. – Marco

+0

sì, ma quali sono esattamente i margini e le dimensioni? ;-) Le tessere "normali" nella nuova schermata iniziale sono molto più grandi di quelle in wp7.5, poiché c'è molto meno margine sul lato destro dello schermo. – Thomas

risposta

70

Per 720p (1280 × 720) e WXGA (1280 × 768):

  • Grande Tile: 691 x 336 (sì, non state leggendo male, c'è un ulteriore pixel sulla larghezza)
  • Piano Tile: 336 x 336
  • Piccolo mattonelle: 159 x 159

Per WVGA (480x800):

  • Grande Tile: 430 x 210
  • Media Tile: 210 x 210
  • Piccolo Tile: 100 x 100

Per IconicTemplate (Tutto risoluzioni):

Icone trasparenti!

  • Grande Tile: 132 x 202 (IconImageURI)
  • Media Tile: 72 x 110 (SmallImageURI)
  • Icon: 38 x 38 (DeviceLockImageURI)

per Icone applicazioni

  • ApplicationIcon.png: 159 x 159
  • background.png: 173 x 173

Tutti i numeri sono in pixel. Il margine orizzontale tra le tessere è 10 px.

Come consiglio generale, fornire le tessere in alta risoluzione e verranno ridotte di circa il fattore 1.6. In caso contrario, le tue tessere a bassa risoluzione verranno ridimensionate e il testo apparirà molto sfocato.

E ricorda che alcuni dei nuovi modelli di tessere speciali disponibili nell'SDK richiedono diverse immagini di risoluzione. Quanto sopra è la dimensione totale delle piastrelle, se usi un FlipTemplate normale.

Bonus Update: Per App Bar Icons (da non confondere con quanto sopra)

  • 76x76 42x42 cerchio con le icone.
+0

grazie mille! – Thomas

+3

Aggiornato con le icone IconicTemplate e Application Icon. –

+1

@ ClausJørgensen Dove hai visto che applicationicon.png è 159x159? Il modello predefinito li crea come 100x100? – bkaid

9

Aggiornamento:

Here's a test con differenti formati di immagine utilizzati con le piastrelle iconici.

Leggere la Claus 'risposta per le dimensioni corrette.

Vecchia risposta:

Per la mattonelle modello iconico il 720p e formati WXGA sono:

  • Piccolo Tile: 110 x 110
  • Media Tile: 202 x 202
  • largo delle mattonelle: N/A

La dimensione dell'icona dell'applicazione è ora 100x100, in aumento rispetto al precedente 62x62.

Per il Marketplace è necessario fornire un logo 300x300.

+0

Ci scusiamo, i tuoi numeri per il modello di tessere iconico e le icone delle applicazioni sono lontane, guarda i miei post aggiornati per i numeri corretti. –

+0

Hmm, ho copiato i numeri direttamente dalla documentazione. Suppongo che non stavo leggendo i documenti aggiornati. Qualche idea se i numeri cambiano tra RC e RTM? –

+0

I tuoi numeri non sono mai stati corretti. TemplateIconic non ha mai usato dimensioni quadrate. L'altezza era sempre circa 1,5 volte maggiore della larghezza. E le dimensioni delle icone dell'applicazione sono state aumentate anche per WP8. –

1

Microsoft ha ora pubblicato le dimensioni corrette per il modello Iconic: http://msdn.microsoft.com/en-us/library/windowsphone/design/jj662924(v=vs.105).aspx

SmallIconImage:

  • consigliato “best fit”: 70x110px
  • immagine max formato: 110x110px

IconImage:

  • consigliato “best fit”: 130x202px
  • immagine max formato: 202x202px

Tutte le altre immagini e le loro dimensioni necessarie per la pubblicazione sono disponibili all'indirizzo: http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh184844(v=vs.105).aspx

e l'immagine della schermata di blocco: http: // msdn.microsoft.com/en-us/library/windowsphone/develop/jj207048(v=vs.105).aspx