Preparar activos para uso digital es una tarea principal para diseñadores junior hoy - y distinto de Preparando archivos para imprimir . Es posible que se le solicite que cree o adapte imágenes para sitios web, campañas de redes sociales, anuncios de visualización, boletines de correo electrónico, animaciones de video, infografías y diseños de aplicaciones, por nombrar unos pocos.
A Grupo de diseño conran , por ejemplo, una tarea típica podría ser producir imágenes para su uso en una Sitio web sensible , explica el diseñador principal Ollie Rone-Clarke. "Una vez que se haya firmado el diseño, crearemos un archivo maestro central de cada tamaño de activo y se guardaremos para la web, utilizando el formato de archivo correcto para que los archivos lo más pequeños sea posible, mientras que aún conservan los detalles clave - Para que estos activos sean rápidos para descargar, por ejemplo, en el móvil ".
Entonces, ¿cómo va a crear y adaptar los activos para uso digital? Hay cuatro cosas amplias que debes considerar.
En primer lugar, deberá entender los fundamentos, lo que, con suerte, habrá cubierto en su curso de diseño. "Desde una perspectiva funcional, normalmente debe asegurarse de que está utilizando la configuración de color correcta en Photoshop: RGB en lugar de cmyk "Explica Osman Gani, Director Global Digital Publicidad en Hogarth en todo el mundo . "Deberá trabajar en los píxeles digitales correctos por pulgada, le brindará las capas de Photoshop los nombres correctos y colocando capas de abajo hacia arriba.
"Deberá exportar los formatos digitales correctos según lo estipulado en el breve, y asegúrese de que los cuadros de texto y las imágenes se hayan modificado correctamente. Y deberá adherirse a las mejores prácticas, como las convenciones de nombres, las estructuras de carpetas claras en el servidor y el uso de archivos de control de la versión ".
En segundo lugar, cada proyecto vendrá con las directrices digitales que son específicas de la marca, dice Andrea Esteban, diseñadora digital para Batenhall . Gran parte del tiempo esto será relativamente rutinario.
"La mayoría de nuestros proyectos provienen de clientes existentes cuyas directrices ya estamos familiarizadas", explica. "Pero para 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 y colores, por ejemplo".
En tercer lugar, en un entorno digital siempre cambiante, debe mantenerse al día con las plataformas que está diseñando. "Así que, por ejemplo," dice Esteban, "Tengo cuentas de redes sociales privadas para probar, y luego eliminar - publicaciones, para ver cómo se ven a través de todos los dispositivos.
A menudo diseñamos publicaciones bastante innovadoras, como 'Haga clic para revelar' en Twitter o 'Filtro para revelar' en Instagram, así que probifique cómo todo se ve en la secuencia en lugar de adivinar. Después de todo esto, debería ser fácil cambiar cada tablero de arte a todos los diferentes tamaños que necesita: adyally.com Tiene todos los diferentes tamaños actualizados, pero el googling también funciona cada plataforma ".
Finalmente, también deberá entender los sistemas y procesos de la organización en la que ha llegado a trabajar.
"Los diseñadores junior vienen con los conceptos básicos del diseño y la preparación de la gestión de activos, pero no estarán listos para el sistema de presentación de estudio", dice Rone-Clarke. "Aquí es donde pasamos mucho tiempo con ellos, mostrándoles cómo presentamos y configuramos etapas para cada trabajo de diseño".
Cuánto lo preparará su curso de diseño para todo esto variará. Chloe Holden, un diseñador junior en el grupo de diseño de Conran, dice que la suya era un poco irregular. "Mientras había aprendido que RGB era para Digital y CMYK era para imprimir, lo que no me di cuenta hasta que era pasante es la importancia de la configuración de archivos de doble comprobación cuando se encuentra entre los archivos digitales e imprimir", recuerda.
"Tampoco aprendí el Hows y Whys. No es hasta que esté trabajando en un estudio que aprenda cómo tomar un breve y comprender los entregables claramente ".
Elena Morán, un diseñador UX / UI en Atom42 , también apunta a la importancia del breve en la preparación de activos digitales. "Asegúrese de recibir una buena, y no se avergüence de volver a contener si no contiene la información que necesita", subraya. "Un panadero no puede trabajar sin harina, y no puede hacer los activos sin las especificaciones correctas".
Lo más importante es que continúe haciendo preguntas, agrega. "Por ejemplo, si alguien le pide que cree un anuncio de pantalla, los puntos importantes para verificar con doble verificación incluyen el tamaño de la creatividad, las dimensiones necesarias y el peso mínimo y el peso 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 mostrar? Cada plataforma tiene sus propias reglas únicas ".
Todo esto puede ser un poco abrumador al principio. "Como junior, tendrás mucho trabajo que hacer, para que el tiempo sea clave. Seguimiento de sus horas cuidadosamente hace que sea más fácil evitar problemas y organizar correctamente sus proyectos.
"Y si se siente abrumado, informe a su administrador de línea para que puedan organizarse, empujar y compartir, si es posible, con el resto del equipo. El intercambio está cuidando, así que no solo digas sí todo el tiempo o terminará para producir activos de menos de alta calidad como resultado ".
01. Trabajar eficiente mente
"Siempre pregunte por qué salida digital se necesitan los activos para, cuántas versiones necesitará y a través de la cantidad de puntos de interrupción", dice Rone-Clarke. "Establecer un proceso que alguien más en el equipo de diseño puede recoger. Asegúrese de tener una lista definitiva de activos que deben ser creados ".
02. Entender los objetivos
"Sea claro sobre lo que está diseñando y dónde terminará el activo", dice Holden. "Entonces sabrás cómo crear el diseño óptimo para adaptarse a cada aplicación digital. Por ejemplo, un activo para Instagram se verá muy diferente a uno para una página web ".
03. Ajustar el brillo de la pantalla.
"Cuando altere los colores para Digital, asegúrese de que su brillo de pantalla esté arriba", agrega Holden. "Es una cosa simple pero muy fácil de olvidar. Siempre pruebe y obtenga una segunda opinión de un diseñador principal ".
04. Guardar activos correctamente
"El ahorro parece el paso más fácil, pero si no está seguro de los formatos, podría ser el más difícil al principio", dice Esteban. "Guardar, guardar para la web, exportar: todos tienen diferentes configuraciones que harán que su vida sea más fácil, o más difícil, así que verifique cuál es la mejor opción para optimizar sus exportaciones".
05. Obtener GIFS bien
"Hay una gran tendencia en este momento para Gifs sobre los videos, pero recuerde que están súper comprimidos, lo que significa contenido de calidad potencialmente más bajo ", agrega Esteban. "Además, si la exportación de Photoshop, recuerde que solo permite 500 marcos totales, lo que suena como cargas, ¡pero no lo es!"
Artículos relacionados:
[dieciséis] (Crédito de la imagen: Revista NET) P5.js es la implementación de JavaScript más reciente del famoso procesami..
[dieciséis] [Imagen: Albert Valls Punsich] Si desea permanecer en la cima de su juego como artista en 3D, es importante que s..
[dieciséis] Para dibujar las manos, debe mirar más allá de la complejidad de la anatomía de la mano y reconocer reglas simples que ..
En un mundo donde los usuarios tienen altas expectativas de su experiencia en la Web y el móvil, la creación de prototipos y la evaluación del usuario es clave. Ahora es común que se iter..
[dieciséis] El director de los laboratorios del Grupo CHAOS, Chris Nichols, estará haciendo una charla de Keynote en ..
[dieciséis] Página 1 de 2: Página 1 Página 1 Página 2 ..
[dieciséis] Los desarrolladores frontend tienden a pensar en rectángulos; Rectángulos dentro de los rectángulos dentro de los rect�..
[dieciséis] Este tutorial le muestra cómo simular un efecto de vertido líquido. Hay varios software y complementos que puede usar pa..