Come creare modelli di design di alta qualità utilizzando Mockdrop

Per quelli di noi nel arena di design e blog, i prototipi 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 prototipi. Il sito Web contiene molti modelli che dovrebbero soddisfare le esigenze di una vasta gamma di utenti.

Come funziona

Visitando Mockdrop, noterai diversi modelli di mockup con vari tipi di dispositivi come basi. È possibile creare smartphone, laptop, desktop,

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, per una migliore idea dell'aspetto.

Quando hai deciso il modello che desideri utilizzare, fai clic su di esso e verrà fatto esplodere. Dovresti quindi fare clic sull'area dello schermo e ti sarà permesso di sfogliare il tuo computer per il file di tua scelta che desideri caricare e con cui generare il tuo mockup.

In alternativa, puoi semplicemente trascinare e rilasciare l'immagine che preferisci sul modello di tua scelta per caricare l'immagine che preferisci.

Il prodotto finale dovrebbe avere un bell'aspetto come nell'esempio qui sotto poiché i modelli di base di Mockdrop sono davvero molto attraenti.

Nota: L'autore del sito web ci assicura che le immagini trovate lì sono libere di usare, tuttavia, non dovresti rivenderle.

Notare che: Mockdrop richiede un browser più recente per funzionare correttamente. È compatibile con le ultime versioni di Chrome, Safari e Firefox.

Conclusione

Nel complesso Mockdrop funziona abbastanza bene e noto solo un problema leggermente fastidioso con il sito web. Quando fai clic su un'immagine per visualizzare una versione ingrandita, facendo clic lontano da quell'immagine non viene restituito il sito nella sua forma originale e da questo punto posso solo cliccare su altre immagini visibili e vederle ingrandite versioni. Se desidero tornare alla visualizzazione normale, devo puntare nuovamente il mio browser alla pagina principale di Mockdrop.

Ciò non ostacola molto 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 le immagini di design su un Mac con Lingo