TYPOGRAPHY IN WEB DESIGN
HANDS-ON WORKSHOP
La tipografia web svolge un ruolo nascosto ma essenziale per il successo di un progetto in rete.
Il giusto carattere, la proporzione dei paragrafi, la leggibilità del testo, sono variabili che rendono un sito piacevole ed efficace.
Viceversa, una scelta tipografica sbagliata può allontanare per sempre i visitatori dal tuo sito.
Durante questa sessione di mezza giornata imparerai a riconoscere le buone pratiche tipografiche, ovvero quelle che caratterizzano un lavoro professionale, da quelle errate, che tradiscono un approccio dilettantistico.
COSA IMPARERAI:
Con esercizi pratici, imparerai a scegliere e combinare font per creare un progetto comunicativo efficace e coerente.
Scoprirai come funziona un font, quali sono i formati per il web, e perché lo stesso font viene visualizzato in maniera differente sui diversi dispositivi.
Con una vasta gamma di esempi ed esercizi pratici, il workshop affronterà diverse tematiche:
– Micro e macrotipografia
– Anatomia, classificazione e stili dei caratteri tipografici
– Armonia e contrasto nella composizione tipografica
– Lavorare con interlinea, corpo, giustezza e le scale tipografiche
– Lo stato dell’arte nella web typography
– CSS3 e tipografia
– Le librerie JavaScript per il controllo tipografico
– Tecniche di responsive web typography
A CHI SI RIVOLGE:
Studenti, junior designer e developer, product/brand/marketing/IT manager, project manager. Hai sentito parlare di tipografia web e vuoi saperne di più? Sei appassionato di tipografia e comunicazione grafica e vuoi conoscere i nuovi trend tecnologici e di design? Sei in procinto di costruire un nuovo sito? Sei interessato a conoscere il futuro del web design? Se hai risposto sì ad una o più di queste domande, allora questo workshop fa proprio per te.
REQUISITI:
Questo workshop e’ pensato per un pubblico ampio con livelli diversi di competenze.
Si richiede la conoscenza base di HTML/CSS.È consigliato portare il proprio notebook.
PROGRAMMA: teoria ed esercizi
14:00
– Introduzione
– “bad typography is everywhere” (esempi)
– La “gestalt” in ambito tipografico (esempi)
14:30 / 16.00
– Elementi di tipografia generale: anatomia, formati, unità di misura
– Macrotipografia: la pagina stampata e la pagina web
– Gestire i blocchi di testo: ritmo verticale, contrasto, armonia
– Esercizi individuali o di gruppo.
10 min break
16:10 / 17:45
– Microtipografia: punteggiatura, caratteri speciali, crenatura, legature.
– CSS3: ombre, colore, rotazioni, stroke, maschere, background clipping, eccetera.
– Librerie JS: LetteringJS, FitText, BigText, Typogr.
– Esercizi individuali o di gruppo.
17:45 / 18:40
– Responsive web typography: media queries, FlowType.
– User Experience e Interaction design: il futuro della web typography (esempi)
– Esercizi individuali o di gruppo.
18:40 / 19:00
– Discussione finale
In chiusura: birre e sfide a calciobalilla.
Durante il workshop sarà a disposizione un rinfresco
TUTOR:
Matteo Balocco
UX/UI Designer
Matteo è l’autore di “Tipografia Web: design, stile, tecnologia” (Apogeo) ed è tra gli organizzatori di Kerning, la conferenza internazionale dedicata alla tipografia web.
Attualmente collabora con RSI (la televisione svizzera in lingua italiana), Certilogo e TOK.tv (la start up californiana che ha realizzato JuventusLive). Figura stabilmente nello staff di Frontiers of Interaction ed ha fatto parte della commissione tematica per l’ADI Design Index.
In passato ha collaborato con Simplicissimus Book Farm, per la definizione di uno stile tipografico per ebook.
Ha una sua teoria su come il mondo potrebbe essere un posto migliore grazie al prosecco e le fragole ghiacciate.