Per quelli di noi nell’arena del design e dei blog, i mockup possono essere preziosi per mostrare progetti o esprimere idee e temi. In questo articolo, quando dico “mockup”, mi riferisco a un’immagine visualizzata nel contesto dello schermo di un dispositivo come quello del monitor di un computer o dello schermo di un telefono cellulare.
I mockup sono ottimi per dare un’idea di come apparirà un’immagine sullo schermo di un particolare dispositivo e di come apparirà da diverse angolazioni.
Oggi parleremo del sito Web Mockdrop che consente la facile generazione di mockup. Il sito Web contiene molti modelli che dovrebbero soddisfare le esigenze di una vasta gamma di utenti.
Nota: I mockup possono, ovviamente, essere creati manualmente utilizzando un software di modifica delle immagini
Come funziona
Visitando Mockdrop, noterai diversi modelli di mockup con vari tipi di dispositivi come basi. È possibile creare mockup di smartphone, laptop, desktop, smartwatch e tablet.
Durante la navigazione tra i modelli puoi scegliere di filtrarli per categoria o semplicemente scegliere di visualizzarli tutti. Facendo clic su una qualsiasi delle immagini viene visualizzata una versione ingrandita del modello, dando un’idea migliore dell’aspetto.
Quando hai deciso il modello che desideri utilizzare, fai clic su di esso e verrà fatto saltare in aria. Dovresti quindi fare clic sull’area dello schermo e ti sarà permesso di sfogliare il tuo computer per il file di tua scelta con cui desideri caricare e generare il tuo mockup.
In alternativa, puoi semplicemente trascinare e rilasciare l’immagine di tua scelta sul modello di tua scelta per caricare la tua immagine preferita.
Il prodotto finale dovrebbe risultare fantastico come l’esempio seguente poiché i modelli di base di Mockdrop sono davvero piuttosto attraenti.
Nota: Notare che:
Conclusione
Nel complesso Mockdrop funziona abbastanza bene e noto solo un problema leggermente fastidioso con il sito Web. Quando si fa clic su un’immagine per visualizzare una versione ingrandita, un clic lontano da quell’immagine non riporta il sito Web alla sua forma originale e da questo punto posso solo fare clic su altre immagini visibili e visualizzare le loro versioni ingrandite. Se desidero tornare alla visualizzazione normale devo puntare nuovamente il mio browser alla pagina principale di Mockdrop.
Ciò non ostacola notevolmente la funzionalità, ma è una di queste piccole cose che potrebbero potenzialmente darti sui nervi. L’utilizzo di Mockdrop è sicuramente un’esperienza senza problemi, che richiede letteralmente solo un paio di clic per produrre i risultati desiderati.
LEGGI ANCHE: Come organizzare gli elementi visivi del design su un Mac con Lingo
