Es mucho más probable que los clientes aprueben o compren un diseño si pueden imaginar cómo se verá en realidad. Y en un mundo donde las soluciones comerciales de ritmo rápido son la norma, es más importante que nunca que los diseñadores puedan presentar rápidamente un diseño realista del diseño creado.
En este breve tutorial, veremos el proceso de tres pasos para encontrar, comprender y usar archivos de diseño para su diseño.
Paso # 1: ¡Encuentra y descarga el diseño!
Puede encontrar casi todo lo que necesita en Internet, y esto también es cierto para los archivos de diseño del dispositivo. Hay muchos diseños gratuitos y de pago, y le recomendamos que verifique ambas opciones para decidir cuál es la mejor para sus necesidades.
Una vez que encuentre lo que está buscando, descargue el archivo. La mayoría de los archivos de diseño contienen una carpeta que generalmente contiene conjuntos de los siguientes archivos: .psd, .jpg y .txt o .pdf. Analicemos el propósito de cada uno de ellos:
El archivo
.psd es el archivo fuente en el que trabajará y editará el contenido para insertar posteriormente su diseño allí.
El archivo
.jpg es una vista previa del diseño, diseñado para ver cómo puede verse el diseño con el diseño dentro de él.
.Txt o
.pdf : describe los detalles del archivo, como el autor del diseño, la información de licencia y su composición.
Como ejemplo, tomaremos esta maqueta de iPhone X como ejemplo:
Paso # 2: abre el archivo y encuentra el objeto inteligente en él
Cuando descargamos y descomprimimos el archivo de diseño, es hora de abrirlo en Adobe Photoshop y familiarizarnos con las capas de diseño.
Es importante comprender cómo editar capas, ya que reemplazará la plantilla en el diseño con su propio diseño.
La mayoría de los diseños constan de al menos tres capas: el color de fondo, el objeto en sí y el espacio para el logotipo. Por supuesto, las capas pueden variar dependiendo del número de objetos en el diseño, así como de cuán simple o complejo sea el diseño que desea insertar eventualmente en este diseño.
Para editar un objeto inteligente, haga clic en él, después de lo cual irá a la pantalla de edición.
Objetos inteligentes
Un objeto inteligente es un objeto que nunca pierde su calidad, sin importar cómo lo redimensione. Consiste en imágenes vectoriales o de mapa de bits, que son capas de datos de imágenes creadas en formato de archivo de Illustrator o Photoshop. Está diseñado para almacenar de forma segura las características de la imagen, independientemente de los cambios realizados, de ahí la palabra "inteligente".
Los objetos inteligentes son archivos no rasterizados. ¿Qué significa esto?
La rasterización es una acción destinada a convertir una imagen vectorial (archivo de Illustrator), que consta de puntos y curvas, en una computadora o versión impresa con gráficos de píxeles. Algunas herramientas, como el borrador, el relleno y los filtros, solo funcionan con archivos rasterizados.
Los objetos inteligentes no se rasterizan porque el proceso de rasterización significa que ya no puede escalar una imagen sin perder calidad.
Para encontrar un objeto inteligente, busque el pequeño icono sobre la capa, generalmente ubicado en la esquina inferior derecha. Cuando pasa el cursor sobre él, el texto emergente indica que está en un objeto inteligente.
Paso # 3: publique su contenido
Finalmente, el último paso es insertar el diseño que creó en el diseño.
En la ventana de edición que contiene el objeto inteligente, simplemente arrastre su diseño a la pantalla para reemplazar el contenido del diseño con su propio trabajo.
Luego, haga clic en "Guardar" y regrese al archivo PSD original para ver los cambios.
En nuestro caso, el archivo actualizado se verá así:
Conclusión
Los diseños ayudarán a su cliente a visualizar cómo se verá su diseño en el mundo real. Los diseños son increíblemente fáciles de encontrar y usar, y pueden afectar significativamente la percepción de su diseño por parte de clientes y usuarios.
¿Le resulta útil el uso de tales maquetas de dispositivos en diseño y publicidad?