Germán Castaño envió un nuevo contenido a Laneros.com
Cream mockups gratis para tus websites o apps con estas herramientas online
Cuando estás desarrollando un sitio web o una app, es muy común que requieras elementos gráficos que muestren la interfaz de usuario para fines explicativos o simplemente para marketing. A veces tiene mucha más presentación ver una captura de pantalla de tu proyecto sobre un ambiente real y no solo como una imagen puesta en una plantilla de un dispositivo. Pero ponerse a tomar fotos de alguien con tu software en la pantalla no siempre es práctico y requiere bastante tiempo.
Afortunadamente existen herramientas en línea que de manera gratuita te permiten generar esto mockups o prototipos como se les conoce normalmente. Para ello requieren una captura de pantalla de tu app o sitio web y algunos pueden simplemente tomar una URL y generarán la imagen de allí.
Les comparto 3 opciones que uso normalmente y que me han sido de mucha utilidad para artículos y presentaciones.
SmartMockups
[caption id="attachment_6411" align="alignleft" width="300"]
Mockup generado con SmartMockups[/caption]
Esta es una muy buena opción y les permitirá generar mockups para desktop, laptop, tablet, smartphone y smartwatch. Permite generar el mockup de una URL lo cual es muy util para ilustrar websites en operación. Pueden descargar gratis imágenes en 4 tamaños.
Magic Mockups
[caption id="attachment_6413" align="alignleft" width="300"]
Mockup generado con Magic Mockups[/caption]
Les permitirá generar mockups gratis las mismas plataformas que SmartMockups y también permite generación desde URL. Ofrece 3 tamaños para descarga y otros para los que sugiere donación.
Dunnnk
[caption id="attachment_6417" align="alignleft" width="300"]
Mockup generado con Dunnnk[/caption]
Esta herramienta es un tanto más básica que las anteriores, ofrece mockups para plataformas similaroes pero cuenta con otros diseños de mockups. Para generarlos exige cargar la imagen de una captura de pantalla y solo ofrece un tamaño para descarga.
Espero les sean de utilidad estas herramientas. Hay diferentes sitios que ofrecen plantillas para Photoshop pero estas son bastante prácticas si no se tienen habilidades con editores gráficos o si no se tiene mucho tiempo para generar las imágenes para una presentación. Si bien pueden apoyarse en una edición gráfica posterior para bajar brillos o adicionar otros efectos o componentes gráficos, los resultados son bastante buenos para presentar con una buena estética sus website o apps.
Si conocen otras, los invito a compartirlas en los comentarios.
Continúa leyendo en nuestra sección de Noticias
Cream mockups gratis para tus websites o apps con estas herramientas online
Cuando estás desarrollando un sitio web o una app, es muy común que requieras elementos gráficos que muestren la interfaz de usuario para fines explicativos o simplemente para marketing. A veces tiene mucha más presentación ver una captura de pantalla de tu proyecto sobre un ambiente real y no solo como una imagen puesta en una plantilla de un dispositivo. Pero ponerse a tomar fotos de alguien con tu software en la pantalla no siempre es práctico y requiere bastante tiempo.
Afortunadamente existen herramientas en línea que de manera gratuita te permiten generar esto mockups o prototipos como se les conoce normalmente. Para ello requieren una captura de pantalla de tu app o sitio web y algunos pueden simplemente tomar una URL y generarán la imagen de allí.
Es importante seleccionar los mockup de acuerdo a su website o app, para evitar por ejemplo mostrar una app de android sobre un mockup de iphone
Les comparto 3 opciones que uso normalmente y que me han sido de mucha utilidad para artículos y presentaciones.
SmartMockups
[caption id="attachment_6411" align="alignleft" width="300"]
Mockup generado con SmartMockups[/caption]Esta es una muy buena opción y les permitirá generar mockups para desktop, laptop, tablet, smartphone y smartwatch. Permite generar el mockup de una URL lo cual es muy util para ilustrar websites en operación. Pueden descargar gratis imágenes en 4 tamaños.
Magic Mockups
[caption id="attachment_6413" align="alignleft" width="300"]
Mockup generado con Magic Mockups[/caption]Les permitirá generar mockups gratis las mismas plataformas que SmartMockups y también permite generación desde URL. Ofrece 3 tamaños para descarga y otros para los que sugiere donación.
Dunnnk
[caption id="attachment_6417" align="alignleft" width="300"]
Mockup generado con Dunnnk[/caption]Esta herramienta es un tanto más básica que las anteriores, ofrece mockups para plataformas similaroes pero cuenta con otros diseños de mockups. Para generarlos exige cargar la imagen de una captura de pantalla y solo ofrece un tamaño para descarga.
Espero les sean de utilidad estas herramientas. Hay diferentes sitios que ofrecen plantillas para Photoshop pero estas son bastante prácticas si no se tienen habilidades con editores gráficos o si no se tiene mucho tiempo para generar las imágenes para una presentación. Si bien pueden apoyarse en una edición gráfica posterior para bajar brillos o adicionar otros efectos o componentes gráficos, los resultados son bastante buenos para presentar con una buena estética sus website o apps.
Si conocen otras, los invito a compartirlas en los comentarios.
Continúa leyendo en nuestra sección de Noticias
