Modelli di mockup Android per prototipi di app

Pubblicato: 2016-08-18

Un mockup è una visualizzazione statica di un prodotto finale, sia esso un sito Web o un'applicazione mobile. Mostra la struttura delle informazioni, la combinazione di colori, la tipografia e altri elementi relativi al design del prodotto, su cui viene creato il prototipo. Se stai per avviare un'app per utenti Android, i seguenti modelli di mockup Android ti aiuteranno sicuramente a iniziare subito con il suo prototipo. Puoi utilizzare il nostro strumento Mockup Android per creare rapidamente fantastici design di app Android.

Questi esempi di mockup Android rappresentano diverse interfacce utente per varie app eseguite su sistema operativo Android. I modelli di mockup Android elencati di seguito sono progettati da esperti con Creately. Puoi semplicemente fare clic sul modello per aprirlo nell'editor per apportare modifiche in base alle tue esigenze o esportarlo come modello.

  • Modello di mockup Android del cassetto dell'app Google Nexus
  • Modello di mockup Android di una schermata di blocco
  • Modello di mockup Android di Google Maps
  • Modello di mockup Android di Google Play Store
  • Modello di mockup di Gestione notifiche Android
  • Modello di mockup Android per app di contatto
  • Modello di mockup Android di un'app Blocco note
  • Modello di mockup Android per app Photo Store
  • Nuova applicazione Android con registrazione sociale
  • Modello di mockup Android per app di calendario
  • Modello di mockup Android per app di messaggistica

Modello di mockup Android del cassetto dell'app Google Nexus

Il modello di mockup Android di seguito è progettato per Google Nexus; mostra il layout delle app in un cassetto delle app, noto anche come barra delle app. Mentre gli oggetti layout e i controlli dell'interfaccia utente sono disponibili direttamente nell'app, puoi importare i loghi dell'app da Ricerca Google o IconFinder integrato con la barra di ricerca. Fare clic sul modello per modificarlo come si desidera.

Modello di mockup Android del cassetto dell'app Google Nexus

Fare clic sull'immagine per modificarla online

Modello di mockup Android di una schermata di blocco

Ecco un esempio di mockup Android di una schermata di blocco in un telefono Samsung. Tutti i controlli dell'interfaccia utente per i dispositivi Samsung (da KitKat in poi) sono disponibili nell'app e lo sfondo della schermata di blocco può essere importato facilmente da Google. Una schermata mostra la schermata di blocco con le notifiche e l'altra mostra una sequenza di blocco dello schermo. Fare clic sull'immagine per modificare il modello online.

Modello di mockup Android di una schermata di blocco

Fare clic sull'immagine per modificarla online

Modello di mockup Android di Google Maps

Il seguente modello di mockup Android mostra l'interfaccia utente dell'app Google Maps. Puoi trovare i controlli dell'interfaccia utente, dalle mappe alle icone necessarie, per progettare app di navigazione come Google Maps in Creately. Fare clic sull'immagine per apportare modifiche o esportarla come modello.

Modello di mockup Android di Google Maps

Fare clic sull'immagine per modificarla online

Modello di mockup Android di Google Play Store

Questo modello Android mostra l'interfaccia utente di Google Play Store. Progettare un'interfaccia utente orientata all'utente come quella di Google Play Store è più facile con Creately grazie alla disponibilità di icone e controlli e alla loro capacità di autoconfigurarsi in base al contesto. Fare clic sull'immagine per iniziare la modifica.

Modello di mockup Android di Google Play Store

Fare clic sull'immagine per modificarla online

Modello di mockup di Gestione notifiche Android

Il seguente modello di mockup Android è il Notification Manager; mostra le notifiche della barra di stato in un Google Nexus 6. Fai clic sul modello per aprirlo nell'editor in modo da poter apportare le modifiche necessarie (cambiare o aggiungere icone di app, cambiare sfondo, ecc.).

Modello di mockup di Gestione notifiche Android

Fare clic sull'immagine per modificarla online

Modelli di mockup Android per app di contatto

