Suggerimenti per la progettazione di stampa per i web designer
Ho iniziato la mia carriera nella stampa quasi un decennio fa e gradualmente sono passato al Web. Questo nuovo mezzo ha portato diversi ostacoli creativi e tecnici che ho dovuto imparare a gestire e persino ad abbracciare.
L'articolo di oggi è per una nuova generazione di designer che fa il salto opposto. Stai progettando per il mondo digitale da qualche tempo e sei pronto per imparare il design della stampa. Ti aiuteremo a facilitare la transizione con alcuni consigli semplici e pratici.
Esplora Envato Elements
Stampa non è morta
Nel film originale di Ghostbusters del 1984, quando gli viene chiesto se gli piace leggere, Egon proclama coraggiosamente "la stampa è morta". Questa affermazione non era del tutto vera all'epoca, ma era una previsione estremamente accurata degli eventi dei prossimi vent'anni, vale a dire l'ascesa di Internet e del personal computer dall'oscurità all'ubiquità.
A dire il vero, questa rivoluzione ha, per lo meno, portato una mazza da baseball nel settore delle pubblicazioni e di conseguenza la disponibilità di lavori di progettazione al loro interno. Tuttavia, sicuramente non è ancora vero che tutte le forme di stampa sono morte. In effetti, il design di stampa può essere una delle abilità più preziose e logiche da aggiungere al tuo repertorio come web designer.
Se hai clienti che possiedono piccole aziende, hanno bisogno non solo di siti Web e loghi, ma anche di biglietti da visita, articoli di cancelleria, cartellonistica di negozi, abbigliamento e forse persino annunci di giornali locali. La maggior parte di loro preferirebbe evitare il mal di testa di lavorare con più designer e trovare un fornitore per tutto questo materiale. Se riesci a gestire sia il web che la stampa, potresti essere tu!
Risoluzione
Cominciamo con alcune conoscenze di base che probabilmente già conosci. Nel mondo web, hai il lusso di lavorare con immagini a bassa risoluzione. Ora, potresti vederlo come una cosa negativa perché il livello di dettaglio è così limitato, ma dopo aver lavorato a lungo con entrambi, il lavoro web a bassa risoluzione è molto più facile da trattare.
Uno dei motivi principali per questo è che è possibile creare grafici a 72 dpi su quasi tutti i computer creati negli ultimi quattro o cinque anni. Le immagini più piccole non richiedono il processore come le immagini più grandi. Se sei abituato a stampare e passare alla progettazione per il Web, Photoshop si sente come un'applicazione completamente nuova in esecuzione su un super computer dal futuro. Potresti pensare che sembri un'esagerazione, ma aspetta solo di avere 50 livelli in un documento 11 ″ x17 ″ a 300 dpi. Alla fine della giornata, sbaverai sui Mac Pro su Apple.com.
Pollici, non pixel
In che modo le cose sono diverse per la stampa rispetto al web? Per i principianti, i progettisti di stampa non parlano in pixel. Dì alla maggior parte dei designer di sola stampa che vuoi qualcosa di 1200px di larghezza e ti guarderanno in modo divertente (sanno cosa sono i pixel, ma non è il gergo tipico). Questo perché le misure nelle loro versioni di Photoshop sono state impostate su pollici.
Questa è una distinzione importante perché risoluzione e dimensioni sono interdipendenti! 1.200 pixel di larghezza in un documento di 72 dpi è molto diverso da 1.200 pixel di larghezza in un documento di 300 dpi. Un lavoro di stampa da 5 "x 7", tuttavia, stampa sempre qualcosa di cinque pollici di larghezza per sette pollici di altezza, solo la densità dell'inchiostro cambierà.
Non sempre 300 dpi
Probabilmente ti è stato detto che i progettisti di stampa creano grafica in uno spazio di lavoro di 300 dpi. Questo non è sempre il caso e quell'assunto può farti sembrare un dilettante quando arriva il momento di stampare.
La maggior parte dei lavori di piccolo formato sono stampati a 300 dpi. Questi articoli sono quelli che possono essere controllati da vicino e tenuti da qualcuno. Che dire di un cartellone però? È necessario avere una risoluzione così grande per qualcosa che vedi a centinaia di metri di distanza? Si scopre che la risposta è "no". Lavori di grande formato come banner, cartelloni pubblicitari e simili sono quasi sempre costruiti al di sotto di 300 dpi, in genere a 150 dpi ma a volte anche inferiore a seconda delle dimensioni.
Spesso, la domanda di risoluzione può essere posta al vero esperto in materia: la stampante (la persona, non la macchina). Non sembrerai un idiota semplicemente chiedendo se dovrebbe essere un lavoro di 300 o 150 dpi, queste sono domande comuni quando si avvia un progetto e sono essenziali per essere risolto prima di iniziare effettivamente.
Dovrei costruire concetti a bassa risoluzione?
Dato che i computer possono sfornare la grafica a 72 dpi molto più velocemente della grafica a 300 dpi, è spesso pratica dei progettisti passare attraverso i primi round di progettazione in uno spazio di lavoro a bassa risoluzione e ricostruire essenzialmente il lavoro in "alta risoluzione" vicino al fine del progetto.
Tra i designer di stampa questo può essere un argomento molto dibattuto. Alla fine, si riduce alle preferenze ma, per quello che vale, non prendo quasi mai questa strada. A meno che non lavori costantemente con lavori di grande formato, la creazione di comp in alta risoluzione non dovrebbe richiedere così tanto tempo. In tal caso, probabilmente è davvero il momento di un nuovo computer. Costruire tutto in 72 dpi solo per convertirlo in 300 dpi essenzialmente ricominciando mi sembra sempre una seccatura quando è perfettamente facile costruire le mie idee come pronte per la stampa.
L'unica eccezione a ciò è rappresentata dalle immagini stock. Uso sempre le composizioni a bassa risoluzione fornite dai siti di stock quando mi presenti al cliente per prevenire l'acquisto non necessario di più costose immagini.
Colore
Il colore è un argomento enorme e merita un suo articolo, quindi non ci dedicheremo troppo tempo qui. Il mio semplice avvertimento è che il colore nel mondo della stampa è un gioco di baseball completamente nuovo. Nel web design, eravamo soliti preoccuparci dei "colori sicuri per il web", ma al giorno d'oggi i monitor sono così sorprendenti che generalmente scegliamo qualsiasi colore desideriamo in Photoshop e accettiamo che ci sarà un livello di variazione da schermo a schermo.
Quando si progetta per la stampa, si lavora con l'inchiostro, non con la luce. Per iniziare, questo significa lavorare in CMYK anziché in RGB, ma le implicazioni vanno ben oltre. Cose come i materiali entrano in gioco insieme a una varietà di macchine da stampa e metodi diversi. A volte il colore che vedi sullo schermo non è affatto quello che esce sulla carta. Altre volte, processi specifici come la serigrafia richiedono determinate pratiche accettate.
Il mio miglior consiglio qui è scoprire quale sarà il metodo di stampa e ricercarlo il più possibile. Un lavoro di stampa in quadricromia standard sarà il più semplice da lavorare, ma a volte dovrai lavorare con uno o due colori solo per risparmiare denaro. In questi casi, devi essere creativo e imparare a creare fantastici disegni con una tavolozza molto più limitata di quella a cui sei abituato a lavorare.
Dovrai anche lavorare frequentemente con tinte piatte, il che significa che un inchiostro dedicato si mescola a un colore molto specifico piuttosto che qualcosa che viene mischiato dal vivo applicando colori diversi alla carta. Per saperne di più su come lavorare con i colori spot, consulta il nostro recente articolo "Un'introduzione al lavoro con i colori spot".
Non solo Photoshop
I web designer tendono a vivere esclusivamente in Photoshop. Possono estendersi a Dreamweaver o persino a Fireworks, ma spesso non è necessaria alcuna ulteriore esplorazione di Adobe Creative Suite.
Tuttavia, nella stampa, generalmente esegui il layout di pagina in applicazioni come InDesign e Illustrator. Alcune anime dispiaciute stanno ancora usando Quark ma non riesco a immaginare il perché. La buona notizia qui è che essere particolarmente forti in Photoshop ti rende molto più preparato a raccogliere InDesign. La cattiva notizia è che è ancora un'applicazione molto diversa, quindi c'è molto da imparare.
Uno dei concetti più importanti da capire è perché stai usando più applicazioni e come incorporarle nel tuo flusso di lavoro in modo sinergico. La semplice risposta qui è che Photoshop è per la grafica raster, tutto il resto (grafica vettoriale e testo) dovrebbe essere gestito nell'app di layout di pagina.
Ad esempio, supponiamo che tu stia creando una copertina di una rivista. Inizierai con un PSD che contiene la tua foto di copertina. Qui è possibile eseguire correzioni del colore tipiche, azioni di clonazione, styling e qualsiasi altra cosa sia necessaria per rendere la foto pronta per la stampa. Una volta terminato, puoi inserire questo PSD in InDesign e sovrapporre la grafica vettoriale (spesso creata in Illustrator) e il testo che costituisce il resto della copertina.
Il layout della pagina di stampa può essere visualizzato come un puzzle. In questa metafora, InDesign è il piano del tavolo in cui costruisci il tuo puzzle. È possibile creare molti pezzi in altre applicazioni, quindi riunirli tutti e mescolarli in InDesign. Inserendo i pezzi del work-in-process in InDesign tramite il comando File> Posiziona, eventuali modifiche apportate al PSD, EPS, ecc. Inseriti in un'altra app causeranno automaticamente l'aggiornamento del file InDesign.
Photoshop non fa il testo?
A questo punto, potresti chiederti perché il testo non è gestito in Photoshop. Per essere onesti, il testo altamente stilizzato (con smussi, maschere, ombre, trame, ecc.) Viene spesso conservato nella parte PSD del file. Tuttavia, il testo normale è molto più semplice da utilizzare in InDesign. Il motore di testo è di gran lunga superiore e non solo rende il testo migliore, ma consente una manipolazione molto più avanzata come la distribuzione automatica delle colonne e persino il controllo ortografico.
Un'altra importante preoccupazione correlata è che in genere non invii un file alla stampante (i PDF pronti per la stampa sono un'eccezione), invece raccogli tutti i pezzi del tuo puzzle in una cartella. Ciò include i vari file PSD ed EPS inseriti, il file InDesign e persino i caratteri. Lavorare in InDesign ti offre il lusso di un comando automatico "Raccogli per output" che raccoglie automaticamente tutte le risorse associate al file corrente.
Bleed & Trim
Uno dei più grandi errori da principiante che puoi fare nel design di stampa è non riuscire a progettare con un sanguinamento. I fornitori di stampa richiedono determinate specifiche da parte dei progettisti, non perché siano esigenti o incompetenti, ma perché è veramente il modo in cui funziona il processo e senza questi l'intero lavoro di stampa è compromesso.
Progettare con un bleed è facile e consente sempre una stampa professionale senza bordi perfetta. Inserendo una pagina al vivo, si consente di realizzare una stampa più grande della dimensione del lavoro finale. In questo modo, quando l'eccesso viene tagliato, tutto sembra perfetto e va fino al bordo, indipendentemente da piccoli spostamenti di carta che potrebbero essersi verificati durante la stampa.
Nel web design hai familiarità con il modello di box CSS, bene nel design di stampa abbiamo qualcosa che sembra simile che definisce sostanzialmente come dovrebbe essere costruito quasi ogni lavoro di stampa. Ecco una rapida occhiata a come funziona:
Ci sono tre aree principali di questo modello: il bleed, il trim e l'area live. Il rivestimento è il più facile da capire. Questa è la dimensione finale desiderata del documento stampato; dove il foglio viene “rifilato”. Nell'esempio sopra, il nostro cliente ha ordinato un design largo cinque pollici e alto tre pollici. Da qui, dobbiamo creare altre due aree: una più grande del rivestimento e una più piccola.
L'area più grande è l'emorragia. Come abbiamo appena spiegato, ciò consente all'inchiostro di uscire dal bordo della pagina. Il lavoro sopra ha uno sfondo sfumato, ma quello sfondo viene esteso oltre i limiti di 5 "x3" a un'area di 5, 75 "x 3, 75". Aggiungendo 0, 25 "alle dimensioni complessive, il risultato è un sanguinamento di 1/8 di pollice tutto intorno alla pagina, che è standard negli Stati Uniti (in genere 2-5 mm nel Regno Unito). Qualunque cosa tu inserisca nel documento che dovrebbe "spurgare" dalla pagina, che si tratti di una foto o di un riempimento testurizzato, dovrebbe estendersi a quest'area più ampia, tenendo presente che verrà tagliato in qualche punto attorno alla linea di ritaglio.
L'area più piccola che ho creato nell'esempio sopra è "area live", che è un pezzo molto importante che potresti non conoscere come web designer. In generale, è una cattiva pratica posizionare testo e grafica non sanguinanti troppo vicino al bordo della pagina. Volete dare loro molto spazio per respirare visivamente e anche essere certi che non verranno tagliati. Pertanto, l'area live viene creata come una sorta di zona sicura in cui inserire questo tipo di contenuto. Ad esempio, se si desidera un titolo enorme, allungarlo da un'estremità all'altra dell'area live, ma non oltre.
Le dimensioni dell'area live non sono standardizzate e variano considerevolmente da lavoro a lavoro. Come regola generale, inserisco la mia area live 1/8 ″ tutto intorno in modo che corrisponda al sanguinamento. Tuttavia, diverse riviste e giornali hanno i propri requisiti stabiliti che è necessario seguire. Inoltre, per lavori di grandi dimensioni, un inserto da 1/8 ″ non è abbastanza vicino e si tradurrà in una grafica che sembra comunque andare fino al bordo senza alcun respiro. In questo caso, dovrai guardarlo negli occhi e decidere su un respingente di spazio accettabile.
Fortunatamente, sia Illustrator che InDesign possono gestire gran parte del lavoro di creazione di documenti con questo tipo di specifiche integrate, ma è comunque importante comprendere i concetti. Inoltre, assicurati di consultare il tuo fornitore di stampa poiché probabilmente hanno modelli predefiniti che risparmiano molti problemi per tutti i soggetti coinvolti.
Tendenze del design
Per concludere la nostra discussione, discutiamo brevemente di come affrontare un design di stampa da una prospettiva creativa. Prima di tutto, imparerai rapidamente che la stampa è un mezzo molto diverso da quello a cui sei abituato con il web. Nel web design, sei limitato solo dalla tua immaginazione. Con la stampa, hai una dimensione di pagina fisica che deve essere conforme; lo scorrimento non è possibile! Ciò significa che quando sei cliente ti dà un sacco di testo, devi capire come adattarlo in modo leggibile e attraente.
Inoltre, tieni presente che il tuo particolare stile di design e le tendenze potrebbero o meno prestarsi bene alla stampa. Proprio come nel web design, è importante dare un'occhiata e prendere nota delle tendenze attuali della stampa. Fai un viaggio nel negozio di libri e sfoglia alcune riviste (non saltare le pubblicità, sono la parte migliore) o guarda attraverso quella posta indesiderata prima che colpisca il cestino.
Conoscere le tendenze non deve renderti un conformista, ma ti aiuta a rimanere in contatto con ciò che le persone sono abituate a vedere. Se l'ultima volta che hai prestato attenzione al design di stampa è stato il 1995, potresti essere incline a produrre qualcosa di brutto e obsoleto per i consumatori di oggi.
Allo stesso modo, se tutto ciò di cui sei a conoscenza è lo stato del web design moderno, potresti avere molti problemi a tradurre queste idee in una pagina stampata in un modo che sia significativo e coinvolgente per lo spettatore. Le animazioni di jQuery non vanno bene qui, devi catturare l'attenzione di qualcuno attraverso un fascino estetico puramente statico.
Ci vuole tempo e pratica, ma un designer appiccicoso fiorirà sia nella stampa che nel web design.
Conclusione
In tutta onestà, se sei attualmente un web designer che desidera entrare in stampa, sei in una buona posizione. In molti modi, stai tornando a un modo di pensare più semplice. Fare il viaggio opposto richiede un sacco di nuovo apprendimento tecnico, specialmente se il codice entra in scena.
Questo articolo intendeva mostrarti che non puoi semplicemente aprire Photoshop e decidere che un giorno sarai un designer di stampa. Le tue conoscenze come web designer ti aiutano, ma c'è ancora molto da imparare nel settore specifico che deve essere fatto. Tutto, dalla creazione di modelli alla finalizzazione del design, è un processo molto specifico in stampa e se non conosci i tuoi contenuti potresti essere ritenuto finanziariamente responsabile di eventuali errori. Dedicare un po 'di tempo per esaminare le informazioni presentate potrebbe farti risparmiare un sacco di problemi e mal di testa.
Lascia un commento qui sotto e facci sapere quali suggerimenti specifici per la stampa hai per i web designer che effettuano la transizione!
Crediti fotografici: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck e Steve Garfield.
