Imprimir consejos de diseño para diseñadores web

Comencé mi carrera en la impresión hace casi una década y gradualmente me mudé a la web. Todo este nuevo medio trajo varios obstáculos creativos y técnicos que tuve que aprender para enfrentar e incluso abrazar.

El artículo de hoy es para una nueva generación de diseñadores que hacen el salto opuesto. Ha estado diseñando para el mundo digital durante algún tiempo y está listo para aprender diseño de impresión. Ayudaremos a facilitar la transición con algunos consejos simples y prácticos.

Imprimir no está muerto

En la película original de los Ghostbusters de 1984, cuando se le pregunta si le gusta leer, Egon proclama audazmente "la huella está muerta". Esta afirmación no era del todo cierta en ese momento, pero fue un presagio extremadamente preciso de los eventos de los próximos veinte años, a saber, el auge de Internet y la computación personal de la oscuridad a la ubicuidad.

Sin duda, esta revolución ha llevado, como mínimo, un bate de béisbol a la industria de la publicación y, en consecuencia, a la disponibilidad de trabajos de diseño dentro de ellos. Sin embargo, definitivamente no es el caso que todas las formas de impresión están muertas. De hecho, el diseño impreso puede ser una de las habilidades más valiosas y lógicas para agregar a su repertorio como diseñador web.

Si tiene clientes que son propietarios de pequeñas empresas, no solo necesitan sitios web y logotipos, sino también tarjetas de visita, papelería, letreros de tiendas, indumentaria y, quizás, anuncios de periódicos locales. La mayoría de ellos preferiría saltarse el dolor de cabeza de trabajar con múltiples diseñadores y encontrar un proveedor para todo este material. Si puedes manejar tanto web como imprimir, ¡podrías ser tú!

Resolución

Empecemos con algunos conocimientos básicos que probablemente ya conozcas. En el mundo web, tiene el lujo de trabajar con imágenes de resolución bastante baja. Ahora, puede que veas esto como algo malo porque el nivel de detalle es muy limitado, pero habiendo trabajado mucho con ambos, el trabajo web de baja resolución es mucho más fácil de manejar.

Una de las razones principales para esto es que puede crear gráficos de 72 ppp en casi cualquier computadora que se haya creado en los últimos cuatro o cinco años. Las imágenes más pequeñas no son tan intensivas en el procesador como las imágenes más grandes. Si está acostumbrado a imprimir y cambiar a diseñar para la web, Photoshop se siente como una aplicación completamente nueva que se ejecuta en una súper computadora del futuro. Puede pensar que suena como una exageración, pero solo espere hasta que tenga 50 capas en un documento de 11 "x17" a 300 ppp. Estarás babeando sobre Mac Pros en Apple.com al final del día.

Pulgadas, no píxeles

Entonces, ¿en qué se diferencian las cosas para imprimir que en la web? Para empezar, los diseñadores de impresión no hablan en píxeles. Dígale a la mayoría de los diseñadores de impresión que desea algo de 1200px de ancho y lo verán divertido (ellos saben qué píxeles son, pero esa no es la jerga típica). Eso es porque las medidas en sus versiones de Photoshop se han establecido en pulgadas.

¡Esta es una distinción importante porque la resolución y el tamaño son interdependientes! 1.200 píxeles de ancho en un documento de 72 ppp es muy diferente a 1.200 píxeles de ancho en un documento de 300 ppp. Sin embargo, un trabajo de impresión de 5 "x7" siempre imprimirá algo de cinco pulgadas de ancho por siete pulgadas de alto, solo cambiará la densidad de la tinta.

No siempre 300dpi

Probablemente le hayan dicho que los diseñadores de impresión construyen gráficos en un espacio de trabajo de 300 ppp. Sin embargo, este no es siempre el caso y esa suposición puede hacerte lucir como un aficionado cuando llega el momento de imprimir.

La mayoría de los trabajos de formato pequeño se imprimen a 300 ppp. Estos artículos son aquellos que pueden ser inspeccionados y retenidos por alguien. ¿Qué pasa con una cartelera sin embargo? ¿Es necesario tener una impresión de resolución tan grande para algo que se ve a cientos de pies de distancia? Resulta que la respuesta es "no". Los trabajos de gran formato, como pancartas, carteles publicitarios y similares, casi siempre se construyen por debajo de 300 ppp, normalmente a 150 ppp, pero a veces incluso más bajo, según el tamaño.

