Lezione 4: Introduzione alla Tipografia per la Pubblicità - SSML Palermo PDF

TEORIE E TECNICHE DI CREATIVITÀ PUBBLICITARIE PROF.SSA ORNELLA MAGLIOZZO LEZIONE 4 : INTRODUZIONE ALLA TIPOGRAFIA PER LA PUBBLICITÀ materiale didattico a esclusivo uso interno  ok… ok ciao OK CIAO ciao Ok, ciao. “Le parole sono immagin...

TEORIE E TECNICHE DI CREATIVITÀ PUBBLICITARIE PROF.SSA ORNELLA MAGLIOZZO LEZIONE 4 : INTRODUZIONE ALLA TIPOGRAFIA PER LA PUBBLICITÀ materiale didattico a esclusivo uso interno  ok… ok ciao OK CIAO ciao Ok, ciao. “Le parole sono immagini e le immagini sono parole.” Davide Bertozzi  Cos’è la tipografia l'arte e la tecnica di disporre il testo in modo leggibile TIPOGRAFIA si occupa della selezione dei caratteri, delle dimensioni, della spaziatura e dell'allineamento del testo, e di come queste scelte influenzano l'estetica e la leggibilità di un messaggio scritto  A cosa serve la tipografia capire e utilizzare correttamente la tipografia permette di creare TIPOGRAFIA messaggi efficaci, coinvolgenti e visivamente attraenti, migliorando l'interazione e la percezione del pubblico  Una font è una collezione di caratteri, numeri e simboli che FONT condividono uno stesso design. Ogni font appartiene a una famiglia tipografica la font: Arial il font: arial bold pt 11  1. serif 1. sans-serif FAMIGLIE 1. script TIPOGRAFICHE 1. monospace 1. display 1. slab  serif = grazia sono caratterizzati da piccoli allungamenti, solitamente ortogonali, alle estremità del carattere che FONT SERIF rendono il carattere più elegante, più “aggraziato” uso: testi stampati, libri, giornali Aa comunicano: tradizione, affidabilità, eleganza, autorità, sono spesso associati a brand classici o istituzionali Carattere Lapidario Romano  senza grazie, detti bastoni o lineari sono caratterizzati da linee pulite, moderne, semplici FONT SANS-SERIF uso: interfacce digitali, pubblicità, segnaletica comunicano: modernità, chiarezza, Aa neutralità, innovazione, trasparenza sono ideali per un pubblico giovane Forme base del Futura  imitano la scrittura a mano, spesso con caratteri connessi tra loro uso: inviti, loghi, titoli creativi FONT SCRIPT comunicano: eleganza, informalità, creatività, personalità Aa spesso usati in settori legati al lusso o al lifestyle  ogni carattere occupa lo stesso spazio orizzontale FONT MONOSPACE uso: programmazione, scrittura di sceneggiature, documenti tecnici comunicano: nostalgia, semplicità, funzionalità, tecnologia Aa  sono progettati per essere utilizzati in grandi dimensioni, non per testi lunghi FONT DISPLAY uso: titoli, poster, pubblicità comunicano: impatto visivo, forza, attenzione Aa ideali per campagne che puntano a un impatto visivo forte, come il settore dell’intrattenimento o dei beni di consumo giovanili  detti egiziani, font serif con grazie spesse e pesanti, utilizzo estremo del contrasto FONT SLAB uso: titoli, manifesti, branding comunicano: robustezza, modernità, solidità Aa caratteristiche volte solamente a catturare l’attenzione e non a garantire leggibilità Poster Vittoriano Aa Aa Aa Aa Aa Aa The History of Typography - Animated Short  Elementi della tipografia I caratteri possono variare nel peso (light, regular, bold) PESO e STILE e nello stile (italic, oblique). Fonte: Fontstand  Elementi della tipografia La dimensione dei caratteri è misurata in punti (pt) e influisce DIMENSIONE sulla leggibilità e sull’impatto visivo Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod Lorem ipsum dolor sit amet, tincidunt ut laoreet dolore magna aliquam erat consectetuer adipiscing elit, volutpat. sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 11 pt 18 pt  Elementi della tipografia Kerning: Lo spazio tra due singoli caratteri SPAZIATURA Tracking: Lo spazio uniforme tra tutte le lettere di una parola o una linea di testo Leading: La spaziatura tra le linee di testo (interlinea)  Elementi della tipografia Come il testo è disposto all'interno di un'area ALLINEAMENTO (allineato a sinistra, a destra, centrato, giustificato).  Allineamento: bandiera a sinistra Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Allineamento: bandiera a destra Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Allineamento: centrale o epigrafe Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Allineamento: giustificazione Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.  Utilizzo della tipografia in pubblicità e psicologia delle font  Importanza della tipografia 1 leggibilità e chiarezza TIPOGRAFIA 2 comunicazione del brand 3 impatto emotivo 4 gerarchia visiva 5 estetica  La scelta del font e la sua disposizione influiscono LEGGIBILITÀ direttamente sulla leggibilità del testo. Testi facilmente leggibili migliorano l’esperienza dell’utente e facilitano la comprensione del messaggio.  Come migliorare la leggibilità Le font serif Le font sans-serif (es. Times New Roman, (es. Helvetica, Arial) Garamond) sono spesso usate sono preferite per testi per testi lunghi stampati brevi o digitali per la perché le grazie delle loro chiarezza e lettere aiutano l'occhio a modernità. seguire la linea del testo.  Come migliorare la leggibilità Evitare font complesse: Font troppo decorative o complesse possono essere difficili da leggere, specialmente in dimensioni ridotte.  Come migliorare la leggibilità Dimensione Adeguata: Utilizzare una dimensione Usare dimensioni maggiori del carattere che sia per titoli e sottotitoli facilmente leggibile. rispetto al corpo del testo per creare una chiara Per il corpo del testo gerarchia visiva. stampa: 10-12 punti web: 16-18 pixel What a luxury car should be, Ford 1986  Come migliorare la leggibilità Spaziatura: Utilizzare una spaziatura tra le linee (interlinea - leading) adeguata, solitamente 120-145% della dimensione del carattere. Un’interlinea troppo stretta rende il testo affollato e difficile da leggere, mentre una troppo ampia può interrompere il flusso del testo.  Come migliorare la leggibilità Spaziatura: Regolare la spaziatura tra le lettere (tracking) per migliorare la leggibilità, specialmente in titoli e sottotitoli. Il kerning, la regolazione dello spazio tra coppie specifiche di lettere, può migliorare l’aspetto estetico del testo.  Come migliorare la leggibilità Contrasto di colore: Assicurarsi che ci sia un buon contrasto tra il testo e lo sfondo. Testo scuro su sfondo chiaro è generalmente più leggibile. Evitare combinazioni di colori che possono risultare difficili da distinguere (es. rosso su verde). “77%”- Pro-Choice Public Education Project 1998  Come migliorare la leggibilità Contrasto di peso: Usare variazioni di peso (regular, bold) e stile (italic) per enfatizzare parti del testo. Cooler than Cool 1994  Come migliorare la leggibilità Lunghezza della linea: La lunghezza ideale della linea è di 50-75 caratteri per riga, inclusi gli spazi. Linee troppo lunghe possono affaticare gli occhi, mentre linee troppo corte possono interrompere il flusso della lettura. Pentel Ad 1971  Come migliorare la leggibilità Allineamento del testo: L’allineamento a sinistra è il più leggibile poiché rispetta il flusso naturale della lettura (da sinistra a destra per le lingue occidentali). Evitare il testo giustificato se non si può controllare la spaziatura, poiché può creare “fiumi” di spazio bianco. Johnnie Walker Red Label Ad 1970  La tipografia contribuisce a definire l'identità visiva di un COMUNICAZIONE marchio. DEL BRAND Font distintivi possono rendere un brand riconoscibile e memorabile.  La coerenza tipografica attraverso tutti i materiali di COERENZA un brand (brochure, siti web, pubblicità, ecc.) aiuta a creare un’immagine di marca uniforme e professionale.  La tipografia aiuta a creare una gerarchia visiva, guidando il GERARCHIA VISIVA lettore attraverso il contenuto in modo logico. Titoli, sottotitoli e paragrafi ben distinti facilitano la comprensione e la lettura.  Una tipografia ben progettata organizza il contenuto in modo CHIAREZZA chiaro, aiutando il lettore a navigare attraverso il testo senza confusione.  Evidenziando elementi chiave attraverso variazioni di FOCALIZZAZIONE dimensioni, peso e colore, la tipografia può dirigere l'attenzione del lettore sugli aspetti più importanti del messaggio. Colgate ad (1964)  Una buona tipografia cattura l'attenzione del lettore e COINVOLGIMENTO mantiene il suo interesse, migliorando l'efficacia del messaggio pubblicitario.  Una tipografia ben scelta e ben applicata contribuisce a un ESTETICA design visivamente attraente e professionale. Font mal scelti o mal distribuiti possono rendere un design disordinato e poco professionale.  La tipografia può evocare emozioni specifiche. IMPATTO EMOTIVO Font arrotondati e giocosi possono creare una sensazione di felicità e amichevolezza, mentre font severi e spigolosi possono evocare serietà e professionalità. Flyers Space Invaders 1978 “Non ci sono font belli o brutti. Esistono solo font adeguati o inadeguati al progetto.” Daniel Will-Harris  Times New Roman Emozioni: Tradizione, affidabilità, autorità. Utilizzo: Testi lunghi, giornali, documenti ufficiali. Comunica: Stabilità e serietà. È il carattere tipografico standard per molti documenti accademici e legali. Aa The quick brown fox jumps over the lazy dog Things go better with Coke 1968 It's the real thing 1969 Matrix 1999  Helvetica Emozioni: Chiarezza, neutralità, modernità. Utilizzo: Branding, segnaletica, interfacce utente. Comunica: Precisione e pulizia. Spesso utilizzato per comunicazioni che richiedono leggibilità e un aspetto senza tempo. Aa The quick brown fox jumps over the lazy dog  Font in Use It's the real thing 1969 Ford’s better ideas for sale 1967 Lay’s 1967 Nasa 1980  Garamond Emozioni: Eleganza, sofisticazione, classicità. Utilizzo: Libri, pubblicazioni accademiche, tipografia di lusso. Aa Comunica: Cultura e raffinatezza. Perfetto per materiali che richiedono un aspetto elegante e tradizionale. The quick brown fox jumps over the lazy dog New Temple Shakespeare , 1934–56 Emozioni: Modernità, precisione, minimalismo Utilizzo: Branding, pubblicità, design grafico Comunica: Innovazione e progresso. Spesso utilizzato da aziende che vogliono apparire all'avanguardia. Association of American Railroads 1952 Think small, 1965 Volkswagen Station Wagon 1971 Enter the Wink paint your wagon, 1989 Copertina libretto, 1989 Campari soda 1979  Bodoni Emozioni: Eleganza, lusso, modernità classica. Utilizzo: Moda, editoria di alta gamma, branding. Aa Comunica: Stile e sofisticazione. Molto usato in riviste di moda e marchi di lusso. The quick brown fox jumps over the lazy dog  Arial Emozioni: Neutralità, praticità, modernità. Utilizzo: Documenti digitali, interfacce utente, segnaletica. Comunica: Funzionalità e leggibilità. Scelto spesso per la sua chiarezza su schermi digitali. Aa The quick brown fox jumps over the lazy dog  Gill Sans Emozioni: Chiarezza, eleganza, modernità. Utilizzo: Branding, segnaletica, pubblicazioni. Comunica: Serietà e professionalità con un tocco di modernità. Utilizzato spesso in contesti aziendali e istituzionali. Aa The quick brown fox jumps over the lazy dog 2001: Odissea nello spazio (1968) Emozioni: Sicurezza, modernità, professionalità. Utilizzo: Branding, editoria, campagne pubblicitarie, segnaletica, interfacce digitali. Comunica: Chiarezza,forza e solidità, la sua neutralità visiva lo rende un font inclusivo Campagna elettorale di Obama 2008  Verdana Emozioni: Chiarezza, modernità, funzionalità. Utilizzo: Web design, interfacce digitali, presentazioni. Comunica: Leggibilità e accessibilità. Progettato specificamente per lo schermo, facilita la lettura online. Aa The quick brown fox jumps over the lazy dog  Comic Sans Emozioni: Amicizia, informalità, leggerezza. Utilizzo: Materiali per bambini, comunicazioni informali. Aa Cosa: Giocosità e approccio casuale. Ideale per contenuti che non necessitano di formalità. The quick brown fox jumps over the lazy dog