Les captures de pantalla són una part essencial de la presentació de la teva aplicació a l'App Store. Aquestes imatges no només mostren la funcionalitat de l'aplicació, sinó que també poden influir en la decisió dels usuaris de descarregar-la. En aquesta secció, aprendrem com crear captures de pantalla efectives i atractives utilitzant Xcode.
- Requisits de les Captures de Pantalla
Abans de començar, és important conèixer els requisits de les captures de pantalla per a l'App Store:
- Resolució: Les captures de pantalla han de tenir una resolució específica segons el dispositiu (iPhone, iPad, etc.).
- Format: Les imatges han de ser en format PNG o JPEG.
- Quantitat: Pots carregar fins a 10 captures de pantalla per a cada dispositiu.
- Preparant l'Entorn
2.1. Configurant el Simulador
Per capturar pantalles, utilitzarem el simulador d'Xcode. Segueix aquests passos per configurar-lo:
- Obre Xcode i el teu projecte.
- Selecciona el dispositiu desitjat al menú de dispositius del simulador.
- Assegura't que l'aplicació estigui en l'estat desitjat per a la captura.
2.2. Executant l'Aplicació
- Executa l'aplicació al simulador prement el botó de "Play" o utilitzant la drecera de teclat
Cmd + R
. - Navega fins a la pantalla que vols capturar.
- Capturant les Pantalles
3.1. Utilitzant el Simulador
- Amb l'aplicació en execució al simulador, selecciona
File
>New Screenshot
o utilitza la drecera de teclatCmd + S
. - La captura de pantalla es guardarà automàticament a l'escriptori.
3.2. Utilitzant Xcode
- Amb l'aplicació en execució, obre la finestra de dispositius i simuladors (
Window
>Devices and Simulators
). - Selecciona el simulador en ús.
- Fes clic al botó de captura de pantalla a la part inferior de la finestra.
- Editant les Captures de Pantalla
Després de capturar les pantalles, és possible que vulguis editar-les per afegir anotacions, marcs de dispositiu o altres elements visuals. Pots utilitzar eines com Preview, Photoshop o altres editors d'imatges.
4.1. Afegint Anotacions
- Obre la captura de pantalla amb Preview.
- Utilitza les eines d'edició per afegir text, fletxes o altres anotacions.
4.2. Afegint Marcs de Dispositiu
- Utilitza eines com
MockUPhone
oAppLaunchpad
per afegir marcs de dispositiu a les teves captures de pantalla. - Carrega la captura de pantalla i selecciona el marc desitjat.
- Carregant les Captures de Pantalla a l'App Store Connect
5.1. Accedint a l'App Store Connect
- Obre
App Store Connect
i inicia sessió amb el teu compte de desenvolupador. - Selecciona la teva aplicació.
5.2. Carregant les Imatges
- A la secció de "Media Manager", selecciona el dispositiu corresponent.
- Arrossega i deixa anar les captures de pantalla a les ranures disponibles.
- Millors Pràctiques
6.1. Mostra les Funcionalitats Clau
- Assegura't que les captures de pantalla mostrin les funcionalitats més importants de l'aplicació.
- Utilitza imatges que siguin representatives de l'experiència de l'usuari.
6.2. Utilitza Text Descriptiu
- Afegeix text descriptiu a les captures de pantalla per destacar les característiques clau.
- Utilitza un llenguatge clar i concís.
6.3. Mantén la Coherència Visual
- Assegura't que totes les captures de pantalla tinguin un estil visual coherent.
- Utilitza la mateixa paleta de colors i tipografia.
- Exercici Pràctic
Objectiu
Capturar i editar una sèrie de captures de pantalla per a una aplicació fictícia de notes.
Passos
- Configura el simulador per a un iPhone 12.
- Executa l'aplicació de notes i navega fins a la pantalla principal.
- Captura una pantalla de la llista de notes.
- Captura una pantalla de la vista de detall d'una nota.
- Edita les captures de pantalla per afegir anotacions que descriguin les funcionalitats.
- Afegeix marcs de dispositiu a les captures de pantalla.
- Carrega les captures de pantalla a l'App Store Connect.
Solució
- Configura el simulador per a un iPhone 12.
- Executa l'aplicació de notes i navega fins a la pantalla principal.
- Captura una pantalla de la llista de notes utilitzant
Cmd + S
. - Captura una pantalla de la vista de detall d'una nota utilitzant
Cmd + S
. - Obre les captures de pantalla amb Preview i afegeix anotacions descriptives.
- Utilitza
MockUPhone
per afegir marcs de dispositiu. - Carrega les captures de pantalla a l'App Store Connect seguint els passos descrits anteriorment.
Conclusió
Crear captures de pantalla efectives per a l'App Store és un procés que requereix atenció al detall i una bona comprensió dels requisits visuals. Amb les eines i tècniques adequades, pots assegurar-te que les teves captures de pantalla no només compleixin amb els requisits tècnics, sinó que també atreguin i informin els usuaris potencials.
Dominar Xcode: De Principiant a Avançat
Mòdul 1: Introducció a Xcode
- Començant amb Xcode
- Entenent la Interfície de Xcode
- Creant el teu Primer Projecte Xcode
- Navegació Bàsica de Xcode
Mòdul 2: Conceptes Bàsics de Swift a Xcode
- Introducció a la Programació en Swift
- Variables i Constants
- Tipus de Dades i Operadors
- Flux de Control
- Funcions i Closures
Mòdul 3: Construint Interfícies d'Usuari
- Introducció a Interface Builder
- Dissenyant amb Storyboards
- Auto Layout i Constriccions
- Utilitzant les Previsualitzacions de Xcode
- Creant Components UI Personalitzats
Mòdul 4: Treballant amb Dades
Mòdul 5: Depuració i Proves
- Conceptes Bàsics de Depuració
- Utilitzant Breakpoints
- Proves Unitàries
- Proves d'Interfície d'Usuari
- Proves de Rendiment
Mòdul 6: Funcions Avançades de Xcode
- Utilitzant Instruments per a l'Optimització del Rendiment
- Tècniques Avançades de Depuració
- Configuracions de Compilació Personalitzades
- Scripting amb Xcode
- Integració amb Sistemes d'Integració Contínua
Mòdul 7: Desplegament d'Aplicacions
- Preparant per a la Submissió a l'App Store
- Creant Captures de Pantalla per a l'App Store
- Gestionant les Metadades de l'App Store
- Enviant la teva Aplicació
- Millors Pràctiques Post-Submissió