Come comunicare con i colori e la tipografia Ferdinando Signorelli www.marketingadvsignorelli.it
ADV A cura di Ferdinando Signorelli Web marketer con circa 10 anni di esperienza tra agenzie pubblicitarie e web agency. Consulente marketing per aziende, imprenditori e professionisti. www.marketingadvsignorelli.it
Come comunicare con i colori e la tipografia SOMMARIO I colori Il linguaggio dei colori I caratteri Accenno all utilizzo degli spazi, dei colori e dei font Esempio pratico: tecniche di comunicazione visiva Strumenti utili (pennelli, patterns e textures ) Tools Risorse online 2015 Ferdinando Signorelli Pagina 3
Premessa Questa è una piccola guida che non ha la pretesa di essere considerata un manuale ma uno strumento veloce ed utile per apprendere in modo pratico nozioni basilari della comunicazione visiva. Per tutto ciò che riguarda gli aspetti tecnici in merito alla gestione dei file, alle impostazioni dei tipi di file, dei formati ed altro ti rimando aquesta guida: Come lavorare con le immagini Mini guida per cominciare Buona lettura! 2015 Ferdinando Signorelli Pagina 4
I colori (Nozioni basilari)
Come comunicare con i colori e la tipografia I colori possono essere: #Primari (di tipo tradizionale usati in pittura) giallo, rosso e blu Miscelati fra loro in proporzioni diverse possono generare tutti gli altri colori. #Primari di tipo additivo rosso, verde e blu (RGB) Miscelati fra loro in proporzioni diverse possono generare tutti gli altri colori. La somma dei tre colori, invece, genera il bianco. #Primari di tipo sottrattivo ciano, magenta e giallo (CMYK) Miscelati fra loro in proporzioni diverse possono generare tutti gli altri colori. La somma dei tre colori, invece, genera il nero #Secondari si ottengono miscelando i colori primari (per esempio rosso e blu formano il viola) #Terziari si ottengono miscelando un colore secondario con un primario (per esempio rosso e arancio formano un rosso aranciato) #Complementari si ottengono da un primario e dal secondario generato dalla mescolanza degli altri due primari (per esempio, considerando i colori primari tradizionali, se la somma del rosso e il blu genera il viola, il viola sarà complementare del giallo) 2015 Ferdinando Signorelli Pagina 6
Il linguaggio dei colori
Il linguaggio dei colori Ovviamente tutti sanno che esiste un linguaggio dei colori, molti magari lo conoscono anche bene, altri per niente, altri ancora più o meno. La cosa da dire è che in realtà alcuni colori possono avere significati diversi in diversi paesi, come, per esempio, il rosso che da noi può significare forza e passione, in Cina è il colore delle spose, del buon augurio e della celebrazione (questo èsolo un esempio ma non approfondirò ulteriormente queste differenze in questa guida). Altra cosa da dire è che mentre alcuni colori rappresentano un significato preciso e convenzionalmente riconosciuto, altri sembrano avere descrizioni diverse in ogni guida o articolo che leggo sull argomento. Detto questo, ti riporto comunque una sintesi dei colori maggiormente utilizzati con la consapevolezza che si tratta pur sempre di interpretazione del linguaggio dei colori e non di una scienza precisa e impeccabile. 2015 Ferdinando Signorelli Pagina 8
Come comunicare con i colori e la tipografia Rosso assieme al giallo è il primo colore ad essere processato dal cervello. E ideale per attirare l attenzione. Trasmette entusiasmo, passione, forza, sesso, aggressività, coraggio, velocità, determinazione, desiderio, impulso, azione, pericolo. Rosa E uno dei colori con le maggiori proprietà rilassanti e pertanto riduce la rabbia e l aggressività. Trasmette amore, romanticismo, calma, serenità, tranquillità, fantasia, tradizione. Blu La maggior parte delle persone citano il blu come il loro colore preferito e l occhio umano lo riconosce anche a grandi distanze. Trasmette fiducia, affidabilità, appartenenza, freschezza, amicizia, calma, tranquillità, serenità, potere, successo, professionalità. Giallo E un colore spesso associato al cibo, aumenta la capacità di concentrazione e la creazione di serotonina (regola il buonumore), anche se rischia di non essere ben visibile se utilizzato nel modo sbagliato. Trasmette creatività, calore, felicità, allegria, ottimismo, speranza, curiosità, divertimento, energia, comfort. Verde Il colore della natura per eccellenza, è il più facile da processare per il cervello ed ha un effetto calmante. Spesso associato alla fortuna. Rappresenta natura, pace, nutrimento, armonia, buona fortuna, fertilità, generosità, calma, crescita, abbondanza, guarigione, vita, equilibrio. Arancione Aumenta l istinto ad agire e può essere utilizzato per veicolare movimento ed energia. Può aiutare a cambiare atteggiamento. Trasmette energia, amicizia, calore, creatività, accessibilità, entusiasmo, allegria, avventura. 2015 Ferdinando Signorelli Pagina 9
Come comunicare con i colori e la tipografia Viola Spesso scelto dalle ragazze giovani come colore preferito, stimola la risoluzione dei problemi e dona un aura di mistero, saggezza e rispetto. Trasmette ricchezza, prosperità, mistero, nobiltà, dignità, abbondanza, creatività, immaginazione, lusso, primavera, amore, spiritualità, giustizia, fantasia. Marrone Spesso associato alla terra e ai suoi prodotti primari, questo colore evoca stabilità ed affidabilità, natura, amicizia, semplicità, esperienza, comfort. Grigio Trasmette praticità, neutralità, durevolezza, indifferenza. Nero Trasmette lusso, potere, autorità, intelligenza, eleganza, seduzione, mistero, modernità, formalità, raffinatezza, segretezza. Argento E' uno dei colori femminili per eccellenza. Insieme all oro e il nero è il colore del lusso, ma anche dell intuizione, del sogno, dell energia astrale e della pulizia. E' ottimo per meditare. Oro A volte sostituito dal giallo, viene utilizzato per rappresentare le mete che si vogliono raggiungere, specialmente nell ambito lavorativo e dei guadagni. E' in grado di donare benessere, costanza, forza di volontà e molta forza fisica. 2015 Ferdinando Signorelli Pagina 10
I caratteri
I caratteri Il carattere, detto anche font o lettering, è rappresentato sostanzialmente da due macrocategorie: Caratteri Graziati Caratteri Bastoni I caratteri graziati sono caratteri ricchi di elementi arrotondati, soprattutto sugli estremi delle singole lettere, mentre i caratteri bastoni sono ovviamente l opposto e cioè caratteri con linee dritte in prevalenza e poche curve sulle estremità delle singole lettere. Una buona prassi nella comunicazione visiva e in particolare nell utilizzo del lettering è quella di creare contrasti, per esempio, se stai realizzando un logo e per il nome dell attività hai usato un carattere graziato, per lo slogan utilizza un carattere secco senza riccioli e fronzoli. In generale ti consiglio di non usare più di 2 o 3 font all interno di una grafica. 2015 Ferdinando Signorelli Pagina 12
Accenno all utilizzo degli spazi, dei colori e dei font
Lavora con gli spazi, i colori e i font Prova a giocare con i colori, le dimensioni, le versioni grassetto e normale, corsivo o meno e, soprattutto, con gli spazi, sperimentando diversi posizionamenti, allineamenti e interlinee. Ricorda che anche gli spazi bianchi servono alla comunicazione e sono comunicazione! ; ) 2015 Ferdinando Signorelli Pagina 14
Esempio pratico: Tecniche di comunicazione visiva
Tecniche di comunicazione visiva Mettiamo in pratica ciò che hai letto fin qui, guarda il documento che ho preparato per te al seguente indirizzo e poi torna qui (dai solo uno sguardo veloce, non leggere tutto il documento): Come comunicare con i colori e la tipografia (doc) Hai visto? Sono gli stessi contenuti di questa guida semplicemente scritti su un file word convertito in pdf. Che differenza c è tra quel documento e questo? Il primo è un semplice documento di testo, mentre questo è un file sicuramente letto dalla tua mente come più ricco e complesso. Lo è! Questo file, indipendentemente dal risultato estetico che può piacere o meno in base ai gusti personali, ha una grafica, sfrutta delle tecniche di comunicazione visiva che lo rendono più dinamico, complesso e comunicativo. Hai notato cosa ho scritto? Questo file ha una grafica! E come è fatta questa grafica? Ora ti svelo il senso di tutta la guida 2015 Ferdinando Signorelli Pagina 16
Come comunicare con i colori e la tipografia La differenza tra i due file èdata da: 1) Un solo colore aggiunto (l arancione) 2) Un solo elemento grafico (il logo del mio sito adattato a questa guida) 3) Un solo font Tutto l impatto visivo èdato dall utilizzo e dall alternanza degli spazi bianchi ed arancioni, dalle diverse formattazioni del font con diverse grandezze, colori, interlinee, allineamenti e alternanze di grassetto, normale e corsivo. Ora rileggi Accenno all utilizzo degli spazi, dei colori e dei font e chiudi il cerchio! Sei pronto per divertirti, passa alle prossime pagine e ti dico da dove cominciare. 2015 Ferdinando Signorelli Pagina 17
Strumenti utili
Strumenti utili Se vuoi divertirti con Photoshop ti consiglio: http://www.brusheezy.com E possibile scaricare un infinità di bellissimi pennelli, patterns e textures (se non sai cosa sono, lo capirai quando vedrai la pagina e con una ricerca veloce troverai anche il sistema semplicissimo per l istallazione) per dare infinito sfogo alla fantasia e alla creatività. Se usi Illustrator, vai a questa pagina: http://www.pittorifamosi.it/grafica digitale/200 pennelli pattern texture simboli perillustrator.php Raccoglie i migliori link per scaricare pennelli, pattern, texture, simboli e vettori. 2015 Ferdinando Signorelli Pagina 19
Tools
Tools Esistono anche molti tools online per fare le cose più disparate in ambito grafico, voglio condividere con te: http://cartoon.pho.to/it/ Puoi trasformare foto in disegni a cartoni o immagini in caricature con pochi semplici clic. http://www.pixton.com/it/ Per realizzare dei veri e propri fumetti. https://www.canva.com/ Per realizzare qualsiasi tipo di grafica con pochi clic anche se non sei un grafico 2015 Ferdinando Signorelli Pagina 21
Risorse online
Risorse online Una piccola selezione di siti per scaricare bellissime immagini gratis e con una buona risoluzione. In alcuni casi è richiesta una citazione all autore o al sito, guarda sempre se ci sono indicazioni e/o condizioni sull utilizzo delle immagini. www.freepik.com www.kaboompics.com www.gratisography.com www.ilovecreativity.it https://unsplash.com Ora se vuoi puoi divertirti a creare un logo leggendo questa guida scritta da me e Dario Vignali Creare un logo vincente e trovare grafiche per il proprio sito web O approfondire con queste due letture Un mio articolo Come lavorare con le immagini Mini guida per cominciare Un libro Manuale di redazione di Mariuccia Teroni 2015 Ferdinando Signorelli Pagina 23
Come comunicare con i colori e la tipografia Mi auguro che questa guida sia stata utile e di tuo gradimento. Per qualsiasi richiesta, chiarimento, feedback o altro puoi contattarmi all indirizzo info@marketingadvsignorelli.it o tramite i miei canali social. E già che ci sei, se non lo hai ancora fatto, aggiungimi e restiamo in contatto ; ) Google+ Linkedin Twitter Facebook Un ultimo favore, se credi che lo merito e vuoi ripagare il mio impegno e il tempo impiegato a produrre questo contenuto, condividilo su uno o più canali social. Grazie e in bocca al lupo per tutto! ; ) 2015 Ferdinando Signorelli Pagina 24