Las maquetas digitales son una excelente manera de mostrar su trabajo, como una nueva idea de aplicación, un nuevo logotipo o un nuevo e innovador diseño de interfaz de usuario. Pero hacer uno no es una tarea fácil y normalmente requiere conocimiento de herramientas como Photoshop e Illustrator.
Aprender estos dos es un reto en sí mismo, y nadie tiene el tiempo para mostrar su idea de aplicación a alguien en el reverso de una servilleta de papel. Los creadores de maquetas en línea son las herramientas que hacen que este proceso sea tan fácil como con unos pocos clics.
Placeit.net es uno de los generadores de maquetas en línea más populares, que ofrece una suscripción ilimitada a $29/mes.
Pero si vas a buscar en Google, la mayoría de los servicios que encuentres serán pagados. Así que hemos compilado una lista de los 10 mejores sitios web, que también utilizamos a menudo, para crear hermosas maquetas de forma gratuita.
Note: Aunque ninguno de estos sitios muestra anuncios intrusivos, se recomienda desactivar los bloqueadores de anuncios, ya que es posible que algunos de los elementos web no se carguen por completo, lo que puede provocar problemas de usabilidad.
1. Smartmockups.com
Nuestro primer pick, Smartmockups, cuenta con una gran colección de maquetas para diferentes soportes como el digital y el impreso. Puede visualizar su idea en un teléfono inteligente, una tableta, una computadora portátil, tazas, vasos, papelería e incluso camisetas.
Es necesario registrarse para utilizar el servicio, y la cuenta gratuita tiene algunos límites, como por ejemplo, restringir la personalización de la maqueta final. Ofrece herramientas básicas como Alinear, Recortar, Girar y Voltear para alterar la imagen cargada, pero no ofrece la configuración de Deslumbramiento. Otra característica agradable es que usted puede descargar las maquetas finales en alta resolución con una cuenta gratuita.
Visite Smartmockups.com
2. MockUPhone.com
El segundo sitio web de la lista no tiene una colección tan grande como la de Smartmockups, pero se especializan en una categoría. Todas las maquetas de MockUPhone tienen un fondo blanco o de color.
Permite subir imágenes locales pero no ofrece ninguna opción de edición como recortar o rotar. Así que asegúrate de subir tus imágenes después de las modificaciones necesarias.El sitio atiende principalmente a los productos de Apple y su lista de dispositivos Android no está actualizada con los últimos teléfonos inteligentes. Tanto la orientación vertical como la horizontal de las maquetas una vez generadas se envían a su correo electrónico (sí, debe proporcionar una), ya que no ofrece una descarga instantánea.
Visite MockUPhone.com
3. Mockuper.net
Mockuper ofrece principalmente maquetas de gadgets con algunos otros artículos como tarjetas de visita y algunas prendas de vestir. Proporciona más de 637 maquetas de fuentes comunitarias que contienen enlaces al creador original.
Las maquetas digitales son una excelente manera de mostrar su trabajo, como una nueva idea de aplicación, un nuevo logotipo o un nuevo e innovador diseño de interfaz de usuario.Pero hacer uno no es una tarea fácil y normalmente requiere conocimiento de herramientas como Photoshop e Illustrator.
Aprender estos dos es un reto en sí mismo, y nadie tiene el tiempo para mostrar su idea de aplicación a alguien en el reverso de una servilleta de papel. Los creadores de maquetas en línea son las herramientas que hacen que este proceso sea tan fácil como con unos pocos clics.
Placeit.net es uno de los generadores de maquetas en línea más populares, que ofrece una suscripción ilimitada a $29/mes.
Pero si vas a buscar en Google, la mayoría de los servicios que encuentres serán pagados. Así que hemos compilado una lista de los 10 mejores sitios web, que también utilizamos a menudo, para crear hermosas maquetas de forma gratuita.
Note: Aunque ninguno de estos sitios muestra anuncios intrusivos, se recomienda desactivar los bloqueadores de anuncios, ya que es posible que algunos de los elementos web no se carguen por completo, lo que puede provocar problemas de usabilidad.
1. Smartmockups.com
Nuestro primer pick, Smartmockups, cuenta con una gran colección de maquetas para diferentes soportes como el digital y el impreso.Puede visualizar su idea en un teléfono inteligente, una tableta, una computadora portátil, tazas, vasos, papelería e incluso camisetas.
(zz_5)(zz_6)
Es necesario registrarse para utilizar el servicio, y la cuenta gratuita tiene algunos límites, como por ejemplo, restringir la personalización de la maqueta final. Ofrece herramientas básicas como Alinear, Recortar, Girar y Voltear para alterar la imagen cargada, pero no ofrece la configuración de Deslumbramiento.Otra característica agradable es que usted puede descargar las maquetas finales en alta resolución con una cuenta gratuita.
5. Dunnnk.com
Antes de que empieces a imaginar tus maquetas en la camiseta de LeBron James, déjame decirte que Dunnnk no tiene nada que ver con el baloncesto. Es otro sencillo generador de maquetas que ofrece principalmente maquetas de gadgets.
La mayoría de sus maquetas están en el estilo POV con los dispositivos que se tienen en la mano. Sin embargo, la lista de dispositivos Android no está actualizada. Dunnnk sólo soporta la carga local y no ofrece herramientas de edición de imágenes. Además, las maquetas finales se pueden descargar en una sola resolución fija.
Visite Dunnnk.com
6. MockUpsJar.com
MockUpsJar, como el primero de la lista (SmartMockups), tiene una extensa colección de maquetas y sigue el modelo Freemium. Ofrecen tanto planes gratuitos como de pago. En MockUpsJar, las maquetas seleccionadas son gratuitas, y las descargas finales están marcadas con una marca de agua, pero con sensatez para no dejarlas inutilizables.
Las imágenes pueden ser cargadas localmente solamente y después de la carga pueden ser recortadas, ampliadas y rotadas según sus necesidades. Las maquetas finales se pueden descargar en una resolución de hasta 2K. Por último, es necesario registrarse para descargar cualquiera de las maquetas.
Visite MockUpsJar.com
7. Mockup.io
Mockup.io es muy diferente de los otros en la lista. Se trata más bien de una herramienta de prototipado y prototipado para aplicaciones de teléfonos inteligentes, para visualizar cómo se verán y comportarán la interfaz de usuario y el interfaz de usuario de la aplicación. Como tal, no hay teléfonos colocados en fondos bonitos, por lo que sólo se obtiene un marco de teléfono básico.
Hay abundantes características de colaboración para que los equipos trabajen juntos. Usando esta herramienta, puedes subir un montón de bocetos de diseño de tu aplicación y enlazarlos todos para mostrar cómo la navegación y la interacción funcionarán en la realidad. Esta herramienta es la mejor para aquellos que quieren mostrar una maqueta dinámica de su trabajo.
Visitar Mockup.io
8. MockDrop.io
Como uno de los sitios web más sencillos de la lista, MockDrop.io no juega con los registros, ediciones de imágenes o correos electrónicos. Sólo tiene que seleccionar una maqueta, cargar su imagen y pulsar el botón de descarga. Eso es lo más sencillo que existe. Los diseños son también uno de los mejores comparados con otros de la lista.
Las maquetas son de origen comunitario, como la mayoría de las demás en la lista, con el enlace del creador original mostrado en cada maquetas. Las maquetas finales se pueden descargar en alta resolución y la colección, como siempre, favorece a los dispositivos de Apple.
Visite MockDrop.io
9. Threed.io
Threed es el segundo creador de maquetas inusual en esta lista después del sitio Mockup.io. Threed es un generador de maquetas en 3D, en el que se le ofrece un único modelo en 3D similar a un iPhone de un smartphone.
Puede arrastrar, girar, ampliar, cambiar los ángulos de la cámara, seleccionar el deslumbramiento de la pantalla y muchas otras cosas para tener una mejor idea de cómo se verán sus diseños en un dispositivo real. El generador es suave y fácil de entender.
Visite Threed.io
10. Mockup.photos
El último en nuestra lista es Mockup.photos, un sitio gratuito que también ofrece muestras gratuitas en forma de maquetas selectas. Hay alrededor de 380 maquetas gratuitas que incluyen una mezcla de teléfonos inteligentes, tabletas, computadoras portátiles, marcos de fotos, y más.
El sitio le permite subir imágenes localmente o desde una URL. No hay opciones de edición de imágenes para las imágenes cargadas, y la maqueta final puede ser descargada en una sola resolución de alta resolución. La actualización a su plan de pago le da acceso a más de 900 maquetas y algunas otras características también.
Visite Mockup.photos
Dispositivos compatibles
Para su comodidad, he creado una práctica tabla de comparación a continuación para entender qué sitio web es compatible con qué tipo de dispositivos.
SmartMockups es el único servicio que soporta todo tipo de dispositivos digitales así como el medio de impresión.
Cosas para tener en cuenta
Después de revisar la lista anterior, debes haberte dado cuenta de que el proceso de hacer una maqueta es sólo cuestión de unos pocos clics. Pero aún así, hay pocas cosas a considerar si desea una maqueta que es mejor que sólo bueno. La primera es la resolución de la imagen que subes. Todas las maquetas suelen mostrar la resolución requerida/apoyada, y es mejor atenerse a la resolución sugerida, así como a la relación de aspecto, para obtener los mejores resultados.
El segundo es el contraste y la combinación de colores. Elija una maqueta con un fondo que no coincida con el esquema de color prominente de su imagen. Esta imagen de prueba le ayudará a visualizarlo.
Note: Si quieres saber más sobre Color Matching, esta guía de Lifehacker.
Además, si la imagen que cargue no es de alta resolución, absténgase de descargar una versión de muy alta resolución de la maqueta final, ya que no acentuará su trabajo.
Por último, como todos estos sitios ofrecen sus servicios gratuitamente sin mostrar anuncios intrusivos, considere la posibilidad de donar o, en el caso de los sitios freemium, suscribirse sólo por un mes para ayudarlos.Si te encuentras con otros sitios tan geniales para hacer maquetas, compártelos con nosotros en los comentarios.