8 suggerimenti per i progettisti di stampa Passare al Web e al design digitale
Oggigiorno sempre più designer stanno lavorando su piattaforme diverse, passando da progetti di stampa a quelli digitali. 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 abilità per lavorare in modo efficace ed efficiente in entrambi gli ambienti.
Ma è possibile Qui condividiamo otto suggerimenti per i progettisti di stampa che passano ai progetti digitali. (E posso garantire per ogni singolo suggerimento come designer che ha effettuato il passaggio.)
Esplora Envato Elements
Il design è fluido
Una delle cose che non cambia nel design di stampa è la dimensione. Ogni documento è progettato e stampato ad una certa dimensione. (E spesso anche su un singolo supporto.)
Questo non è come funziona il web. Ogni utente può guardare un sito Web utilizzando una larghezza e altezza del browser diverse o guardare il sito su un telefono cellulare o tablet. Quindi ogni design deve tenere conto di una varietà di dimensioni e dispositivi.
Acquisisci familiarità con il design reattivo, cos'è e come funziona. Il responsive design (a volte chiamato RWD) è un approccio alla progettazione di siti Web in cui i siti vengono creati per visualizzare in modo ottimale indipendentemente dal dispositivo: desktop, tablet o dispositivo mobile. I progettisti creano il design utilizzando concetti di griglia fluidi e basati su proporzioni, tipografia e immagini flessibili.
Oltre alle modifiche alle dimensioni, lo spazio è "illimitato". Come designer non sei bloccato dai vincoli di una cartolina da 4 per 6 pollici o di un poster da 11 per 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 precedente articolo di Design Shack per un elenco di ottimi posti per iniziare.)
Inizia con un po 'di HTML, la lingua del web. Con una piccola comprensione dell'HTML, puoi imparare a cambiare facilmente colori, caratteri e dimensioni su un sito Web. L'HTML è la base su cui tutto è basato sul web e senza di esso, avrai difficoltà nella progettazione digitale.
Dopo aver acquisito familiarità con le basi dell'HTML, passa al CSS e al codice di base. CSS o Fogli di stile a cascata, ti consentono di creare e modificare un set di stili per il tuo sito Web basato su un foglio di stile. Crea una serie di regole di progettazione e può essere utilizzato per creare una gerarchia di siti Web e mantenere la coerenza visiva. Comprendere i concetti di base della codifica ti aiuterà a capire perché le cose funzionano nel modo in cui funzionano sul Web. Sebbene all'inizio la codifica appaia incomprensibile, ha senso una volta che inizi davvero a guardarla.
Non devi essere un maestro di HTML o CSS o codice per creare un grande progetto digitale, ma sarà di grande aiuto.
Crea contenuto dinamico
Il design della stampa è intrinsecamente piatto. Testo e immagini sono appoggiati su un tipo di carta o altra superficie piana. Il design digitale è dinamico e attivo. Ricordalo e usalo a tuo vantaggio.
Gli oggetti possono spostarsi, includere suoni o collegamenti e persino strumenti che fanno apparire o librarsi 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.
È anche importante utilizzare segnali visivi comuni e azioni dell'interfaccia utente in modo che il tuo sito Web funzioni in modo che gli utenti si aspettino e sappiano come utilizzarlo.
Il colore è diverso
I designer di stampa lavorano in CMYK. Il design digitale si basa sul colore RGB o HEX.
Proprio come il colore CMYK viene spiegato usando i numeri per rappresentare i valori di colore delle tonalità di base per rendere ogni colore possibile, 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 vengono creati i colori. CMYK - ciano, magenta, giallo, nero - viene creato combinando i colori nel processo di stampa. RGB è una combinazione di colori visualizzati alla 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 nominati usando # seguito da un numero di sei cifre, dove ogni coppia di numeri si riferisce a rosso, verde e blu. (I valori esadecimali contengono anche lettere per rappresentare numeri maggiori di 99.)
Comprensione della tipografia Web
I progettisti della stampa possono essere abituati all'idea di poter utilizzare qualsiasi tipo di carattere e disporre di un numero illimitato di caratteri tipografici. (A seconda della licenza, ovviamente.)
La tipografia web può essere un po 'più complicata, sebbene stia migliorando continuamente. La sfida più grande è capire il tipo e la compatibilità del browser. Non tutti i caratteri tipografici verranno visualizzati allo stesso modo su dispositivi diversi.
Quindi ci sono standard web di base e problemi di leggibilità che derivano dalla lettura su uno schermo. Piaccia o no, i caratteri tipografici sans serif sono praticamente lo standard quando si tratta di testo del corpo sul web. E il carattere tipicamente evitato Arial, è ovunque. Perché? Perché viene sempre visualizzato come Arial. Nessuna sorpresa lì.
Il resto delle cose che sai sul tipo rimangono le stesse. Pratica buona crenatura, guida e tracciamento. Ridimensiona il testo in modo proporzionale rispetto ad altri tipi ed elementi nel design per un aspetto generale pulito e ordinato.
La dimensione dell'immagine conta
Il web, una volta sede di milioni di immagini a bassa risoluzione, sta cominciando a evolversi 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 - lo so che sembra molto piccolo per i progettisti di stampa, ma le immagini più piccole si caricano più velocemente e sembrano proprio bene - più siti stanno iniziando a considerare le immagini per la visualizzazione della 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 a una larghezza di 600 pixel - uno standard comune grazie a Pinterest e alle immagini appuntate - un'immagine per la visualizzazione della retina può essere larga 1.564 pixel.
Le immagini Web vengono spesso salvate in formati specifici - JPEG, PNG o GIF - a seconda del tipo di immagine e dell'uso. I formati di stampa comuni come TIFF sono inaccettabili per l'uso sul web.
SEO ha un impatto sul design
Familiarizzare con l'ottimizzazione dei motori di ricerca. Il modo in cui funziona il tuo sito e quale testo appare (e nei tag nascosti) può avere un impatto drammatico su chi trova il tuo sito e su come viene classificato dai motori di ricerca. La SEO è una parte importante del processo di web design.
La SEO si riferisce anche ai social media. Quasi ogni marchio con una presenza sul web ha i social media corrispondenti. Tienilo a mente durante il processo di progettazione in modo che tutte le parti possano essere create e progettate in modo coerente.
Impara a lasciarsi andare
Il design della stampa è molto preciso. Puoi misurare ogni spazio e dettaglio e sembrerà sempre che tu l'abbia progettato. Il Web non funziona in questo modo. Ci sono alcune cose che appariranno diverse in ambienti diversi. 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 nel design nei giornali. Oggi progetto un po 'di tutto e divido il mio lavoro tra progetti di stampa e web.
Sebbene ci sia voluto del lavoro da parte mia per "ottenerlo" quando si tratta del mondo del web e del design digitale, è un insieme 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 diversi mezzi e comprendere la complessità di ciascuno.
Essere in grado di lavorare con progetti di stampa e digitali ti renderà un designer migliore. Imparerai cose che porti attraverso i mezzi ai progetti. Diventerai più commerciabile e, auspicabilmente, rimarrai soddisfatto e sfidato mentre impari e utilizzi nuove competenze.
Sei un designer di stampa che ha iniziato a lavorare su progetti di design digitale? Condividi alcuni dei tuoi suggerimenti ed esperienze con noi nei commenti.
Fonti di immagine: Webtype e Jeff Eaton.
