Tipografia web e font variabili

Partecipa
Image by Gianni Careddu - Own work, CC BY-SA 4.0
online
italiano

Tipografia 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

WebMatter

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.

Giulia Laco

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

Partecipa
Dove

Il workshop si svolge online, in aula virtuale

Cosa e quando

 - 

16 e 17 Marzo 2021, dalle 9 alle 13

Lingua
italiano
Docente

Giulia Laco
WebMatter