Las maquetas son presentaciones creativas, a menudo fotorrealistas, que muestran cómo podría verse o funcionar un diseño en el mundo real. En otras palabras, implementar cualquiera de estas 4 técnicas de maquetas profesionales permite vislumbrar el futuro: un diseño de logotipo impreso en un bolso que llevan los compradores ocasionales, una aplicación que se desplaza con una mano invisible o incluso el frente de una tienda con la marca completa. Para que sea convincente, necesita saber cómo realizar diseños profesionales. Aquí te diremos cómo hacer esto.
Aunque se componen de imágenes, los diseños son más efectivos cuando cuentan una historia. El cuidado y el detalle puestos en la historia determinarán si el público la disfrutará o la hará dormir.
Hay dos elementos que hacen que una técnica de diseño sea exitosa: la configuración creativa de la escena y la inclusión realista del diseño. Anteriormente cubrimos un tema anterior con consejos que se centraban en formular un concepto de diseño y elegir las imágenes adecuadas para contar una historia. En este artículo, describiremos brevemente los aspectos técnicos de la creación de una maqueta de su diseño utilizando los 4 métodos de maqueta más comunes.
1. Crea tu propio diseño desde cero. Maquetas
Un diseño personalizado es un diseño completamente personalizado para un diseño específico. Si desea crear maquetas únicas, le recomendamos esta técnica para lograr Mejores resultados. Dado que el propósito de un diseño es la presentación y, en última instancia, la persuasión (es decir, vender un concepto de diseño), no hace falta decir que el diseño más persuasivo es aquel que está diseñado para un cliente específico.
Pero, por supuesto, crear maquetas desde cero para cada proyecto no es el enfoque más práctico. Esto requiere mucho esfuerzo para algo que es esencialmente una presentación única. activo. Además, esto sólo es útil si el concepto de diseño es muy original; no tiene sentido perder el tiempo con todos estos problemas si el resultado no se puede distinguir de la plantilla. En última instancia, depende de usted decidir si le apasiona el proyecto o el cliente lo suficiente como para hacer un esfuerzo adicional para crear una maqueta única.
Para un diseño verdaderamente personalizado necesitarás fotografías originales. Esto le permite crear un diseño de escena que se acerca mucho más a su visión de diseño, mientras que las fotografías de archivo, por su naturaleza, están diseñadas para escenarios y escenas generales. Si tienes el equipo, la experiencia y el tiempo, puedes tomar tus propias fotografías. En este caso, debes hacer una lluvia de ideas o esbozar la escena con anticipación, de forma similar a cómo harías el guión gráfico de una película.
También podrías contratar a un fotógrafo profesional, pero este es, por supuesto, un gasto que no será práctico para todos los diseñadores; esto es más probable en el ámbito de una agencia de diseño que trabaja con clientes corporativos. Una gran alternativa es utilizar fotografías que pertenezcan al cliente: por ejemplo, el diseñador Top Level goopanic aplica su marca Academia de Artes a fotografías reales de la escuela y sus alumnos. Incluso si estas fotos no son así. alta calidadAl ser fotografías de archivo profesionales, le darán al cliente una idea más auténtica de cómo quedará finalmente su diseño.
Una vez que tenga sus fotos, necesitará utilizar un software de edición de fotografías para incorporar su diseño a la imagen. El software más común para este propósito es Adobe Photoshop, pero Affinity Photo y Gimp son alternativas confiables. Estos programas proporcionan muchas herramientas y guías para lograr resultados realistas y básicamente se reducen a lo siguiente:
- Herramientas de transformación para que el diseño coincida con la imagen.
- modos de fusión para incorporar textura de la foto original
- Capas de ajuste para trabajar con iluminación, color y contraste.
Si desea trabajar con animaciones personalizadas, utilice software de animación como After Effects: por ejemplo, puede utilizar máscaras de capa para crear animaciones de desplazamiento para aplicaciones en una foto de teléfono.
Herramientas requeridas
- Fotografía y/o equipo fotográfico.
- Software para edición de fotos (Photoshop, Foto Serif, Gimp)
- *Opcional* Software de animación (Adobe After Effects)
Расходы
- Moderado a alto
Pros
- El resultado son maquetas que son más específicas y fieles a la visión del diseñador.
- Imágenes de origen; sin marcas de agua ni necesidad de comprar licencias
Contras
- Caro y requiere mucho esfuerzo; requiere un conocimiento de software más profundo
- Ineficaz y requiere mucho tiempo
Impresión de oficina para empresas de la imprenta Azbuka.
2. Cree plantillas de diseño reutilizables. Maquetas.
–
Las plantillas de diseño personalizadas son diseños que los diseñadores crean ellos mismos, pero que son lo suficientemente genéricas como para usarse en múltiples proyectos. Como señalamos en la última sección, crear maquetas personalizadas para cada proyecto puede resultar poco práctico y costoso, pero este método permite al diseñador crear maquetas que son originales y reutilizables a un costo menor.
Esta es también una manera para que el diseñador agregue su propia marca personal o estilo repetitivo en sus presentaciones a los clientes.
El proceso para crear plantillas de maquetas es esencialmente el mismo que para crear maquetas personalizadas: aún necesitas comprar una foto y usar un programa de edición de fotografías para incorporar el diseño. Una diferencia es el enfoque a la hora de fotografiar su diseño: debe ser lo suficientemente vago como para que funcione para varios clientes; por ejemplo, en lugar de utilizar cualquier escenario que lo identifique, los fondos de diseño de la diseñadora de primer nivel Daria V. se centran en acentos ilustrados que se pueden cambiar. con cada proyecto.
Esto puede ayudar a agrupar clientes según temas comunes, como la industria (podría tener una plantilla de diseño para todos sus clientes propietarios de restaurantes, una para todos sus clientes minoristas, etc.). Esto facilita la selección de imágenes que funcionarán en contextos comunes.
Para productos físicos, algunos diseñadores crean representaciones en blanco del producto utilizando software 3D como Adobe Dimension, y esto tiene el beneficio adicional de permitir la creación de diseños animados y giratorios.
Para crear el diseño de su plantilla en Photoshop, su objetivo es básicamente configurar el documento para que el diseño pueda reemplazarse fácilmente en proyectos futuros manteniendo todos sus manipulación. Photoshop proporciona dos para esto. herramientas útiles:
Objetos inteligentes de Photoshop. Maquetas.
Un objeto inteligente es esencialmente un contenedor que almacena una imagen en un documento vinculado, lo que le permite realizar cambios drásticos dentro de su composición más grande sin afectar la imagen original. Si reemplaza una imagen en un objeto inteligente, se actualizará en la composición con todos los cambios aplicados.
Entonces, con las maquetas, todo lo que tienes que hacer es convertir la capa de diseño en un objeto inteligente al inicio del proyecto (ve a Capa > Objetos inteligentes > Convertir en objeto inteligente). Después de eso, puedes simplemente reemplazar el diseño dentro del objeto inteligente la próxima vez que necesites un diseño.
Acciones de Photoshop. Maquetas.
Las acciones registran los cambios que realiza en un documento de Photoshop para que pueda repetir esos pasos con solo hacer clic en un botón, eliminando tareas repetitivas. Entonces, con una maqueta, puedes usar una acción para registrar todas las transformaciones y efectos que aplicas a un diseño para que coincida con una foto, y aplicar esos mismos cambios a otro diseño en el futuro con solo hacer clic en un botón.
Herramientas requeridas
- Fotografía y/o equipo fotográfico.
- Software de edición de fotografías (Photoshop, Serif Photo, Gimp)
- *Opcional* Software de modelado de productos 3D
Расходы
- Moderado
Pros
- El uso repetido hace que valga la pena el esfuerzo de crear diseños personalizados.
- Imágenes de origen; sin marcas de agua ni necesidad de comprar licencias
Contras
- Requiere conocimientos de software más avanzados.
- Puede ser una pérdida de esfuerzo si los resultados no son lo suficientemente diferentes a los de una plantilla de terceros.
3. Utilice un sitio web generador de maquetas.
–
Un sitio web generador de maquetas es un servicio en línea que utiliza imágenes de archivo y software de inteligencia artificial para generar automáticamente una maqueta a partir de una plantilla de terceros. Normalmente, todo lo que un diseñador necesita hacer es cargar su diseño y el software se encargará de todos los problemas técnicos.
Este método es, con diferencia, la solución más barata y sencilla, pero tiene algunas desventajas. El diseño resultante no será original y, dado que muchos diseñadores han utilizado el mismo servicio, no es raro ver las mismas imágenes de diseño apareciendo hasta la saciedad en todos los sitios de portafolios. Al mismo tiempo, puede resultar útil en caso de necesidad y, a menos que el cliente sea un proveedor de maquetas de diseñador, probablemente no le importe.
A la hora de elegir un servicio, debes considerar lo siguiente: precio, calidad y relevancia. En términos de precio, muchos generadores de maquetas son de uso gratuito, aunque debes tener cuidado con los inconvenientes ocultos, como agregar marcas de agua o una selección limitada de plantillas. De lo contrario, el precio generalmente se basa en modelos de suscripción, y la mayoría de los servicios que he revisado están en el rango de $10 a $20 por mes.
La calidad puede depender del gusto personal, pero deberías dedicar algo de tiempo a estudiar los diseños que utilizan otros diseñadores y competidores para tener una idea de qué es inteligente y qué es genérico. También puedes utilizar servicios como Trustpilot para encontrar reseñas de usuarios que te indiquen, más allá del material promocional, qué tan bien funciona el servicio y cuáles son los resultados reales.
Finalmente, algunos de estos sitios se especializan en ciertos tipos de diseños y deberá elegir uno que sea relevante para sus proyectos, especialmente si compra una suscripción. Por ejemplo, Artboard Studio y Mockup Mark se especializan en impresión y diseños ropa. Servicios como AppMockUp y Mockuuups Studio se especializan en maquetas de diseño digital. Mientras tanto, Smartmockups, renderforest y Placeit ofrecen plantillas de maquetas comunes tanto para impresión como para formato digital.
Herramientas requeridas
- Conexión a internet confiable
- *Opcional* Membresía de diseño del sitio
Расходы
- De gratis a bajo
Pros
- Rápidamente y sin esfuerzo; no se requieren conocimientos de software
- La calidad a veces puede acercarse al diseño personalizado
Contras
- Crea una apariencia común con imágenes que muchos diseños usan en línea.
- El modelo de suscripción sólo es útil si se necesitan varios diseños.
4. Utilice un complemento de software para crear diseños.
–
Los complementos de maquetas son integraciones de terceros que se conectan al software de diseño para crear maquetas. Básicamente, estas aplicaciones permiten a los diseñadores diseñar y crear diseños dentro de un único programa, con el beneficio adicional de que el diseñador puede utilizar las herramientas del programa para realizar cambios en el diseño una vez creado.
Es lo mejor de ambos mundos: una plantilla personalizable, económica y que requiere poco esfuerzo. Dicho esto, este método generalmente está destinado al diseño digital y la mayoría de los complementos están destinados al software de creación de prototipos de aplicaciones, como Bosquejo , Figma y Adobe XD.
Hay varios servicios populares que proporcionan complementos descargables, incluidos Ángulo , rotar и Marcos de maqueta . Debido a que este software se puede descargar, generalmente requiere un pago único. Este precio suele ser más alto que el de la mayoría de los sitios generadores de maquetas, pero a la larga es más bajo ya que no paga una tarifa de suscripción.
Deberá seguir las instrucciones específicas del sitio para descargar e instalar el complemento en su software. Desde allí, tendrá la opción de aplicar el diseño de su software al diseño. El proceso es similar a usar un sitio web con un generador de maquetas: el complemento creará automáticamente tu maqueta y usarás las herramientas de personalización para perfeccionarla.
Herramientas requeridas
- Software de diseño (Sketch, Figma, Adobe XD)
- Descarga de licencia y complementos
Расходы
- bajo
Pros
- Rápidamente y sin esfuerzo; Se requieren pocos conocimientos de software
- Las maquetas se crean en software de diseño como parte del proceso de diseño.
Contras
- Crea una apariencia común con imágenes que muchos diseños usan en línea.
- Los resultados no son muy diferentes de los de los generadores de maquetas en línea.
¡Es hora de crear maquetas únicas!
–
Las maquetas de diseño son herramientas de presentación increíblemente poderosas que no solo venden una idea de diseño, sino que también brindan al espectador una ventana a un futuro en el que ese diseño ya existe. Cuando se hace bien, el cliente se verá casi obligado a hacer realidad este futuro.
Como se indica en este artículo, existen muchos métodos para crear maquetas y cada uno de ellos tiene su propio ventajas y desventajas. Pero no importa cómo cree sus diseños, los resultados dependerán en última instancia del diseñador y su compromiso de representar de manera realista un diseño que salte de la pantalla.