Guía básica para realizar Mockups

SUSANN IBARRA

GUÍA BÁSICA PARA REALIZAR MOCK UPS CON ENFOQUE ESPECIAL EN LA RED SOCIAL DE MOMENTO: INSTAGRAM

ANTES DE EMPEZAR...

¿Qué es un Mock Up y para que sirve?

Un mock up, del inglés “maqueta”, es la representación del comportamiento de un logotipo, diseño, u otra creación sobre un soporte real.

Una de las ventajas de los Mock Ups es que nos ayuda a reducir en gastos, ya que puedes ahorrar en impresión y montaje. Además, nos puede ahorrar horas de trabajo, es una forma que facilita a los clientes la toma de una decisión al ver un diseño plasmado en un soporte real.

En esta guía te enseñaremos paso a paso a diseñar Mock Ups para la red social del momento Instagram por medio del siguiente sitio web: http://admocks.adparlor.com.

PASO 1: INGRESA

AL

SITIO WEB

Por medio de tu navegador ingresa en la barra de búsqueda la siguiente dirección: http://admocks.adparlor.com Una vez que hallas encendido tu computadora u ordenador portátil y hallas iniciado sesión haz click en tu navegador (Firefox, Google Chrome,Internet Explorer, Opera o Safari). Luego en la barra de búsqueda ingresa la dirección del sitio web anteriormente mencionada y luego presiona la tecla Enter o Intro de tu teclado. Después de presionar Enter te aparecerá el inicio de la página .

1

4

2

3

5

PASO 2: SELECCIONA EL TIPO DE MOCK UP QUE DESEAS En la página hay cinco formatos para publicaciones de Instagram: instalación de aplicaciones, clics del sitio web, publicación de foto, publicación de vídeo e historias .

En la barra lateral izquierda están todos los formatos a seleccionar. Para efectos de este ejemplo usaremos el formato de publicación de foto.

PASO 3: LLENA LOS ESPACIOS DE INFORMACIÓN Una vez que hayas seleccionado el formato te aparecerán casillas para llenarlas con la información requerida. A continuación explicaremos lo que debes poner en cada una.

En este campo debes colocar la información de tu marca o producto. El icono de la imagen es para poner el logo de tu marca. Y Accont Name se refiere a que pongas el nombre de tu cuenta en Instagram. Por último el botón Clear es para borrar lo que hayas puesto.

En este campo debes colocar la imagen de tu producto o servicio. El tamaño recomendado para las imágenes es de 1080 x 1080 pixeles. Las imáganes puedes extraerlas desde tu computadora o bien descargarlas desde un sitio web.

Sigamos...

En esta casilla nombrada llamada de acción debes escoger alguna frase que invite a los usuarios a darle click a tu publicación para saber más del producto/ servicio. Algunas frases que puedes escoger son: Learn more (aprende más), Shop Now (Compra ahora), Watch more (Ver más) Open Link (Abrir link), Install Now (Instalar ahora), etc.

En esta casilla debes colocar la cantidad de "me gusta" que crees que va a tener tu publicación.

En este campo debes colocar el mensaje de tus publicaciones. El mensaje debe ser corto e interesante, en esta página se recomienda que el número máximo de caracteres sea de 90. Los caracteres se componen de las letras, espacios y signo de puntuación de un idioma.

A continuación veremos un ejemplo con las casillas llenas.

EJEMPLO

En este caso usaremos a la marca Apple como ejemplo para llenar las casillas de la informaciรณn.

Y finalmente después de llenar todas las casillas se generará una pre- visualización que la observaremos completa en la siguiente página...

Pre visualizaciรณn

PASO 4: DESCARGA EL MOCK UP

Presiona el botรณn "Download Mockup

Después de haber presionado el botón de descarga te aparecerá un mensaje que dice "Your download is being processed". Este mensaje significa que la descarga se esta procesando.

Cuando finalmente la carga se termine de completar te lo notificará por medio de un cheque verde y posteriormente debe aparecerte el Mock Up completo.

PASO 5: CLICK DERECHO, GUARDAR Y ยกLIST0!

Una vez que tu mock up ya se haya descargado, dale click derecho a tu computadora y presiona "Guardar como" y selecciona la ubicaciรณn donde desas guardarlo y ponle un nombre fรกcil de recordar.

Si deseas saber mรกs de como hacer mockups en este sitio web te invito a ver nuestro tutorial en el siguiente enlace: https://youtu.be/bOjO1L6suWc