La preparación de recursos para uso digital es una tarea fundamental para los diseñadores jóvenes de hoy en día, y es distinta de la preparación de archivos para imprimir. Es posible que le pidan que cree o adapte imágenes para sitios web, campañas de redes sociales, anuncios gráficos, boletines informativos por correo electrónico, animaciones de vídeo, infografías y diseños de aplicaciones, por nombrar sólo algunos.
En Conran Design Group, por ejemplo, una tarea típica podría ser producir imágenes para usar en un sitio web responsivo, explica el diseñador senior Ollie Rone-Clarke. “Una vez que se haya aprobado el diseño, crearemos un archivo maestro central de cada tamaño de activo y luego se guardarán para la web, utilizando el formato de archivo correcto para que los archivos sean lo más pequeños posible, sin dejar de conservar los detalles clave. – para que estos activos se puedan descargar rápidamente, por ejemplo, en el móvil”.
Entonces, ¿cómo se crean y adaptan activos para uso digital? Hay cuatro cosas generales que debes considerar.
01. Domina los fundamentos
Conran Design Group colaboró con la organización benéfica de redistribución de alimentos FareShare para producir su informe anual de 2016 y sus activos de redes sociales.
En primer lugar, necesitará comprender los fundamentos, que con suerte habrá cubierto en su curso de diseño. “Desde una perspectiva funcional, normalmente debes asegurarte de utilizar la configuración de color correcta en Photoshop: RGB en lugar de CMYK”, explica Osman Gani, director global de publicidad digital de Hogarth Worldwide. “Tendrá que trabajar con los píxeles digitales por pulgada correctos, darle a las capas de Photoshop los nombres correctos y colocar las capas de abajo hacia arriba.
“Deberá exportar los formatos digitales correctos según lo estipulado en el informe y asegurarse de que los cuadros de texto y las imágenes se hayan “capturado” correctamente. Y deberá cumplir con las mejores prácticas, como convenciones de nomenclatura, estructuras de carpetas claras en el servidor y uso de archivos de control de versiones”.
02. Siga las pautas de la marca
Conran Design Group ayudó a la campaña Keep Britain Tidy dándole un toque moderno al logotipo original de Tidyman de la marca.
En segundo lugar, cada proyecto vendrá con pautas digitales específicas de la marca, dice Andrea Esteban, diseñadora digital de Battenhall. La mayor parte del tiempo esto será relativamente rutinario.
“La mayoría de nuestros proyectos provienen de clientes existentes cuyas directrices ya conocemos”, explica. “Pero a los nuevos clientes tenemos que preguntarles, analizar completamente sus requisitos y pensar en todas las limitaciones que pueden presentar, en términos de tamaño de archivo y colores, por ejemplo”.
En lugar de crear activos impresos y digitales por separado para FareShare, Conran Design Group creó un fuerte tema unificador dentro del informe que podría usar en otras plataformas.
En tercer lugar, en un entorno digital en constante cambio, es necesario mantenerse actualizado con las plataformas para las que está diseñando. “Por ejemplo”, dice Esteban, “tengo cuentas privadas de redes sociales para probar (y luego eliminar) publicaciones y ver cómo se ven en todos los dispositivos.
A menudo diseñamos publicaciones bastante innovadoras, como “hacer clic para revelar” en Twitter o “filtrar para revelar” en Instagram, por lo que es mejor probar cómo se ve todo en la transmisión en lugar de adivinar. Después de todo esto, debería ser fácil cambiar cada mesa de trabajo a los diferentes tamaños que necesites: adjelly.com tiene todos los diferentes tamaños actualizados, pero buscar en Google cada plataforma también funciona”.
04. Conozca su organización
Keep Britain Tidy necesitaba una identidad unificada que comunicara mejor la marca principal
Por último, también deberá comprender los sistemas y procesos de la organización para la que ha venido a trabajar.
“Los diseñadores jóvenes llegan con los conceptos básicos de diseño y preparación para la gestión de activos, pero no estarán preparados para el sistema de archivo del estudio”, dice Rone-Clarke. “Aquí es donde pasamos mucho tiempo con ellos, mostrándoles cómo archivamos y configuramos las etapas para cada trabajo de diseño”.
Comprender los entregables
El grado en que su curso de diseño lo preparará para todo esto variará. Chloe Holden, diseñadora junior de Conran Design Group, dice que el suyo era un poco irregular. “Si bien aprendí que RGB era para digital y CMYK para impresión, de lo que no me di cuenta hasta que fui pasante es de la importancia de verificar dos veces la configuración de los archivos al pasar de archivos digitales a impresos”, recuerda.
“Tampoco aprendí los cómos y los porqués. No es hasta que trabajas en un estudio que aprendes a recibir instrucciones y a comprender claramente los resultados”.
Elena Morán, diseñadora UX/UI de atom42, también señala la importancia del brief en la preparación de activos digitales. “Asegúrese de recibir uno bueno y no se avergüence de rechazarlo si no contiene la información que necesita”, enfatiza. “Un panadero no puede trabajar sin harina y no se pueden elaborar los ingredientes sin las especificaciones correctas”.
Hacer preguntas
El tema visual de FareShare vincula estrechamente lo impreso y lo digital
Lo más importante es seguir haciendo preguntas, añade. “Por ejemplo, si alguien le pide que cree un anuncio gráfico, los puntos importantes que debe verificar incluyen el tamaño de la creatividad, las dimensiones necesarias y el peso mínimo y máximo permitido. ¿Está animado o estático? ¿Quieren una imagen fija o quieren elementos dinámicos? Si está animado, ¿quieren un anuncio interactivo? ¿Qué tipo de archivo: JPG, PNG, MP4, HTML5? ¿Y dónde se va a exponer? Cada plataforma tiene sus propias reglas únicas”.
Todo esto puede resultar un poco abrumador al principio. “Como junior tendrás mucho trabajo que hacer, por eso el tiempo es clave. Hacer un seguimiento cuidadoso de sus horas facilita la prevención de problemas y la organización correcta de sus proyectos.
“Y si te sientes abrumado, díselo a tu superior directo para que pueda organizarse, retroceder y compartir, si es posible, con el resto del equipo. Compartir es cuidar, así que no digas simplemente sí todo el tiempo o terminarás”. Como resultado, estamos produciendo activos de menor calidad”.
Consejos para crear activos digitales
Al tipo de letra del logotipo se le dio un efecto de “estampado” para agregar interés y textura, además de optimizarse para aplicaciones digitales.
01. Trabajar eficiente mente
“Pregunte siempre para qué salida digital se necesitan los activos, cuántas versiones necesitará y en cuántos puntos de interrupción”, dice Rone-Clarke. “Establezca un proceso que cualquier otra persona del equipo de diseño pueda seguir. Asegúrese de tener una lista definitiva de los activos que deben crearse”.
02. Entender los objetivos
“Sea claro acerca de para qué está diseñando y dónde terminará el activo”, dice Holden. “Entonces sabrás cómo crear el diseño óptimo que se adapte a cada aplicación digital. Por ejemplo, un recurso para Instagram se verá muy diferente al de una página web”.
03. Ajustar el brillo de la pantalla.
“Al modificar los colores para digital, asegúrese de que el brillo de la pantalla esté alto”, agrega Holden. “Es algo sencillo pero muy fácil de olvidar. Pruébelo siempre y obtenga una segunda opinión de un diseñador experimentado”.
04. Guarde los activos correctamente
“Guardar parece el paso más fácil, pero si no estás seguro de los formatos, puede que al principio sea el más difícil”, afirma Esteban. “Guardar, Guardar para Web, Exportar: todos tienen diferentes configuraciones que te harán la vida más fácil – o más difícil – así que comprueba cuál es la mejor opción para optimizar tus exportaciones”.
05. Consigue los GIF correctamente
“Existe una gran tendencia en este momento por los GIF en lugar de los videos, pero recuerde que están súper comprimidos, lo que significa contenido potencialmente de menor calidad”, agrega Esteban. “Además, si exporta desde Photoshop, recuerde que solo permite 500 fotogramas en total, lo que parece muchísimo, ¡pero no lo es!”.
Artículos relacionados:
