Design App art di una GUI "screenshot" o una "tavola d'arte"? E come applicarlo all'app?

Question

1. Dovrei progettare uno "screenshot" della grafica dell'interfaccia utente della mia app?

Un esempio di "screenshot" da questo link

2. Come applicare lo "screenshot" che ho progettato in Photoshop e illustratore all'interfaccia utente grafica della mia app?

3. Dovrei progettare una "tavola d'arte" con i pulsanti, gli sfondi ecc.?

Un esempio di "tavola d'arte" da questo link

4. Dico taglio la scheda artistica alle dimensioni esatte?

5.Se qualcuno sappia di un tutorial pertinente, apprezzerò molto un link.

Penso che questa domanda sia rilevante per lo sviluppo di iPhone in quanto è una parte cruciale del processo.

Grazie.

AGGIORNARE Ho trovato un Ottimo post su come esportare da Photoshop a iPhone

Answer 1

Ecco un link a un tutorial che mi sono imbattuto che spiega i diversi modi per esportare elementi dell'interfaccia utente da Photoshop: Esportazione di elementi dell'interfaccia utente da Photoshop.

Spero che sia di aiuto!

Answer 2

1. Bene, certo. Il normale processo di progettazione è quello di produrre prima i wireframe grezzi, da cui può essere costruita l'app stessa, quindi tornare indietro e aggiungere la grafica specifica fornita dal tuo artista.
2. Usa Uibuttons con le immagini correttamente ritagliate ed esportate o come "pulsanti invisibili" sopra lo sfondo. Il comportamento simile al PC è rispondere a Uitouchupinside, ma a volte potresti voler rispondere a UItouchdown se si utilizza un pulsante invisibile (cioè un pulsante personalizzato senza immagine o titolo di testo). A seconda dell'arte, potresti voler creare immagini personalizzate per UicontrolstateHighlighted.
3. Una tavola artistica è una cosa del tempo di design; La tua carta d'arte non arriverà mai nell'app. Se vuoi usarne uno, lo fai per il tuo flusso di progettazione, non per far funzionare l'app migliore.
4. Sì. Il tuo artista dovrebbe esportare ogni singolo pulsante come proprio PNG, ovviamente nelle risoluzioni normali e @2x.

Su quello screenshot Dragon Storm che hai pubblicato, vedo: a) Un'immagine di sfondo statica b) quattro pulsanti a destra, probabilmente invisibili. Anche se i cartelli di legno per nuovi giochi e le impostazioni non sono allineati all'asse, è kosher confondere un po 'e usare immagini allineate all'asse. I tuoi pulsanti possono, ovviamente, includere un'area trasparente in modo che il cartello evidenzia il clic, ma la pietra e le catene no. C) Tre pulsanti in basso, gestiti tramite un UisCrollview collegato a un UIPageView, il che in realtà suggerisce che ci sono 12 pulsanti nella vista interna. Probabilmente va bene usare le immagini del capitolo Stone come immagini di pulsanti qui. D) Un carattere personalizzato utilizzato per visualizzare le date per ogni salvataggio

Quindi le risorse artistiche sarebbero:

• uno sfondo png
• zero, uno o due png per ciascuno dei quattro pulsanti a destra
• Uno o due PNG per ogni capitolo
• il carattere personalizzato