Las maquetas digitales son una excelente manera de mostrar su trabajo, como una nueva idea de aplicación, un nuevo logotipo o un nuevo diseño innovador de interfaz de usuario. Pero hacer uno no es una tarea fácil y generalmente requiere conocimientos de herramientas como Photoshop e Illustrator.
Aprender estos dos es un desafío en sí mismo, y nadie tiene tiempo para mostrarle la idea de su aplicación a alguien en la parte posterior 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.
Pero si buscas en Google, la mayoría de los servicios que encuentres serán de pago. Así que hemos compilado una lista de los 10 sitios web principales, que también usamos con frecuencia, para crear hermosas maquetas de forma gratuita.
Nota: Si bien 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 genera problemas de usabilidad.
Contenido del Post
1. Smartmockups.com
Nuestra primera selección, Smartmockups, presenta una gran colección de maquetas para diferentes medios, como digital e impreso. Puede visualizar su idea en un teléfono inteligente, tableta, computadora portátil, tazas, tazas, artículos de papelería e incluso camisetas.
Se requiere registrarse para usar el servicio, y la cuenta gratuita tiene algunos límites, ya que restringe 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 configuraciones de Deslumbramiento. Otra buena característica es que puede descargar las maquetas finales en alta resolución con una cuenta gratuita.
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 liso o de color.
Permite cargar imágenes locales pero no ofrece opciones de edición como recortar o rotar. Así que asegúrese de cargar sus imágenes después de las ediciones necesarias. El sitio atiende principalmente a productos de Apple y su lista de dispositivos Android no está actualizada con los últimos teléfonos inteligentes. Tanto la orientación vertical como 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.
3. Mockuper.net
Mockuper ofrece principalmente maquetas de dispositivos con algunos otros elementos, como tarjetas de visita y algunas prendas. Proporciona más de 637 maquetas de origen comunitario que contienen enlaces al creador original.
Mockuper también es uno de mis favoritos, ya que ofrece varias opciones para editar imágenes cargadas y te permite descargar maquetas finales en diferentes resoluciones. Las imágenes de origen se pueden cargar localmente o desde una URL. Una vez cargado, puede recortar, alinear, voltear, hacer zoom e incluso elegir cómo imitar un resplandor (reflejo) en la pantalla. La interfaz de usuario del sitio también es muy fácil de entender y usar.
Consejo: Haga clic en el botón Todas las maquetas en la barra superior de la página para ver todas las 637 maquetas.
4. MagicMockups.com
MagicMockups es un generador de maquetas muy simple y tiene una colección limitada de dispositivos, principalmente iPhones. Todos los demás dispositivos, como computadoras portátiles y de escritorio, pertenecen a la familia de productos de Apple.
Pero su fuerza radica en convertir las imágenes de archivo bellamente tomadas en maquetas. Solo puede cargar imágenes localmente y el sitio no ofrece opciones de edición. Notará que el fondo de las maquetas es principalmente mesas de madera y superficies oscuras. Finalmente, este sitio no restringe las resoluciones al descargar las maquetas finales.
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 generador de maquetas simple que ofrece principalmente maquetas de gadgets.
La mayoría de sus maquetas son de estilo POV con dispositivos en la mano. Sin embargo, la lista de dispositivos Android no está actualizada. Dunnnk solo admite 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.
6. MockUpsJar.com
MockUpsJar, como el primero de la lista (SmartMockups), tiene una extensa colección de maquetas y sigue el modelo Freemium. Ofrecen planes tanto gratuitos como de pago. En MockUpsJar, las maquetas seleccionadas son gratuitas y las descargas finales tienen una marca de agua, pero con sensatez para no inutilizarlas.
Las imágenes se pueden cargar solo localmente y después de la carga, se pueden recortar, ampliar y rotar según sus necesidades. Las maquetas finales se pueden descargar con una resolución de hasta 2K. Finalmente, es necesario registrarse para descargar cualquiera de las maquetas.
7. Mockup.io
Mockup.io es bastante diferente a los demás de la lista. Es más una herramienta de maqueta de estructura alámbrica y prototipos para aplicaciones de teléfonos inteligentes, para visualizar cómo se verá y se comportará la interfaz de usuario y la experiencia de usuario de la aplicación. Como tal, no hay teléfonos colocados en fondos bonitos, por lo que solo obtiene un marco de teléfono básico.
Hay abundantes funciones de colaboración para que los equipos trabajen juntos. Con esta herramienta, puede cargar un montón de bocetos de diseño de su aplicación y vincularlos todos para mostrar cómo funcionarán la navegación y la interacción en la realidad. Esta herramienta es la mejor para aquellos que quieren mostrar una maqueta dinámica de su trabajo.
8. MockDrop.io
Como uno de los sitios web más simples de la lista, MockDrop.io no juega con suscripciones, ediciones de imágenes o correos electrónicos. Simplemente seleccione una maqueta, cargue su imagen y presione el botón de descarga. Eso es tan simple como parece. Los diseños también son uno de los mejores en comparación con otros en la lista.
Las maquetas provienen de la comunidad, como la mayoría de las demás en la lista, con el enlace del creador original que se muestra en cada maqueta. Las maquetas finales se pueden descargar en altas resoluciones y la colección, como es habitual, favorece a los dispositivos de Apple.
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 proporciona un único modelo 3D de un teléfono inteligente similar a un iPhone.
Puede arrastrar, rotar, hacer zoom, cambiar los ángulos de la cámara, seleccionar el brillo 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 fluido y fácil de entender.
10. Mockup.photos
El último de nuestra lista es Mockup.photos, un sitio freemium que también ofrece regalos en forma de maquetas seleccionadas. Hay alrededor de 380 maquetas gratuitas que incluyen una combinación de teléfonos inteligentes, tabletas, computadoras portátiles, marcos de fotos y más.
El sitio le permite cargar 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 se puede descargar solo en alta resolución. La actualización a su plan pago le brinda acceso a más de 900 maquetas y algunas otras funciones también.
Los dispositivos compatibles
Para su comodidad, he creado una práctica tabla de comparación a continuación para comprender qué sitio web admite qué tipo de dispositivos.
SmartMockups es el único servicio que admite todo tipo de dispositivos digitales, así como el medio de impresión.
Cosas a tener en cuenta
Después de revisar la lista anterior, debe haberse dado cuenta de que el proceso de hacer una maqueta es solo cuestión de unos pocos clics. Pero aún así, hay algunas cosas a considerar si desea una maqueta que sea mejor que buena. Primero está la resolución de la imagen que subes. Todas las maquetas suelen mostrar la resolución requerida / admitida, y es mejor seguir con la resolución sugerida y la relación de aspecto para obtener los mejores resultados.
En segundo lugar está el contraste y la combinación de colores. Elija una maqueta con un fondo que no entre en conflicto con el esquema de color prominente de su imagen. Esta imagen de maqueta te ayudará a visualizar eso.
Además, si la imagen que subes no es de alta resolución, evita descargar una versión de muy alta resolución de la maqueta final, ya que no acentuará tu trabajo.
Por último, como todos estos sitios ofrecen sus servicios de forma gratuita sin mostrar anuncios intrusivos, considere la posibilidad de donar o, en el caso de sitios freemium, suscribirse solo por un mes para ayudarlos. Si te encuentras con otros sitios geniales para hacer maquetas, compártelo con nosotros en los comentarios.