Es un momento decisivo, y un cliente quiere ver su diseño como se vería en un iPhone o iPad. No se preocupe hay una serie de maquetas listas para usar en el mercado que esperan su personalización.
Personalizar una maqueta es una forma fácil de mostrar un proyecto de diseño en un entorno realista que seguramente impresionará a los clientes. Usar una maqueta puede ayudar a otros a visualizar mejor cómo se verá el diseño con una idea de la escala. (A veces es fácil olvidar que no todos ven e imaginan un proyecto de la misma manera que lo hacen).
Si nunca ha personalizado una maqueta, puede ser un poco intimidante al principio, pero veremos el proceso.
Seleccione una maqueta
El primer paso es elegir una maqueta que funcione para sus proyectos y flujo de trabajo. Las opciones a considerar incluyen el formato y el tamaño de los archivos, así como el diseño de la maqueta y si complementarán su proyecto. Algunas maquetas vienen con una sola imagen para insertar diseños, mientras que otras vienen en más de un formato de kit con múltiples maquetas y opciones.
Aquí hay algunos buenos lugares para comenzar a buscar un gran diseño de maqueta:
- Mockup Templates tiene una gran colección de maquetas variadas y gratuitas.
- 100+ iPhone PSD y Vector Mockups
- 100+ iPad Mockups: PSDs, fotos y vectores
- 100+ MacBook PSD y maquetas vectoriales
- 50+ Apple Watch Mockups y gráficos
- Más de 40 maquetas de iMac: PSD, fotos y vectores
Piense en el tamaño y la escala
Antes de comprar o descargar una maqueta, piense en cómo planea usarla. ¿Se enviará por correo electrónico para una visualización rápida o se imprimirá en cartulina para una presentación en la sala de juntas? Esto le ayudará a determinar si puede usar una maqueta PSD más pequeña o si necesita una versión basada en vectores. (Personalmente, siempre opto por el vector porque nunca se sabe lo que puede aparecer y odio la lucha en el último minuto).
La otra consideración del formato es su comodidad con el software en el que editará el diseño. Las versiones PSD requieren un conocimiento adecuado de Adobe Photoshop y el uso de capas, mientras que los formatos vectoriales se suelen editar en Adobe Illustrator.
Elija un entorno realista
Los fondos de las maquetas pueden variar desde un iPhone o iPad sobre un fondo blanco hasta opciones con una visualización de fotos completamente realista, como una mano que sujeta un teléfono.
Un entorno realista puede ayudar a un cliente a visualizar el diseño tal como se usaría realmente, ¿y es uno de esos trucos de presentación? que puede wow Una maqueta sin fondo pone el foco únicamente en el diseño, que es lo que prefieren muchos diseñadores. También hay versiones en el medio, con iPhone o iPad sobre imágenes de fondo que casi desaparecen, como una mesa o contra un patrón sutil.
Complementa el diseño
Independientemente del estilo de maqueta que elija, debe complementar el diseño. No utilice un fondo de grano de madera para un tema basado en el espacio; La yuxtaposición es discordante. (Un fondo de grano de madera con un diseño basado en la naturaleza sería más apropiado.)
No solo se comunicará su diseño, sino que al usar una maqueta, la calidad general de la presentación también dice algo sobre el proyecto.
Prepare su diseño
El paso más grande en la preparación de su diseño para una maqueta es crear una copia para ese dispositivo de tamaño. No importa en qué tipo de entorno construya el sitio web o la aplicación.
Para las maquetas de PSD, puedes hacer algo tan simple como hacer una captura de pantalla del diseño.
Para los formatos basados en vectores, solo debe asegurarse de que la imagen sea lo suficientemente grande como para lo que planea hacer con la maqueta. (A veces una captura de pantalla no es suficiente.)
Si está utilizando el mismo paquete de software, como Adobe, para estos proyectos, trasladar un diseño a una maqueta puede ser tan fácil como copiar y pegar. (¡De Verdad!)
Fusionar la maqueta y el diseño
Después de tener una maqueta y un diseño, querrá combinar los dos en un solo archivo para una completa personalización. Lo mejor de la mayoría de las maquetas de iPhone y iPad es que están hechas para que puedas realizar tantos cambios como quieras con capas agrupadas y organizadas.
Abre la maqueta y diseña
Es posible que necesite descomprimir la maqueta para comenzar. El abrir el archivo en el software apropiado.
Abra su diseño, o variaciones de diseño, o tome la captura de pantalla que usará para la maqueta (este es el método preferido por muchos principiantes para hacer las estructuras de archivos menos torpes).
Aprende la estructura de archivos
Una vez que llegue a la maqueta del iPhone o iPad por primera vez, querrá mirar alrededor para sentir la estructura del archivo.
Añada su diseño
Entonces estás listo para añadir tu diseño. Desea establecer un buen conjunto de prácticas de archivos y flujos de trabajo para poder utilizar una maqueta repetidamente con facilidad. Aquí hay un flujo de trabajo de personalización sugerido:
- ¿Crear una nueva carpeta, nombrarla según el proyecto y agregar sus elementos de diseño a la nueva carpeta? o
- Agregue sus elementos de diseño a la ubicación pre-etiquetada en la maqueta (muchas maquetas incluyen una carpeta preestablecida)
- Ajusta la ubicación de modo que la maqueta esté en la capa correcta (generalmente cerca de la parte posterior)
- Girar, sesgar o escalar según sea necesario para encajar en la maqueta
- Apague cualquier capa innecesaria
- Salvar
Conclusión
Entonces, ¿dónde encuentras una maqueta de iPhone o iPad de calidad? ¿Qué deberías esperar pagar?
Puede encontrar algunas de las mejores maquetas aquí (todas las imágenes en esta publicación son de estas colecciones):
- 100+ iPhone PSD y Vector Mockups
- 100+ iPad Mockups: PSDs, fotos y vectores
- 100+ MacBook PSD y maquetas vectoriales
- 50+ Apple Watch Mockups y gráficos
- Más de 40 maquetas de iMac: PSD, fotos y vectores
Las maquetas varían en precio, desde gratis a kits con múltiples versiones en formatos escalables que suelen ser menos de $ 20.(Muchas de las versiones gratuitas se ven geniales, pero solo son adecuadas para la visualización digital). Con estas herramientas, usted usará mucho y al usar un conjunto común de maquetas, la preparación de diseños se convertirá en parte de su flujo de trabajo.
maquetas de iPad
Una hermosa maqueta de iPad puede ser una excelente manera de mostrar su aplicación de iPad, sitio web sensible o diseño de interfaz. Todo lo que está diseñado para una tableta se ve muy bien en una maqueta de iPad, y esta serie lo ayuda a comenzar. ¡Encuentra las mejores maquetas de iPad para diferentes modelos y aprende a usarlas!