Questo modello di mockup Android mostra l'interfaccia utente dell'app Contatti in Android Lollipop 5.1.1. I controlli dell'interfaccia utente relativi a Lollipop 5.0 e Marshmallow 6.0 sono disponibili nell'app. Che tu stia creando un'app per Android Lollipop o l'ultima versione, puoi farlo facilmente con Creately.

Modelli di mockup Android per app di contatto

Fare clic sull'immagine per modificarla online

Modello di mockup Android di un'app Blocco note

Il seguente modello di mockup per Android mostra l'interfaccia utente di un'app per prendere appunti/app per appunti. Sono stati utilizzati simboli diversi per indicare 3 tipi di note e ogni nota è stata codificata a colori per enfatizzare e attirare. La schermata a sinistra mostra l'interfaccia utente della home page e la schermata a destra mostra l'interfaccia utente della pagina delle note personali.

Puoi facilmente creare transizioni dello schermo tra più schermate dell'interfaccia utente come mostrato di seguito. Clicca sull'immagine per modificare il modello online.

Modello di mockup Android di un'app Blocco note

Fare clic sull'immagine per modificarla online

Modelli di mockup Android per app Photo Store

I 3 modelli di seguito mostrano le interfacce utente di un'app di un negozio di foto; la pagina di caricamento dell'app, la pagina di accesso e la pagina di acquisto di foto. Se preferisci un tema di colore diverso, puoi sceglierne uno dalle tavolozze di colori preimpostate nell'app o selezionarne uno manualmente. Fare clic sull'immagine per iniziare la modifica.

Modello di mockup Android di un'app Photo Store

Fare clic sull'immagine per modificarla online

Modelli di mockup Android per applicazioni con iscrizione social

Ecco l'interfaccia utente di un'app Android che consente agli utenti di accedere con i propri account di social media (Twitter, Facebook e LinkedIn). I pulsanti e le icone dei social media per creare un'interfaccia utente simile sono disponibili nell'app. Fare clic sull'immagine per esportarla come modello o modificarla online.

Nuova applicazione Android con registrazione sociale

Fare clic sull'immagine per modificarla online

Modelli di mockup Android per app di calendario

Questo è un mockup di calendario Android. Il calendario, inclusi i controlli pertinenti, sono prontamente disponibili nell'app e puoi personalizzarli utilizzando una tavolozza di colori preferita che corrisponde all'app del calendario che stai progettando. Fare clic sull'immagine per aprirla nell'editor e apportare le modifiche necessarie.

Modelli di mockup Android per app di calendario

Fare clic sull'immagine per modificarla online

Modelli di mockup Android per app di messaggistica

Questo qui è un modello di mockup Android di un'interfaccia di contatti per un'app di messaggistica. I controlli dell'interfaccia utente, come le icone dei contatti, per progettare un'app di messaggistica sono disponibili nell'app. Fare clic sull'immagine per esportare l'immagine come modello.

Modelli di mockup Android per app di messaggistica

Fare clic sull'immagine per modificarla online

Sopra elencati sono solo alcuni modelli di mockup Android disponibili in Creately. Controlla la pagina degli esempi di mockup Android per altri esempi di mockup Android. Ricordati di fare il check-in di tanto in tanto, perché aggiungiamo frequentemente nuovi esempi.

Altri modelli di diagrammi

  • Usa i modelli di diagramma di casi
  • Modelli di diagramma a lisca di pesce
  • Modelli di mappe mentali
  • Modelli di modelli di processi aziendali
  • Modelli di storyboard
  • Modelli di diagramma di rete
  • Modelli di diagramma di Venn
  • Modelli di grafici KWL
  • Modelli di struttura di ripartizione del lavoro
  • Modelli di analisi SWOT
  • Modelli di diagramma di classe
  • Modelli di diagramma ER
  • Modelli di diagramma di sequenza
  • Modelli di organigramma
  • Modelli di diagramma di Gantt
  • Modelli di diagramma di attività
  • Modelli di diagramma di distribuzione
  • Modelli di diagrammi dell'architettura AWS
  • Modelli di mock-up dell'interfaccia utente
  • Modelli Cisco
  • Modelli di mappa del sito
  • Modelli di diagramma di flusso di dati