Tipografia web e font variabili
PartecipaTipografia web e font variabili
Progettare un sistema tipografico per siti web sfruttando i vantaggi del formato OpenType 1.8
I font variabili rappresentano una grossa novità per la tipografia dei siti web e godono oggi di un buon supporto a livello dei browser. Il formato rappresenta inoltre un’opportunità di miglioramento delle performance dei web font e un sorprendente ampliamento delle possibilità tipografiche. I siti web sono strutture complesse in cui il testo compare con diverse funzioni: dal corpo del testo, ai titoli, ai menù di navigazione e non solo. Ogni parte merita un diverso trattamento tipografico per esaltare al contempo l'architettura del sito, la struttura di pagina e la natura stessa del contenuto. I font variabili sembrano proprio venirci in aiuto. Per sfruttarne appieno le potenzialità, occorre capirne le ragioni storiche e immaginarne l’utilizzo creativo nelle interfacce digitali, nell’animazione del testo, nel design fluido, fino all’espressione del brand in modi nuovi, prima impensabili.
Nel workshop verranno affrontati sia aspetti teorici che pratici.
Cosa ottieni frequentando questo workshop:
- • Conoscenza del formato dei font variabili e collocazione nella storia tipografica
- • Capacità di corretta implementazione dei font variabili e dei fallback font con consapevolezza delle tematiche legate al web font loading
- • Consapevolezza di cosa si acquista quando si compera un font
- • Spunti per la creatività in base a ciò che un dato font prevede
Partecipa
Docente
Giulia Laco
Web designer/developerWebMatter
Formazione umanistica mescolata alla Logica matematica, la Linguistica, l’Intelligenza Artificiale e la Filosofia del Linguaggio. Attratta dal Web design fin dagli esordi, sono stata webmaster in azienda nell’altro secolo e Web designer/developer in questo, appassionandomi ciclicamente a nuove discipline: Web Marketing, Architettura dell’Informazione, SEO, UX e Web Typography – per citarne alcune. Da qualche anno cerco di ispirare la comunità dei web designer all’utilizzo consapevole della tipografia per il web.
Argomenti trattati
- Web font, font di sistema, UI system font
- Formati di font
- Direttiva CSS @font-face
- Il caricamento dei font, FOIT/FOUT
- La proprietà font-display
- Fallback font e font-stack
- I font variabili
- Gli assi di variazione
- Proprietà CSS (basso livello vs. CSS4)
- Font-size (unità di misura)
- Responsive Web Typography vs. Fluid Web Typography
- Typesetting del paragrafo perfetto
- Anatomia dei caratteri
- Classificazione
- Font-pairing
- Testo e funzione
A chi è rivolto
Il corso è rivolto a designer, sviluppatori, product owner e manager che vogliano applicare font variabili e principi di tipografia al proprio prodotto o progetto.
Requisiti di partecipazione
Per partecipare è necessaria una conoscenza base di CSS e HTML.
Ti serviranno inoltre un editor di codice e il browser (consigliata: ultima versione di Firefox)
Verranno suggeriti prima del corso eventuali altri strumenti/configurazioni utili.
Informazioni utili
Il workshop si svolge online e dura 8 ore, divise in due mattine: Martedì 16 e Mercoledì 17 Marzo 2021, dalle 9 alle 13.
Assicurati un posto! I biglietti sono in vendita
PartecipaIl workshop si svolge online, in aula virtuale
8 ore, divise in due sessioni: Martedì 16 e Mercoledì 17 Marzo 2021, dalle 9 alle 13.
Giulia Laco
Web designer/developerWebMatter