-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
fe76064
commit 8f41ce7
Showing
3 changed files
with
86 additions
and
80 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -5,97 +5,77 @@ summary_page_button_label: "Torna alla pagina workshop" | |
| workshop_img_credits: | ||
|
|
||
| workshops: | ||
| font_variabili: | ||
| ws_id: font_variabili | ||
| design-system: | ||
| ws_id: design-system | ||
| is_external: false | ||
| page_uri: "workshop/font_variabili.html" | ||
| page_title: "Tipografia web e font variabili" | ||
| workshop_title: "Tipografia web e font variabili" | ||
| ticket_url: "https://cssday-2021.eventbrite.com" | ||
| page_uri: "workshop/design-system.html" | ||
| page_title: "Workshop: The science of a button: Introduzione ai design system" | ||
| workshop_title: "The science of a button: Introduzione ai design system" | ||
| ticket_url: "https://www.cssday.it/tickets/" | ||
| ticket_label: "Partecipa" | ||
| location_title: "Dove" | ||
| # location: "Verona" | ||
| online_location: "online" | ||
| # location_name: "Hotel San Marco" | ||
| location: "In presenza a Faenza" | ||
| # online_location: "online" | ||
| location_name: "In presenza a Faenza, presso Faventia Sales (Complesso Ex Salesiani)" | ||
| # location_name: "The Internet" | ||
| # location_contact_phone: "+045569011" | ||
| # location_contact_email: "[email protected]" | ||
| # location_contact_url: "https://www.sanmarco.vr.it/" | ||
| # location_address: "Via Longhena 42, 37138 Verona (VE) Italy" | ||
| # location_maps_url: "https://www.google.com/maps/place/Hotel+San+Marco+Fitness+Pool+%26+SPA/@45.4399961,10.9697441,17z/data=!3m1!4b1!4m8!3m7!1s0x4781e1e30a8be6af:0x8091b108e1d130c6!5m2!4m1!1i2!8m2!3d45.4399961!4d10.9719328" | ||
| # location_maps_label: "Get directions" | ||
| location_address: "Via San Giovanni Bosco 1, Faenza" | ||
| location_maps_url: "https://goo.gl/maps/UmD42mCcBRPiXzwd8" | ||
| location_maps_label: "Dove" | ||
| # location_additional_info: "L'hotel offre tariffe scontate ai partecipanti ai workshop, sia per camere singole sia per camere doppie." | ||
| location_additional_info: "Il workshop si svolge online, in aula virtuale" | ||
| # location_additional_info: "Il workshop si svolge online, in aula virtuale" | ||
| whatandwhen_title: "Quando" | ||
| # whatandwhen_additional_info: "Registrazione, caffè e pranzo inclusi" | ||
| whatandwhen_additional_info: "8 ore, divise in due sessioni: Martedì 16 e Mercoledì 17 Marzo 2021, dalle 9 alle 13." | ||
| date: 2021-03-16T09:00+01:00 | ||
| end_date: 2021-03-17T13:00+01:00 | ||
| date_text: | ||
| whatandwhen_additional_info: "Giovedì 27 Marzo 2025, dalle 9:30 alle 17:30. Pausa caffè e pranzo inclusi." | ||
| # whatandwhen_additional_info: "additional" | ||
| date: 2025-03-27T09:30+02:00 | ||
| end_date: 2024-03-27T18:00+02:00 | ||
| date_text: "Giovedì 27 Marzo 2025, dalle 9:30 alle 17:30" | ||
| language_title: "Lingua" | ||
| language: "italiano" | ||
| # language_ext: "Lingua: italiano" | ||
| language_ext: "" | ||
| language_additional_info: "" | ||
| # collab: "Workshop realizzato in collaborazione con Giulia Laco" | ||
| description: "Progettare un sistema tipografico per siti web sfruttando i vantaggi del formato OpenType 1.8" | ||
| collab: "Workshop in presenza a Faenza realizzato in collaborazione con <a href='https://www.linkedin.com/company/apropos-srl/'>Apropos</a>." | ||
| description: "Impara a progettare e implementare un design system scalabile e coeso." | ||
| description_long: | ||
| "<strong> Progettare un sistema tipografico per siti web sfruttando i vantaggi del formato OpenType 1.8 </strong> | ||
| <br> | ||
| <br /> 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. | ||
| <br> | ||
| <br /> Nel workshop verranno affrontati sia aspetti teorici che pratici. | ||
| <br> | ||
| <br /> <strong> Cosa ottieni frequentando questo workshop: </strong> | ||
| <ul> | ||
| <li>• Conoscenza del formato dei font variabili e collocazione nella storia tipografica</li> | ||
| <li>• Capacità di corretta implementazione dei font variabili e dei fallback font con consapevolezza delle tematiche legate al web font loading</li> | ||
| <li>• Consapevolezza di cosa si acquista quando si compera un font</li> | ||
| <li>• Spunti per la creatività in base a ciò che un dato font prevede</li!> | ||
| </ul> | ||
| <br>" | ||
| "<strong> <h3>Impara a progettare e implementare un design system scalabile e coeso.</h3></strong> | ||
| In questo workshop intensivo di una giornata, imparerai i principi fondamentali per la creazione di un design system efficace e come integrarlo con successo nel tuo team. | ||
| <br><br />Attraverso spiegazioni teoriche, esercitazioni pratiche e discussioni di gruppo, acquisirai competenze per progettare e implementare un design system che promuova la coerenza, la flessibilità e l’efficienza nel tuo flusso di lavoro e di sviluppo. | ||
| <br><br /> " | ||
| # video trailer? | ||
| trailer: false | ||
| trailer_url: "https://player.vimeo.com/video/352012164" | ||
| # nota sul titolo: se il linguaggio specificato in `language` NON in clude 'italian', in pagina viene aggiunta la "s" finale | ||
| teacher_title: "Docente" | ||
| teachers: | ||
| teacher_1: | ||
| teacher_name: "Giulia Laco" | ||
| teacher_bio: "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." | ||
| pic_filename: "giulia-laco.jpg" | ||
| teacher_role: "Web designer/developer" | ||
| teacher_org: "WebMatter" | ||
| # teacher_2: | ||
| # teacher_name: "" | ||
| # teacher_bio: "" | ||
| # pic_filename: "" | ||
| # teacher_role: "" | ||
| # teacher_org: "" | ||
| teacher_name: "Filippo Gianessi" | ||
| teacher_bio: "Product designer, remote worker, agile enthusiast e appassionato di graphic design. Attualmente sono Senior Growth Product Designer @ YAZIO, e mentor presso il Contamination Lab di Faenza. Sono cresciuto tra il design industriale e lo sviluppo software. Mi occupo di mantenere le soluzioni semplici, scalabili e accessibili: nella progettazione, nel codice e nella strategia. Nel quotidiano mi puoi trovare in coworking a curare l'esperienza utente dei prodotti di Spreaker, in Clab o a qualche concerto sperduto in Romagna. Amo i design systems da tanto tempo, sicuramente dall'uscita del libro di Alla Kholmatova con la quale ho avuto l'occasione e fortuna di lavorare al primo workshop tenuto in Italia sui design systems (Bologna, 2018)." | ||
| pic_filename: "filippo-gianessi.png" | ||
| teacher_role: "Senior Growth Product Designer" | ||
| teacher_org: "YAZIO" | ||
| topics_title: "Argomenti trattati" | ||
| topics: | ||
| - "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" | ||
| - "Introduzione ai design system e pattern funzionali e visivi" | ||
| - "Inventario dei componenti visivi e dei pattern funzionali" | ||
| - "Organizzazione modulare con Atomic Design e Tokens" | ||
| - "Introduzione alla creazione di un design system in Figma" | ||
| - "Definizione e implementazione di Design Token e componenti" | ||
| - "Documentazione, rituali e governance per il mantenimento dei Design System nel lungo periodo" | ||
| addressees_title: "A chi è rivolto" | ||
| addressees_description: "Il corso è rivolto a designer, sviluppatori, product owner e manager che vogliano applicare font variabili e principi di tipografia al proprio prodotto o progetto." | ||
| addressees_description: "Questo workshop è rivolto a developer, designer e professionisti/e del settore interessati a comprendere e implementare un design system efficace." | ||
| requirements_title: "Requisiti di partecipazione" | ||
| requirements_description: "Per partecipare è necessaria una conoscenza base di CSS e HTML. <br /> Ti serviranno inoltre un editor di codice e il browser (consigliata: ultima versione di Firefox) <br /> Verranno suggeriti prima del corso eventuali altri strumenti/configurazioni utili." | ||
| useful_info_title: "Informazioni utili" | ||
| useful_info_description: "Il workshop si svolge online e dura 8 ore, divise in due mattine: Martedì 16 e Mercoledì 17 Marzo 2021, dalle 9 alle 13." | ||
| requirements_description: "<bold>Questo workshop è di livello introduttivo.</bold> | ||
| <br>È richiesta una conoscenza di base di HTML e CSS. Non sono richieste competenze avanzate di sviluppo o esperienza specifica con framework o strumenti di progettazione." | ||
| useful_info_title: "Cosa ottieni partecipando" | ||
| useful_info_description: "<ul> | ||
| <li>Comprensione dei principi fondamentali di progettazione di un design system; | ||
| <li>Strumenti per analizzare interfacce già esistenti e organizzarle in componenti visivi coesi;</li> | ||
| <li>Esperienza pratica nell’utilizzo di Figma per la creazione e la comunicazione di un design system;</li> | ||
| <li>Strumenti per migliorare la gestione del codice e la comunicazione con il team di designer;</li> | ||
| <li>Conoscenze per ottimizzare, documentare e distribuire il design system.</li> | ||
| </ul>" | ||
| # CTA | ||
| cta_title: "Hurry up. There are only a few available places!" | ||
| cta_title: "Acquista il biglietto per partecipare" | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,10 +1,10 @@ | ||
| --- | ||
| title: Tipografia web e font variabili | ||
| title: "The science of a button: Introduzione ai design system" | ||
| date: 2020-04-21 09:27:00 | ||
| layout: workshop_single | ||
| ws_id: font_variabili | ||
| path: workshop/font_variabili | ||
| permalink: workshop/font_variabili | ||
| ws_id: design-system | ||
| path: workshop/design-system | ||
| permalink: workshop/design-system | ||
| # Used to generate breadcrumbs | ||
| parent: workshop | ||
| --- |