A menudo, la pregunta de resolución se puede plantear al verdadero experto en la materia: la impresora (la persona, no la máquina). No te verás como un idiota simplemente por preguntar si debería ser un trabajo de 300 o 150 ppp, estas son preguntas comunes al iniciar un proyecto y son esenciales para que te resuelvan antes de que comiences.

¿Debo construir conceptos en baja resolución?

Dado que las computadoras pueden producir gráficos de 72 ppp mucho más rápido que los gráficos de 300 ppp, a menudo es una práctica de los diseñadores pasar por las primeras rondas de diseño en un área de trabajo de baja resolución y esencialmente reconstruir el trabajo en "alta resolución". Cerca del final del proyecto.

Entre los diseñadores de impresión, este puede ser un tema muy debatido. En última instancia, todo se reduce a la preferencia, pero para lo que vale, casi nunca tomo esta ruta. A menos que esté trabajando constantemente con trabajos de gran formato, construir comps en alta resolución no debería tomar tanto tiempo. Si lo hace, entonces probablemente es hora de una nueva computadora. Crear todo en 72 ppp solo para convertirlo a 300 ppp al comenzar de nuevo, siempre me parece una molestia cuando es perfectamente fácil construir mis ideas como listas para imprimir.

La única excepción a esto son las imágenes de archivo. Siempre utilizo las composiciones de baja resolución proporcionadas por los sitios de stock al presentar al cliente para evitar la compra innecesaria de imágenes múltiples y costosas.

Color

El color es un tema enorme y merece su propio artículo, por lo que no gastaremos mucho tiempo en él aquí. Mi simple advertencia es que el color en el mundo impreso es un juego de pelota completamente nuevo. En diseño web, solíamos preocuparnos por los colores seguros para la web. pero en estos días los monitores son tan sorprendentes que generalmente solo elegimos los colores que queramos en Photoshop y aceptamos que habrá un nivel de variación de pantalla a pantalla.

Cuando diseñas para imprimir, estás trabajando con tinta, no con luz. Para empezar, esto significa trabajar en CMYK en lugar de RGB, pero las implicaciones van mucho más allá.Cosas como materiales entran en juego junto con una variedad de diferentes prensas y métodos de impresión. A veces, el color que ves en la pantalla no es en absoluto lo que sale en el papel. Otras veces, los procesos específicos como la serigrafía requieren ciertas prácticas aceptadas.

Mi mejor consejo aquí es averiguar cuál será el método de impresión e investigarlo lo más posible. Es más fácil trabajar con un trabajo de impresión de cuatro colores estándar, pero en ocasiones tendrá que trabajar solo con uno o dos colores para ahorrarle dinero a su cliente. En estos casos, debes ser creativo y aprender a crear diseños geniales con una paleta mucho más limitada de lo que estás acostumbrado a trabajar.

Con frecuencia, también tendrá que trabajar con colores planos, lo que significa una tinta dedicada mezclada con un color muy específico en lugar de algo que se mezcla en vivo aplicando diferentes colores al papel. Para obtener más información sobre cómo trabajar con colores planos, consulte nuestro artículo reciente "Introducción al trabajo con colores planos".

No solo photoshop

Los diseñadores web tienden a vivir únicamente en Photoshop. Pueden extenderse a Dreamweaver o incluso a Fireworks, pero cualquier exploración adicional de Adobe Creative Suite a menudo es innecesaria.

Sin embargo, en la impresión, generalmente realiza el diseño de la página en aplicaciones como InDesign e Illustrator. Unas pocas almas lamentables siguen usando Quark, pero no puedo imaginar por qué. La buena noticia aquí es que ser particularmente fuerte en Photoshop te hace mucho más preparado para aprender InDesign. La mala noticia es que sigue siendo una aplicación muy diferente, por lo que hay mucho que aprender.

Uno de los conceptos más importantes que debe comprender es por qué utiliza varias aplicaciones y cómo incorporarlas en su flujo de trabajo de manera sinérgica. La respuesta simple aquí es que Photoshop es para gráficos de trama, todo lo demás (gráficos vectoriales y texto) debe manejarse en su aplicación de diseño de página.

