mockups

Herramienta online para generar mockups 3D gratis

por

Los mockups son una de las mejores formas de presentar nuestros productos, ya sean aplicaciones, sitios web, libros digitales, o lo que se les ocurra. Hace unos días les comentaba de una genial herramienta para crear mockups fácilmente y con el diseño de muchos dispositivos, como laptops, móviles, etc.

Hoy les tengo una alternativa excelente que les permitirá crear mockups 3D, lo cual le da un estilo más sofisticado ya que podremos mostrar nuestro producto en un móvil con efecto 3D muy hermoso.

Threed_io

Es una herramienta muy fácil de usar ya que nos da casi todo digerido. Solo tenemos que elegir la imagen que queremos montar en el mockup y comenzar a ajustar las configuraciones a gusto.

Allí se puede elegir el diseño del fondo, ya sea con líneas o liso con el color que queramos. También podemos elegir el ángulo del dispositivo, si queremos que tenga reflejo o sombra, etc.

Threed.io es completamente gratuito, así que no esperen más y comiencen a crear sus mockups 3D en segundos.

Herramienta gratis para crear mockups para promocionar apps y sitios web

por

mockup

Cuando uno está por lanzar o ha lanzado una app o nuevo proyecto web necesita promocionarlo, y para ello la forma más atractiva es a través de mockups. Para los que no saben bien de qué se trata, los mockups son una especie de fotomontajes donde mostramos capturas de pantalla o diseños para ver «cómo quedarían» o «cómo es» una app.

Si sabemos un poco de diseño gráfico podemos crear los mockups nosotros mismos, pero si somos medio vagos (me inluyo) para qué vamos a hacer tanto problema si podemos usar herramientas web que nos faciliten la tarea a un par de clicks.

Mockup Generator es una herramienta web que nos permite crear mockups online de manera simple y gratis, sin saber de diseño gráfico.

Crear mockups online para mi app

El procedimiento es muy simple, lo primero es ingresar a la web e iniciar sesión.

Luego tenemos que elegir el modelo del mockup dependiendo de nuestras necesidades, ya sea Macbook, PC, Smartwatch, iPhone, iPad, Android, etc.

mockup generator

Una vez elegido el diseño pueden personalizarlo a gusto con distintas configuraciones de dispositivos, ubicaciones, fondos, y obviamente su propia captura de pantalla de la app o sitio web.

Pueden acceder a esta web desde aquí y comenzar a crear sus propios mockups.

MockUPhone: Obtén capturas de pantalla de tus diseños en dispositivos móviles

por

Screenshot_27

Una parte importante de la creación de aplicaciones móviles es su publicidad, al igual que cualquier otro producto, lo que no se promociona y se muestra públicamente no se vende, el caso de las aplicaciones móviles es muy especial, porque hay que mostrarlas en los dispositivos móviles para los cuales fue diseñada y la mejor forma de hacerlo sería con una buena fotografía del dispositivo corriendo la aplicación, pero como no todos tenemos acceso a tales comodidades existen aplicaciones como MockUPhone, que te permite obtener esas fotografías fácilmente y en tan solo unos cuántos clicks.

nexus4_angle1

MockUPhone ofrece la posibilidad de elegir un dispositivo de los 5 disponibles: iPhone 5 blanco y negro, iPad blanco y negro, iPad Mini blanco y negro, Nexus 4, Samsung Galaxy 4 blanco y negro, subir una imagen y obtener 6 imágenes del dispositivo con tu captura de pantalla, tal cual se tratará de una fotografía real.

ipadmini_white_side

 

Es recomendable subir la imagen con las dimensiones exactas de la pantalla del dispositivo que estás probando, porque ocuparán todo el espacio viéndose correctamente, tal como se vería en la vida real, si subes una imagen más grande que la pantalla del dispositivo, la aplicación le cambia las dimensiones, haciéndola más pequeña para que quepa en la pantalla.

Para obtener las imágenes es necesario que introduzcas un correo electrónico válido porque a el te llegará el enlace de descarga de las 6 capturas de pantalla en alta resolución y listas para ponerlas en la página de presentación de la aplicación o en la publicidad que estés pensando hacerle.

MockUPhone

Kit de iPhone 3D para hacer mockups

por

flat iphones kit3-27-2013 1-15-18 PM

Flat+3D es un kit de elementos de diseños de iPhones en 3D para ser utilizados en mockups.

Un recurso muy útil si estás creando una aplicación móvil y necesitas un dispositivo móvil para mostrarla en la publicidad o la página de promoción de la misma y que mejor que un flamante iPhone para hacerlo (?).

Este kit son tres archivos PSD, cada uno tiene un estilo diferente, lo que los diferencia es el ángulo del dispositivo, al interior del archivo se encuentras todas las capas del diseño, totalmente personalizables y modificables a tu antojo, hay una capa llamada «YOUR CONTENT HERE» donde debes poner la imagen que quieres que aparezca en la pantalla del iPhone.

Descargar: Flat+3D

BLOKK: Una fuente gratuita para mockups y wireframes

por

2-5-2013 7-46-34 PM

Los mockups y wireframes son modelos, maquetas o prototipos en una escala real que sirven para representar como sería el diseño final del producto o aplicación que se esté desarrollando, sirven para demostrar y evaluar el diseño por parte de los clientes o del equipo desarrollador.

Cuando se están creando los mockups siempre es necesario ocupar el diseño con imágenes o textos estándar para tener una mejor visión de lo que se está desarrollando, comúnmente se ha utilizado el texto Lorem Ipsum para ocupar texto en los diseños, pero seguramente les ha pasado que el cliente u otra persona que no lo conozca les pregunta ¿Qué dice ahí?, para evitar esto existe BLOKK una fuente totalmente gratuita para ocupar texto pero sin palabras, es decir, la fuente básicamente son cuadros negros para cada carácter para escribir en los mockups y así evitarse preguntas incómodas, la fuente además de la versión de Escritorio (.tff) trae los archivos para utilizarla en la Web directamente.

Descargar: BLOKK