Al giorno d'oggi più designer lavorano su piattaforme diverse, passando da un progetto di stampa a un progetto digitale. Sebbene gran parte della teoria sia la stessa, in pratica ci sono molte differenze tecniche quando si tratta di lavorare su qualcosa che verrà stampato rispetto a un sito web. Ci vuole un insieme specifico di conoscenze e competenze per lavorare in modo efficace ed efficiente in entrambi gli ambienti.
Ma è possibile. Qui condividiamo otto suggerimenti per i designer di stampa che passano ai progetti digitali. (E posso garantire per ogni singolo consiglio come designer che ha fatto il passaggio.)
Il design è fluido
Una delle cose che non cambia nel design della stampa è la dimensione. Ogni documento è progettato e stampato con una certa dimensione. (E spesso anche su un singolo media).
Questo non è il modo in cui funziona il web. Ogni utente può guardare un sito Web utilizzando una diversa larghezza e altezza del browser oppure guardare il sito su un telefono cellulare o tablet. Quindi ogni design deve tenere conto di una varietà di dimensioni e dispositivi.
Familiarizzare con un design reattivo, che cos'è e come funziona. Il design reattivo (a volte chiamato RWD) è un approccio alla progettazione di siti Web in cui i siti vengono creati per essere visualizzati in modo ottimale indipendentemente dal dispositivo: desktop, tablet o dispositivo mobile. I designer creano il design utilizzando concetti di griglia fluidi, basati sulle proporzioni e tipografia e immagini flessibili.
Oltre alle modifiche alle dimensioni, lo spazio è illimitato. Come designer non sei bloccato nei vincoli di una cartolina da 4 x 6 pollici o di un poster da 11 a 17. La tela continua per tutte le pagine che vuoi e può scorrere quasi all'infinito.
Impara un po 'di HTML
Se vuoi progettare per il web, devi conoscere le basi. E puoi iniziare allenandoti. (Dai un'occhiata a questo articolo di Design Shack precedente per un elenco di fantastici luoghi da cui iniziare.)
Inizia con un po 'di HTML, la lingua del web. Con una minima comprensione dell'HTML, puoi imparare a cambiare facilmente colori, caratteri e dimensioni su un sito web. L'HTML è il fondamento su cui tutto ciò che è basato sul Web è costruito e senza di esso, lotterai nel design digitale.
Una volta che ti senti a tuo agio con le basi dell'HTML, esci da CSS e codice di base. I CSS o i fogli di stile CSS consentono di creare e modificare un set di stili per il tuo sito Web in base a un foglio di stile. Crea una serie di regole di progettazione e può essere utilizzato per creare la gerarchia dei siti Web e mantenere la coerenza visiva. Comprendere i concetti base di codifica ti aiuterà a capire perché le cose funzionano come fanno sul web. Anche se all'inizio la codifica sembra incomprensibile, ha senso una volta che si inizia veramente a guardarlo.
Non devi essere un maestro di HTML o CSS o codice per creare un grande progetto digitale, ma sarà di grande aiuto.
Crea contenuti dinamici
Il design della stampa è piatto. Testo e immagini sono appoggiati su un tipo di carta o altra superficie piana. Il design digitale è dinamico e attivo. Ricorda questo e usalo a tuo vantaggio.
Gli oggetti possono spostarsi, includere suoni o collegamenti e persino strumenti che fanno apparire o scompaiono gli oggetti quando l'utente si avvicina a loro. I progetti Web e digitali dovrebbero essere progettati per l'esperienza dell'utente. Questo potrebbe essere un bel cambiamento rispetto ad alcune delle filosofie a cui sei abituato nel mondo della stampa.
È inoltre importante utilizzare i segnali visivi comuni e le azioni dell'interfaccia utente in modo che il sito Web funzioni in modo che gli utenti si aspettino e sappiano come utilizzarli.
Il colore è diverso
I designer di stampa lavorano in CMYK. Il design digitale è basato sul colore RGB o HEX.
Proprio come il colore CMYK è spiegato usando i numeri per rappresentare i valori cromatici delle tinte base per fare ogni possibile colore, RGB funziona usando lo stesso concetto. RGB - rosso, verde, blu - sono mescolati in quantità diverse per creare ogni colore nello spettro digitale.
La differenza sta nel modo in cui i colori vengono creati. CMYK - ciano, magenta, giallo, nero - viene creato combinando i colori nel processo di stampa. RGB è una combinazione di colori visualizzati in luce.
I colori sono denominati con valori RGB (da 0 a 255 o ogni colore) per creare 16 milioni di combinazioni diverse.
I valori HEX sono un'estensione del colore RGB e ogni valore corrisponde a un colore RGB. Un valore HEX è semplicemente l'espressione HTML di un colore RGB. I colori sono denominati usando # seguito da un numero di sei cifre, dove ogni coppia di numeri si riferisce a rosso, verde e blu. (I valori HEX contengono anche lettere per rappresentare numeri maggiori di 99.)
Comprendere la tipografia Web
I designer di stampa possono essere abituati all'idea di poter usare qualsiasi font e avere un numero illimitato di caratteri tipografici disponibili. (A seconda della licenza, ovviamente.)
La tipografia Web può essere un po 'più complicata, sebbene stia migliorando sempre. La sfida più grande è comprendere la compatibilità di tipo e browser. Non tutti i tipi di carattere verranno visualizzati allo stesso modo su dispositivi diversi.
Poi ci sono standard di base e problemi di leggibilità che provengono dalla lettura su uno schermo. Piaccia o no, i caratteri sans serif sono praticamente lo standard quando si tratta di testo del corpo sul web. E il carattere tipografico spesso evitato Arial, è ovunque. Perché? Perché rende sempre come Arial. Nessuna sorpresa lì.
Il resto delle cose che conosci del tipo rimangono le stesse. Pratica buona crenatura, guida e tracciamento. Ridimensiona il testo in proporzione con altri tipi e elementi nel design per un aspetto generale ordinato e pulito.
Questioni relative alle dimensioni dell'immagine
Il web, una volta sede di milioni di immagini a bassa risoluzione, sta cominciando a evolvere di nuovo quando si tratta di immagini grazie all'emergere di display retina.
Mentre lo standard per la maggior parte delle immagini web è di 72 dpi - so che questo sembra molto piccolo per i designer di stampa, ma le immagini più piccole si caricano più velocemente e sembrano belle - più siti stanno iniziando a prendere in considerazione le immagini per il display retina. Queste immagini web ad alta risoluzione vengono spesso salvate a 72 dpi, ma sono molto più grandi quando si tratta di dimensioni complessive.
Invece di salvare un'immagine con una larghezza di 600 pixel, uno standard comune grazie a Pinterest e alle immagini fissate, un'immagine per la retina può avere una larghezza di 1.564 pixel.
Le immagini Web vengono spesso salvate in formati specifici: JPEG, PNG o GIF, a seconda del tipo di immagine e dell'utilizzo. Formati di stampa comuni come TIFF sono inaccettabili per l'uso web.
SEO ha un impatto sul design
Prendi confidenza con l'ottimizzazione dei motori di ricerca. Il modo in cui funziona il tuo sito e il testo che appare su di esso (e nei tag nascosti) può avere un impatto drammatico su chi trova il tuo sito e su come è classificato dai motori di ricerca. SEO è una parte importante del processo di web design.
SEO si riferisce anche ai social media. Quasi tutti i marchi con una presenza sul Web hanno corrispondenti social media. Tieni questo a mente durante il processo di progettazione in modo che tutte le parti possano essere create e progettate in modo coerente.
Impara a lasciare andare
Il design della stampa è molto preciso. Puoi misurare ogni spazio e ogni dettaglio e sembrerà sempre che tu l'abbia progettato. Il Web non funziona in questo modo. Ci sono alcune cose che appariranno diverse in diversi ambienti. Devi imparare a lasciar andare quando si tratta di queste cose.
Comprendi il tuo mezzo e i suoi limiti. Non sacrificare il tuo concetto di design, ma impara anche che alcune cose funzioneranno in modi che potrebbero non essere familiari o apparire in un certo modo. Accettalo e vai avanti.
Conclusione
Ho iniziato la mia carriera di designer sui giornali. Oggi disegno un po 'di tutto e divido il mio lavoro tra stampa e progetti web.
Anche se ci è voluto del lavoro da parte mia per farlo? quando si tratta del mondo del web e del design digitale, è un set di abilità inestimabile e una necessità per i designer nel mercato di oggi. Non posso esprimere quanto sia importante per i progettisti imparare a lavorare su media e capire le complessità di ciascuno.
Essere in grado di lavorare con progetti di stampa e digitali ti renderà un designer migliore. Imparerai cose che porti attraverso medium a progetti. Diventerai più commerciabile e, si spera, rimarrai soddisfatto e sfidato mentre impari e usi nuove abilità.
Sei un designer di stampe che ha iniziato a lavorare su progetti di design digitale? Condividi alcuni dei tuoi suggerimenti ed esperienze con noi nei commenti.
Fonti di immagini: Webtype e Jeff Eaton.