Suggerimento rapido come creare modelli di prospettive in Sketch

Manipolare la grafica in tre dimensioni (aggiungere la prospettiva con un punto di fuga o lungo un piano isometrico) può essere davvero utile per i prototipi. In questo suggerimento rapido useremo un plugin chiamato "Magic Mirror" per aiutarci a creare punti di vista in Sketch.

Guarda lo Screencast

 

Supponiamo che tu stia lavorando su un'app per iOS e desideri un'immagine di eroe sul sito Web di qualcuno che regge un iPhone, inclinato, che mostra l'interfaccia utente dell'app. Raggiungere questo risultato con i metodi tradizionali in Sketch è molto veloce, quindi stiamo per prendere un plug-in di Sketch chiamato Magic Mirror per aiutarci.

Installa Magic Mirror

Ci sono un paio di modi per installare questo plugin; scaricare e installare dal sito Web oppure utilizzare Sketch Toolbox per semplificare la gestione dei plug-in in modo più intuitivo.

Una volta installato, torna in Sketch vai a Plugin> Magic Mirror 2> Abilita Magic Mirror

Definisci un'area

Con tutte le impostazioni, ora devi definire un'area all'interno di Sketch, selezionarla, quindi specificare una tavola da disegno all'interno della finestra di dialogo Specchio magico. Il contenuto di tale tavola da disegno verrà quindi specchiato all'interno dell'area selezionata. Usando il nostro esempio di app per iOS, potremmo ottenere qualcosa di simile a questo:

Area specchiata con tavola da disegno "iPhone 7 Plus"

Ora con la tua tavola da disegno ora specchiata nell'area selezionata puoi ruotarla e capovolgerla, e anche (nella versione pro del plugin) stabilire se è a risoluzione 1 × o @ 2 ×.

Modelli

Un aspetto interessante di questo plugin sono i suoi modelli. Visita il sito Web e troverai un'intera sezione con modelli disponibili pronti per l'uso. Alcuni richiedono l'acquisto, ma la maggior parte di essi è gratuita.

"Device and Wood" è gratuito

Avvolgendo

È così che puoi utilizzare il plug-in Magic Mirror per creare mockup con prospettiva. Spero che tu abbia trovato questo utile, e non dimenticare di controllare cosa c'è di caldo nella categoria Modelli di schizzo su Themeforest!

Scegli tra circa 100 modelli di schizzo su Themeforest

Inoltre: Placeit

Placeit è un generatore di mockup; uno strumento online che consente di incorporare i propri progetti (che si tratti di progettazioni dell'interfaccia utente, loghi, altre risorse di branding) in ambienti di presentazione. Ad esempio, potresti avere un design di app che desideri posizionare all'interno di un iPhone su un tavolino o sovrapporre il tuo logo sulla maglietta di un modello. 

iPhone X Mockup

Forse ti piacerebbe anche vedere i tuoi disegni incorporati nei video di serie (seriamente, devi dare un'occhiata ai video). Con quasi 3.000 modelli e conteggi, Placeit è sicuro di avere ciò che stai cercando.

Lettura utile

  • Plugin, risorse e omaggi per aromatizzare lo schizzo
  • Suggerimento rapido: come utilizzare i simboli aggiornati di Sketch
  • 10+ nuovi plug-in di schizzo per migliorare il flusso di lavoro di progettazione
  • Modelli di schizzo su Themeforest
  • Foto di iPhone di Alejandro Escamilla su Unsplash