Por ejemplo, digamos que estás creando una portada de revista. Comenzarás con un PSD que contiene tu foto de portada. Aquí puede realizar correcciones de color típicas, acciones de clonación, estilizado y cualquier otra cosa que necesite para preparar la foto para imprimirla. Una vez que haya terminado con eso, puede colocar este PSD en InDesign y superponer los gráficos vectoriales (a menudo creados en Illustrator) y el texto que conforman el resto de la portada.

El diseño de la página de impresión se puede visualizar como un rompecabezas. En esta metáfora, InDesign es el tablero donde construyes tu rompecabezas. Crea muchas piezas en otras aplicaciones y luego las reúnes todas y las barajas en InDesign. Al colocar las piezas de trabajo en curso en InDesign mediante el comando Archivo> Colocar, cualquier cambio que realice en la PSD, EPS, etc. colocada en otra aplicación hará que su archivo de InDesign se actualice automáticamente.

¿Photoshop no hace texto?

En este punto, es posible que se pregunte por qué el texto no se maneja en Photoshop. Para ser justos, el texto altamente estilizado (con biseles, máscaras, sombras, texturas, etc.) a menudo se mantiene en la parte PSD del archivo. Sin embargo, es mucho más fácil trabajar con texto sin formato en InDesign. El motor de texto es muy superior y no solo reproduce mejor el texto, sino que permite una manipulación mucho más avanzada, como la distribución automática de columnas e incluso la corrección ortográfica.

Otra preocupación importante relacionada es que generalmente no envía un archivo a la impresora (los archivos PDF listos para imprimir son una excepción), en lugar de eso, reúne todas las piezas de su rompecabezas en una carpeta. Esto incluye sus diversos archivos PSD y EPS colocados, su archivo InDesign e incluso sus fuentes. Trabajar en InDesign le ofrece el lujo de un sistema automático? ¿Recolectar para obtener resultados? comando que recopila automáticamente todos los recursos asociados con el archivo actual.

Sangrado y corte

Uno de los mayores errores de novato que puede cometer en el diseño de impresión es fallar en el diseño con un sangrado. Los proveedores de impresión requieren ciertas especificaciones de los diseñadores, no porque sean exigentes o incompetentes, sino porque es realmente la forma en que funciona el proceso y, sin ellos, todo el trabajo de impresión se ve comprometido.

Diseñar con un sangrado es fácil y permite una perfecta impresión profesional sin bordes en todo momento. Al insertar un sangrado, está permitiendo que se realice una impresión que sea más grande que el tamaño del trabajo final. De esa manera, cuando se corta el exceso, todo se ve perfecto y va directo al borde, independientemente de los pequeños cambios de papel que se hayan producido durante la impresión.

En diseño web, usted está familiarizado con el modelo de caja de CSS, y en el diseño de impresión tenemos algo que parece similar que básicamente define cómo se debe construir casi cada trabajo de impresión. Aquí hay un vistazo rápido a cómo funciona:

Hay tres áreas principales para este modelo: el sangrado, el recorte y el área viva. El ajuste es el más fácil de entender. Este es el tamaño final deseado del documento impreso; ¿Dónde se recorta el papel? a. En el ejemplo anterior, nuestro cliente ha pedido un diseño que mide cinco pulgadas de ancho por tres pulgadas de alto. Desde aquí, necesitamos crear dos áreas más: una que sea más grande que el recorte y otra que sea más pequeña.

El área más grande es el sangrado. Como acabamos de explicar, esto permite que la tinta salga del borde de la página. El trabajo anterior tiene un fondo degradado, pero ese fondo se extiende más allá de los límites de 5 "x3" a un área de 5.75 "x3.75". Al agregar 0.25 "al tamaño total, el resultado es un sangrado de 1/8 de pulgada en toda la página, lo cual es estándar en los Estados Unidos (generalmente 2-5 mm en el Reino Unido). Cualquier cosa que coloque en el documento que debería La opción “sangrar” de la página, ya sea una foto o un relleno texturizado, debe extenderse a esta área más grande, teniendo en cuenta que se reducirá a algún lugar alrededor de la línea de corte.

