Cómo personalizar una maqueta de iPhone o iPad
Es hora de la verdad, y un cliente quiere ver su diseño como se vería en un iPhone o iPad. No te preocupes; Hay una serie de maquetas listas para usar en el mercado que esperan su personalización.
Personalizar una maqueta es una manera fácil de mostrar un proyecto de diseño en un entorno realista que seguramente impresionará a los clientes. El uso de una maqueta puede ayudar a otros a visualizar mejor cómo se verá el diseño con alguna idea de escala. (A veces es fácil olvidar que no todos ven e imaginan un proyecto de la misma manera que usted).
Si nunca ha personalizado una maqueta, puede ser un poco intimidante al principio, pero veremos el proceso.
Explore las maquetas de iPad
Seleccione una maqueta
El primer paso es elegir una maqueta que funcione para sus proyectos y flujo de trabajo. Las opciones para pensar incluyen el formato y el tamaño del archivo, así como el diseño de la maqueta y si complementará su proyecto. Algunas maquetas vienen con una sola imagen para insertar diseños, mientras que otras vienen en 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
- Más de 100 maquetas de iPhone y PSD
- Más de 100 maquetas de iPad: PSD, fotos y vectores
- Más de 100 MacBook PSD y maquetas de vectores
- Más de 50 maquetas y gráficos de Apple Watch
- Más de 40 maquetas de iMac: PSD, fotos y vectores
Piensa 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 una cartulina para una presentación en la sala de juntas? Esto lo 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 podría aparecer y odio la codificación en el último minuto).
La otra consideración de formato es qué tan cómodo se siente con el software en el que editará el diseño. Las versiones de PSD requieren un conocimiento decente de Adobe Photoshop y el uso de capas, mientras que los formatos vectoriales generalmente se editan en Adobe Illustrator.
Elige un entorno realista
Los fondos de las maquetas pueden variar desde un iPhone o iPad sobre un fondo blanco hasta opciones con una pantalla de fotos completamente realista, como una mano que sostiene un teléfono.
Un entorno realista puede ayudar a un cliente a imaginar el diseño tal como se usaría realmente, y es uno de esos "trucos" de presentación que pueden sorprender. 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 encima de imágenes de fondo que casi se caen, como una mesa o un patrón sutil.
Complementa el diseño
No importa qué estilo de maqueta elija, debe complementar el diseño. No utilice un fondo de vetas de madera para un tema basado en espacios; 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 cuando se usa una maqueta, la calidad general de la presentación también dice algo sobre el proyecto.
Prepara tu diseño
El mayor paso para preparar su diseño para una maqueta es crear una copia para ese dispositivo de tamaño. No importa en qué tipo de entorno cree el sitio web o la aplicación.
Para las maquetas de PSD, puede hacer algo tan simple como tomar una captura de pantalla del diseño.
Para formatos basados en vectores, solo necesita asegurarse de que la imagen sea lo suficientemente grande para lo que planea hacer con la maqueta. (A veces una captura de pantalla no será suficiente).
Si está utilizando el mismo paquete de software, como Adobe, para estos proyectos, mover 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á fusionar los dos en un solo archivo para una personalización completa. Lo mejor de la mayoría de las maquetas de iPhone y iPad es que están hechas para que puedas hacer tantos cambios como desees con capas agrupadas y organizadas.
Abra la maqueta y el diseño
Es posible que deba 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 para muchos principiantes para hacer que las estructuras de archivos sean menos torpes).
Aprenda la estructura del archivo
Una vez que ingrese a la maqueta de iPhone o iPad por primera vez, querrá mirar a su alrededor para sentir la estructura de archivos.
Añade tu diseño
Entonces estás listo para agregar tu diseño. Desea establecer un buen conjunto de prácticas de flujo de trabajo y archivos para que pueda usar una maqueta repetidamente con facilidad. Aquí hay un flujo de trabajo de personalización sugerido:
- Cree una nueva carpeta, asígnele un nombre basado en el proyecto y agregue 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)
- Ajuste la ubicación para que la maqueta esté en la capa correcta (generalmente cerca de la parte posterior)
- Rotar, sesgar o escalar según sea necesario para caber en la maqueta
- Apague cualquier capa innecesaria
- Salvar
Conclusión
Entonces, ¿dónde encuentras una maqueta de iPhone o iPad de calidad? ¿Qué debe esperar pagar?
Puede encontrar algunas de las mejores maquetas aquí (todas las imágenes en esta publicación son de estas colecciones):
- Más de 100 maquetas de iPhone y PSD
- Más de 100 maquetas de iPad: PSD, fotos y vectores
- Más de 100 MacBook PSD y maquetas de vectores
- Más de 50 maquetas y gráficos de Apple Watch
- Más de 40 maquetas de iMac: PSD, fotos y vectores
El precio de las maquetas varía de gratis a kits con múltiples versiones en formatos escalables que generalmente cuestan menos de $ 20. (Muchas versiones gratuitas se ven geniales, pero son adecuadas solo para la visualización digital). Estas herramientas le darán un gran uso y al usar un conjunto común de maquetas, preparar diseños se convertirá en parte de su flujo de trabajo.
