Progettare un’app semplice
Prototipo Keynote
In Keynote, crea un prototipo della tua app.
Tempo previsto per il completamento di questo tutorial:
40 min
Creare il prototipo Keynote.
Usa la diapositiva vuota fornita nella sezione Prototipo Keynote del Keynote di presentazione del progetto per creare il tuo prototipo. Se necessario, duplicala.
Esplorare gli strumenti di Keynote.
Scopri le funzioni di Keynote che potrebbero servirti per realizzare la tua app. Ogni sezione utilizza l’app Frasi motivazionali come esempio.
Aggiungere elementi.
Aggiungi testo, linee e forme.
Passaggio 1
Per aggiungere testo, righe o forme, tocca Forme e scegli un elemento.
Passaggio 2
Tocca File multimediale per aggiungere immagini, audio, disegni o video.
Passaggio 3
Per ridimensionare una forma o un’immagine, trascina gli angoli blu nel punto desiderato.
Passaggio 4
Tocca due volte una forma per scrivere al suo interno.
Passaggio 5
Aggiungi tutti gli elementi della tua app e ridimensionali correttamente.
Pensa a titoli, immagini e pulsanti.
Aggiungere il colore.
Modifica il colore e la trasparenza degli elementi nel prototipo.
Passaggio 1
Mostra il menu di navigazione.
Passaggio 2
Cambia lo sfondo selezionando la diapositiva e tocca Formattazione .
Passaggio 3
Tocca Sfondo e scegli un colore, un gradiente o un’immagine.
Passaggio 4
Tocca Dinamico per aggiungere uno sfondo in movimento.
Passaggio 5
Cambia il colore di una forma.
Tocca una o più forme, quindi tocca Formattazione e poi Riempimento.
Passaggio 6
Usa il cursore Opacità per regolare la trasparenza di un elemento.
Seleziona l’elemento, tocca Formattazione e trascina il cursore Opacità fino alla trasparenza desiderata.
Passaggio 7
Usa i controlli forniti per modificare lo stile del testo.
Tocca il testo per selezionarlo, quindi tocca Formattazione e poi Testo.
Passaggio 8
Continua a modificare il prototipo finché non ti soddisfa.
Rendere gli elementi interattivi.
Rendi interattivo il prototipo della tua app aggiungendo dei collegamenti tra diapositive.
Passaggio 1
Decidi se la tua app necessita di transizioni o di interattività.
Suggerimento
Per rendere interattivo il prototipo, utilizza più diapositive per aggiungere o modificare elementi.
Passaggio 2
Per aggiungere una diapositiva, toccala e poi tocca Duplica.
Passaggio 3
Per creare un link, seleziona l'elemento, quindi seleziona Link.
Passaggio 4
Scegli la destinazione del link. Può essere una diapositiva, una pagina web, un’email o un numero di telefono.
Suggerimento
Per fare in modo che il tuo prototipo si comporti come un’app, consenti solo la navigazione tramite link.
Passaggio 5
Per selezionare un tipo di presentazione, tocca il nome della tua presentazione, quindi Opzioni presentazione e infine Tipo di presentazione.
Passaggio 6
Tocca Solo link.
Passaggio 7
Aggiungi diapositive e link finché l’app non è completa. Tocca Riproduci e testa i link man mano che li aggiungi.
Passaggio 8
Tocca Riproduci e segui tutti i percorsi possibili nella tua app. Ci sono dei vicoli ciechi? In tal caso, aggiungi un link per far sì che la navigazione non si interrompa mai.
Aggiungere animazioni.
Usa le animazioni per aggiungere, migliorare o rimuovere elementi.
Passaggio 1
Per aggiungere un’animazione, tocca l’elemento che vuoi animare e seleziona Animazione.
Passaggio 2
Esplora le diverse opzioni di animazione.
Animazione in entrata aggiunge l’elemento sullo schermo.
Azione esegue un’azione.
Animazione in uscita rimuove l‘elemento dallo schermo.
Passaggio 3
Prova le diverse animazioni del menu per trovare la più adatta.
Quando hai finito, tocca Indietro .
Passaggio 4
Tocca la tua animazione e modifica le impostazioni come preferisci, quindi tocca Fine.
Suggerimento
Se hai scelto il tipo di presentazione Solo link, le animazioni saranno riprodotte solo in successione dopo una transizione.
Passaggio 5
Tocca Ordine per modificare le impostazioni dell’animazione.
Passaggio 6
Per la prima animazione, tocca Dopo la transizione.
Passaggio 7
Per tutte le altre, tocca Dopo l’animazione precedente.
Passaggio 8
Tocca Anteprima per testare le tue animazioni. Continua ad apportare modifiche finché la tua app non ha l’aspetto che vuoi e funziona correttamente.
1 di 0 Avanti :