Sugerencia rápida Cómo crear maquetas de perspectiva en Sketch

Manipular los gráficos en tres dimensiones (agregar perspectiva con un punto de fuga o a lo largo de un plano isométrico) puede ser realmente útil para maquetas. En este consejo rápido usaremos un complemento llamado "Magic Mirror" para ayudarnos a crear perspectivas en Sketch.

Mira el Screencast

 

Digamos que estás trabajando en una aplicación iOS y quieres una imagen de héroe en el sitio web de alguien que sostiene un iPhone, en ángulo, mostrando la interfaz de usuario de la aplicación. Lograr esto a través de los métodos tradicionales en Sketch es rápido, así que vamos a buscar un complemento de Sketch llamado Magic Mirror para ayudarnos.

Instalar el espejo mágico

Hay un par de maneras de instalar este plugin; descargue e instale desde el sitio web, o use Sketch Toolbox para ayudarlo a administrar los complementos de manera más intuitiva.

Una vez instalado, de nuevo dentro de Sketch ir a Complementos> Magic Mirror 2> Habilitar Magic Mirror

Definir un area

Con todo configurado, ahora tiene que definir un área dentro de Sketch, seleccionarla y luego especificar una mesa de trabajo en el cuadro de diálogo Magic Mirror. El contenido de esa mesa de trabajo se reflejará en el área seleccionada. Usando nuestro ejemplo de aplicación de iOS, podríamos obtener algo como esto:

Área reflejada con artboard “iPhone 7 Plus”

Con su mesa de trabajo ahora reflejada en el área seleccionada, puede rotarla y voltearla, e incluso (en la versión pro del plugin) dictar si está en la resolución @ 1 × o @ 2 ×.

Plantillas

Un aspecto agradable de este plugin es sus plantillas. Visite el sitio web y encontrará toda una sección con las plantillas disponibles listas para su uso. Algunos de ellos requieren compra, pero la mayoría son gratuitos..

"Dispositivo y madera" es gratis

Terminando

Así es como puedes usar el complemento Magic Mirror para ayudar a crear maquetas con perspectiva. Espero que hayas encontrado esto útil, y no olvides revisar lo que está de moda en la categoría de plantillas de Sketch en Themeforest!

Elige entre alrededor de 100 plantillas de croquis en Themeforest

También: Placeit

Placeit es un generador de maquetas; una herramienta en línea que le permite incrustar sus propios diseños (ya sean diseños de interfaz de usuario, logotipos, otros activos de marca) en los entornos de presentación. Por ejemplo, podría tener un diseño de aplicación que le gustaría colocar dentro de un iPhone en una mesa de centro, o superponer su logotipo en la camisa de un modelo. 

iPhone X Mockup

Tal vez incluso le gustaría ver sus diseños incrustados en los videos de stock (en serio, debe mirar los videos). Con casi 3,000 plantillas y contando, Placeit seguramente tendrá lo que estás buscando.

Lectura útil

  • Complementos, recursos y regalos para darle vida al boceto
  • Consejo rápido: Cómo usar los símbolos actualizados de Sketch
  • Más de 10 complementos de Sketch para mejorar el flujo de trabajo de diseño
  • Plantillas de croquis en Themeforest
  • Foto de iPhone por Alejandro Escamilla en Unsplash.