El área más pequeña que creé en el ejemplo anterior es el "área viva". que es una pieza muy importante que quizás no conozcas como diseñador web. En general, es una mala práctica colocar el texto y los gráficos que no están sangrando demasiado cerca del borde de la página. Desea darles un montón de espacio para respirar visualmente y también tener la seguridad de que no se recortarán. Por lo tanto, el área en vivo se crea como una especie de zona segura para que coloque este tipo de contenido. Por ejemplo, si desea un gran titular, extiéndalo de un extremo a otro del área en vivo, pero no más.

Los tamaños de áreas vivas no están estandarizados y varían considerablemente de un trabajo a otro. Como regla general, inserto mi área en vivo 1/8 "hasta el final para que coincida con el sangrado. Sin embargo, diferentes revistas y periódicos tienen sus propios requisitos que debe cumplir. Además, para trabajos grandes, un 1 / El inserto de 8 "no es lo suficientemente cerca y dará como resultado gráficos que aún se verán como si estuvieran al borde sin ningún espacio para respirar. En este caso, tendrá que fijarse en los ojos y elegir un parachoques de espacio aceptable.

Afortunadamente, tanto Illustrator como InDesign pueden manejar gran parte del trabajo de creación de documentos para usted con este tipo de especificaciones integradas, pero aún así es importante entender los conceptos. Además, asegúrese de consultar con su proveedor de impresión, ya que es probable que tengan plantillas creadas previamente que le ahorran muchos problemas a todos los involucrados.

Tendencias de diseño

Para finalizar nuestra discusión, veamos brevemente cómo abordar un diseño impreso desde una perspectiva creativa. En primer lugar, aprenderá rápidamente que la impresión es un medio muy diferente al que está acostumbrado con la web. En diseño web, estás limitado solo por tu imaginación. Con la impresión, tiene un tamaño de página físico que debe ajustarse a; desplazarse no es posible! Esto significa que cuando su cliente le da una tonelada de texto, debe descubrir cómo encajarlo de una manera legible y atractiva.

Además, tenga en cuenta que su estilo de diseño particular y sus tendencias pueden o no prestarse a la impresión. Al igual que con el diseño web, es importante echar un vistazo y tomar nota de las tendencias actuales en la impresión. Vaya a la librería y navegue por algunas revistas (no se salte los anuncios, son la mejor parte) o revise ese correo no deseado antes de que llegue a la papelera de reciclaje.

Tomar conciencia de las tendencias no tiene por qué convertirte en un conformista, sino que te ayuda a mantenerte en contacto con lo que la gente está acostumbrada a ver. Si la última vez que prestó atención al diseño de impresión fue 1995, podría ser propenso a producir algo que se vea feo y anticuado para los consumidores de hoy.

Del mismo modo, si todo lo que conoces es el estado del diseño web moderno, podrías tener muchos problemas para traducir estas ideas a una página impresa de una manera que sea significativa y atractiva para el espectador. Las animaciones de jQuery no son buenas aquí, tienes que captar el enfoque de alguien a través de un atractivo estético puramente estático.

Lleva tiempo y práctica, pero un diseñador de goo florecerá tanto en diseño impreso como en diseño web.

Conclusión

Con toda honestidad, si actualmente es un diseñador web que desea ingresar a la impresión, está en una buena posición. En muchos sentidos, estás volviendo a una forma más simple de pensar. Hacer el viaje opuesto requiere mucho aprendizaje técnico nuevo, especialmente si el código entra en escena.

Sin embargo, este artículo fue para mostrarte que no puedes abrir Photoshop y decidir que algún día serás un diseñador de impresión. Su conocimiento como diseñador web ayuda, pero todavía hay mucho aprendizaje específico de la industria que debe hacerse. Todo, desde la creación de la plantilla hasta la finalización del diseño, es un proceso muy específico impreso y, si no conoce sus cosas, podría ser responsable financieramente de cualquier error. Tomarse un poco de tiempo para revisar la información presentada podría ahorrarle muchos problemas y dolores de cabeza.

Deje un comentario a continuación y háganos saber qué consejos específicos de impresión tiene para los diseñadores web que están haciendo la transición.

Créditos fotográficos: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck y Steve Garfield.