SlideShare a Scribd company logo
1 of 19
Download to read offline
Guida all'uso di
Font, Colori e Griglie
Fondamenti
di Comunicazione Visiva
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Ruoli Chiave, Strumenti e Stili generici
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
[Prima di iniziare...]
Una questione di regole;
formati (carta e web);
Software e Matematica;
Percezione visiva;
Concetti chiave
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Comunicazione visiva: le 20 regole
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Font & Typography:
prima di iniziare
Il panorama, i software necessari, librerie e le risorse
indispensabili
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
(Cinema, Advertising, Brands, Prodotti e Web)
Font & Typography:
una questione di carattere
Regola numero 9 - Considera il testo come un elemento grafico
Regola numero 10 - il testo è tuo amico, dagli importanza
(”Le 20 regole della comunicazione visiva”)
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Anatomia di un Font
(Dallo Stile al Kerning)
ascender
The upward vertical stem on some
lowercase letters, such as ‘h’ and ‘b’, that
extends above the x-height is the
ascender.
aperture
The aperture is the partially enclosed,
somewhat rounded negative space in
some characters such as ‘n’, ‘C’, ‘S’, the
lower part of ‘e’, or the upper part of a
double-storey ‘a’.
axis
An imaginary line drawn from top to
bottom of a glyph bisecting the upper and
lower strokes is the axis.
baseline
The imaginary line upon which the letters
in a font appear to rest.
bowl
The curved part of the character that
encloses the circular or curved parts
(counter) of some letters such as ‘d’, ‘b’, ‘o’,
‘D’, and ‘B’ is the bowl.
bracket
The bracket is a curved or wedge-like
connection between the stem and serif
of some fonts. Not all serifs are
bracketed serifs.
type anatomy
Quick Reference
— Basic parts
of a typeface
a
Typeface
Anatomy
HandgloveryBracket Crossbar
Stem Terminal
Counter
Loop/Lobe
Axis
Link/Neck
Bowl Eye
Aperture
Tail
Descender
SerifShoulder
Ascender
Ear
Overshoot
cap-height
x-height
baseline
www.fontshop.com toll free at 888 ff fonts 415.252.1003
Guida all'uso di Font, Colori e Griglie (free webinar)
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Campionatura visiva: esempio pratico
Dark fun
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Devotion
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Crazy Cartoon
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Ice Age
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Metal Monster
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Passion flower
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Hell Today
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Mystic
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Riot
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Future Plastic
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Plastic Insomnia
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Latex lady
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Delirium
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Lorem Ipsum
Magazine about Creative Arts, Showcase & Contest
HD
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Errori comuni
(domande e risposte)
E’ importante avere milioni di font diversi?
Font gratuiti o a pagamento?
Quanti font si usano per ogni elaborazione?
Posso usare font decorativi?
Posso modificare i font e “allargarli” a piacimento?
I font stanno bene su tutto?
Posso inventarmi un font?
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Griglie e Layout
il ruolo dei terzi;
Unità di misura
Un aiuto dai software
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Gerarchia Visiva:
elementi chiave
Dimensioni;
Colori e Contrasti;
Densità e disposizione;
Gerarchia e stile;
Gli Spazi; positive, negative e whitespace
Unità
di misura
Layout, Gerarchia e Ritmo
0,5 1 2
Griglia
Massimo Nava aka Artlandis
Art Director, Social Media Manager, Teacher & Coach
GRAZIE! :)Social Keyword: Artlandis
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Utilità
Strumenti e tools online
Il rapporto tra Fonts e Web;
Tools per la creazione di font;
Strumenti originali e opportunità
Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
Print, Digital & Web:
Una questione di “ritmo”
Cosa è il “ritmo” nel grahic design?

More Related Content

Similar to Guida all'uso di Font, Colori e Griglie (free webinar)

mini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliarimini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliariVincenzo De Tommaso
 
One style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
One style to rule'em all - Styleguide & Atomic Design ~ Gaia ZuccaroOne style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
One style to rule'em all - Styleguide & Atomic Design ~ Gaia ZuccaroDEED_Design_Development
 
From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015Todi Appy Days
 
La realizzazione di un sito Web efficace
La realizzazione di un sito Web efficaceLa realizzazione di un sito Web efficace
La realizzazione di un sito Web efficaceimontis
 
La tipografia e i web font nei siti web [#wcvrn18]
La tipografia e i web font nei siti web [#wcvrn18]La tipografia e i web font nei siti web [#wcvrn18]
La tipografia e i web font nei siti web [#wcvrn18]Giulia Laco
 
Il Tao della progettazione
Il Tao della progettazioneIl Tao della progettazione
Il Tao della progettazioneguest9bf31c
 
Il Tao della progettazione: i documenti nelle varie fasi di un progetto web
Il Tao della progettazione: i documenti nelle varie fasi di un progetto webIl Tao della progettazione: i documenti nelle varie fasi di un progetto web
Il Tao della progettazione: i documenti nelle varie fasi di un progetto webMaria Cristina Lavazza
 
Laboratorio internet 7: Web design
Laboratorio internet 7: Web designLaboratorio internet 7: Web design
Laboratorio internet 7: Web designRoberto Polillo
 
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche Francesco Acerbi
 

Similar to Guida all'uso di Font, Colori e Griglie (free webinar) (20)

Guida all'Email Marketing
Guida all'Email MarketingGuida all'Email Marketing
Guida all'Email Marketing
 
Comunicazione Visiva: Ritmo & Design
Comunicazione Visiva: Ritmo & DesignComunicazione Visiva: Ritmo & Design
Comunicazione Visiva: Ritmo & Design
 
mini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliarimini-marketing per agenzie immobiliari
mini-marketing per agenzie immobiliari
 
One style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
One style to rule'em all - Styleguide & Atomic Design ~ Gaia ZuccaroOne style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
One style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
 
From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015From idea to concept - Todi Appy Days 2015
From idea to concept - Todi Appy Days 2015
 
Mio sito
Mio sitoMio sito
Mio sito
 
Programma OSS 2012 - EST
Programma OSS 2012 - ESTProgramma OSS 2012 - EST
Programma OSS 2012 - EST
 
La realizzazione di un sito Web efficace
La realizzazione di un sito Web efficaceLa realizzazione di un sito Web efficace
La realizzazione di un sito Web efficace
 
La tipografia e i web font nei siti web [#wcvrn18]
La tipografia e i web font nei siti web [#wcvrn18]La tipografia e i web font nei siti web [#wcvrn18]
La tipografia e i web font nei siti web [#wcvrn18]
 
Portfolio Creativo: creazione e promozione online
Portfolio Creativo: creazione e promozione onlinePortfolio Creativo: creazione e promozione online
Portfolio Creativo: creazione e promozione online
 
Artlandis'webinar Season 4
Artlandis'webinar Season 4 Artlandis'webinar Season 4
Artlandis'webinar Season 4
 
Il Tao della progettazione
Il Tao della progettazioneIl Tao della progettazione
Il Tao della progettazione
 
Il Tao della progettazione: i documenti nelle varie fasi di un progetto web
Il Tao della progettazione: i documenti nelle varie fasi di un progetto webIl Tao della progettazione: i documenti nelle varie fasi di un progetto web
Il Tao della progettazione: i documenti nelle varie fasi di un progetto web
 
Laboratorio internet 7: Web design
Laboratorio internet 7: Web designLaboratorio internet 7: Web design
Laboratorio internet 7: Web design
 
Laboratorio internet 7: Web design
Laboratorio internet 7: Web designLaboratorio internet 7: Web design
Laboratorio internet 7: Web design
 
Web Design: Food Mania
Web Design: Food Mania Web Design: Food Mania
Web Design: Food Mania
 
XYZ2017 — Output X: Publishing
XYZ2017 — Output X: Publishing XYZ2017 — Output X: Publishing
XYZ2017 — Output X: Publishing
 
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
 
Scrivere per il web
Scrivere per il webScrivere per il web
Scrivere per il web
 
Ugi Alt.Net Conf0110
Ugi Alt.Net Conf0110Ugi Alt.Net Conf0110
Ugi Alt.Net Conf0110
 

More from Artlandis' Webinar & Workshop

Introduzione allo Smart Working/Learning (Kinsugi Edition)
Introduzione allo Smart Working/Learning (Kinsugi Edition)Introduzione allo Smart Working/Learning (Kinsugi Edition)
Introduzione allo Smart Working/Learning (Kinsugi Edition)Artlandis' Webinar & Workshop
 
I "pilastri" del web (e delle interazioni possibili)
I "pilastri" del web (e delle interazioni possibili)I "pilastri" del web (e delle interazioni possibili)
I "pilastri" del web (e delle interazioni possibili)Artlandis' Webinar & Workshop
 
Guida alle Licenze d'uso - mappa infografica (zoomabile)
Guida alle Licenze d'uso - mappa infografica (zoomabile)Guida alle Licenze d'uso - mappa infografica (zoomabile)
Guida alle Licenze d'uso - mappa infografica (zoomabile)Artlandis' Webinar & Workshop
 
Visual Storytelling: piattaforme, strumenti ed applicazioni - Ninja Academy
Visual Storytelling: piattaforme, strumenti ed applicazioni - Ninja AcademyVisual Storytelling: piattaforme, strumenti ed applicazioni - Ninja Academy
Visual Storytelling: piattaforme, strumenti ed applicazioni - Ninja AcademyArtlandis' Webinar & Workshop
 
3D con Photoshop e Illustrator - references (part 1)
3D con Photoshop e Illustrator - references (part 1)3D con Photoshop e Illustrator - references (part 1)
3D con Photoshop e Illustrator - references (part 1)Artlandis' Webinar & Workshop
 
Sketch e Concept Arts con Photoshop - references (part 1)
Sketch e Concept Arts con Photoshop - references (part 1)Sketch e Concept Arts con Photoshop - references (part 1)
Sketch e Concept Arts con Photoshop - references (part 1)Artlandis' Webinar & Workshop
 

More from Artlandis' Webinar & Workshop (20)

Introduzione allo Smart Working/Learning (Kinsugi Edition)
Introduzione allo Smart Working/Learning (Kinsugi Edition)Introduzione allo Smart Working/Learning (Kinsugi Edition)
Introduzione allo Smart Working/Learning (Kinsugi Edition)
 
BRAND NEW DAY: WEB MKTG (2019)
BRAND NEW DAY: WEB MKTG (2019)BRAND NEW DAY: WEB MKTG (2019)
BRAND NEW DAY: WEB MKTG (2019)
 
BRAND NEW DAY: VISUAL MKTG (2019)
BRAND NEW DAY: VISUAL MKTG (2019)BRAND NEW DAY: VISUAL MKTG (2019)
BRAND NEW DAY: VISUAL MKTG (2019)
 
I "pilastri" del web (e delle interazioni possibili)
I "pilastri" del web (e delle interazioni possibili)I "pilastri" del web (e delle interazioni possibili)
I "pilastri" del web (e delle interazioni possibili)
 
Guida alle Licenze d'uso - mappa infografica (zoomabile)
Guida alle Licenze d'uso - mappa infografica (zoomabile)Guida alle Licenze d'uso - mappa infografica (zoomabile)
Guida alle Licenze d'uso - mappa infografica (zoomabile)
 
Modello intervista preliminare per il cliente
Modello intervista preliminare per il clienteModello intervista preliminare per il cliente
Modello intervista preliminare per il cliente
 
Storytelling - matrice essenziale per social media
Storytelling - matrice essenziale per social mediaStorytelling - matrice essenziale per social media
Storytelling - matrice essenziale per social media
 
Nuove Skills e l'evoluzione delle competenze
Nuove Skills e l'evoluzione delle competenzeNuove Skills e l'evoluzione delle competenze
Nuove Skills e l'evoluzione delle competenze
 
Visual Storytelling: piattaforme, strumenti ed applicazioni - Ninja Academy
Visual Storytelling: piattaforme, strumenti ed applicazioni - Ninja AcademyVisual Storytelling: piattaforme, strumenti ed applicazioni - Ninja Academy
Visual Storytelling: piattaforme, strumenti ed applicazioni - Ninja Academy
 
Gamification & Advertgames (workshop)
Gamification & Advertgames (workshop)Gamification & Advertgames (workshop)
Gamification & Advertgames (workshop)
 
Novità Adobe Stock CC 2017
Novità Adobe Stock CC 2017Novità Adobe Stock CC 2017
Novità Adobe Stock CC 2017
 
Le regole della grafica - references (part 1)
Le regole della grafica - references (part 1)Le regole della grafica - references (part 1)
Le regole della grafica - references (part 1)
 
3D con Photoshop e Illustrator - references (part 1)
3D con Photoshop e Illustrator - references (part 1)3D con Photoshop e Illustrator - references (part 1)
3D con Photoshop e Illustrator - references (part 1)
 
Sketch e Concept Arts con Photoshop - references (part 1)
Sketch e Concept Arts con Photoshop - references (part 1)Sketch e Concept Arts con Photoshop - references (part 1)
Sketch e Concept Arts con Photoshop - references (part 1)
 
Instagram & blog connection - references (part 1)
Instagram & blog connection - references (part 1)Instagram & blog connection - references (part 1)
Instagram & blog connection - references (part 1)
 
Guida per non grafici
Guida per non graficiGuida per non grafici
Guida per non grafici
 
Font family & Type Design
Font family & Type DesignFont family & Type Design
Font family & Type Design
 
Freelance about
Freelance aboutFreelance about
Freelance about
 
Webinar about
Webinar aboutWebinar about
Webinar about
 
Guida strategica a Youtube
Guida strategica a YoutubeGuida strategica a Youtube
Guida strategica a Youtube
 

Recently uploaded

III Lezione - Arabo G.Rammo febbraio 2024.pdf
III Lezione - Arabo G.Rammo febbraio 2024.pdfIII Lezione - Arabo G.Rammo febbraio 2024.pdf
III Lezione - Arabo G.Rammo febbraio 2024.pdfStefano Lariccia
 
Profili di fiscalità generale nei rapporti tra Italia e repubblica di San Marino
Profili di fiscalità generale nei rapporti tra Italia e repubblica di San MarinoProfili di fiscalità generale nei rapporti tra Italia e repubblica di San Marino
Profili di fiscalità generale nei rapporti tra Italia e repubblica di San MarinoUniversity of Ferrara
 
I QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptx
I QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptxI QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptx
I QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptxISEA ODV
 
IV Lezione-Arabo G.Rammo febbraio 2024.pdf
IV Lezione-Arabo G.Rammo febbraio 2024.pdfIV Lezione-Arabo G.Rammo febbraio 2024.pdf
IV Lezione-Arabo G.Rammo febbraio 2024.pdfStefano Lariccia
 
Strumenti Dipinti in "Ascensione di Cristo" del Perugino
Strumenti Dipinti in "Ascensione di Cristo" del PeruginoStrumenti Dipinti in "Ascensione di Cristo" del Perugino
Strumenti Dipinti in "Ascensione di Cristo" del PeruginoItalianostratrasimeno
 
IX Lezione - Arabo G.Rammo Febbruary 2024(2).pdf
IX Lezione - Arabo G.Rammo Febbruary 2024(2).pdfIX Lezione - Arabo G.Rammo Febbruary 2024(2).pdf
IX Lezione - Arabo G.Rammo Febbruary 2024(2).pdfStefano Lariccia
 
VIII Lezione - Arabo G.Rammo febbraio 2024(1).pdf
VIII Lezione - Arabo G.Rammo febbraio 2024(1).pdfVIII Lezione - Arabo G.Rammo febbraio 2024(1).pdf
VIII Lezione - Arabo G.Rammo febbraio 2024(1).pdfStefano Lariccia
 
VI Lezione - Arabo G.Rammo febbraio 2024 .pdf
VI Lezione - Arabo G.Rammo febbraio 2024 .pdfVI Lezione - Arabo G.Rammo febbraio 2024 .pdf
VI Lezione - Arabo G.Rammo febbraio 2024 .pdfStefano Lariccia
 
II Lezione - Arabo G.Rammo - Febbraio 2024
II Lezione - Arabo G.Rammo - Febbraio 2024II Lezione - Arabo G.Rammo - Febbraio 2024
II Lezione - Arabo G.Rammo - Febbraio 2024Stefano Lariccia
 
Inside me - presentation eTwinning Project 2024
Inside me - presentation eTwinning Project 2024Inside me - presentation eTwinning Project 2024
Inside me - presentation eTwinning Project 2024LauraMaffei8
 
I Lezione - Arabo G.Rammo Arabic Language
I Lezione - Arabo G.Rammo Arabic LanguageI Lezione - Arabo G.Rammo Arabic Language
I Lezione - Arabo G.Rammo Arabic LanguageStefano Lariccia
 
VII Lezione - Arabo G.Rammo febbraio 2024.pdf
VII Lezione - Arabo G.Rammo febbraio 2024.pdfVII Lezione - Arabo G.Rammo febbraio 2024.pdf
VII Lezione - Arabo G.Rammo febbraio 2024.pdfStefano Lariccia
 
V Lezione - Arabo - G.Rammo febbraio .pdf
V Lezione - Arabo - G.Rammo febbraio .pdfV Lezione - Arabo - G.Rammo febbraio .pdf
V Lezione - Arabo - G.Rammo febbraio .pdfStefano Lariccia
 

Recently uploaded (13)

III Lezione - Arabo G.Rammo febbraio 2024.pdf
III Lezione - Arabo G.Rammo febbraio 2024.pdfIII Lezione - Arabo G.Rammo febbraio 2024.pdf
III Lezione - Arabo G.Rammo febbraio 2024.pdf
 
Profili di fiscalità generale nei rapporti tra Italia e repubblica di San Marino
Profili di fiscalità generale nei rapporti tra Italia e repubblica di San MarinoProfili di fiscalità generale nei rapporti tra Italia e repubblica di San Marino
Profili di fiscalità generale nei rapporti tra Italia e repubblica di San Marino
 
I QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptx
I QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptxI QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptx
I QUADERNI DELL'ISEA - ALBERI - IL CASTAGNO.pptx
 
IV Lezione-Arabo G.Rammo febbraio 2024.pdf
IV Lezione-Arabo G.Rammo febbraio 2024.pdfIV Lezione-Arabo G.Rammo febbraio 2024.pdf
IV Lezione-Arabo G.Rammo febbraio 2024.pdf
 
Strumenti Dipinti in "Ascensione di Cristo" del Perugino
Strumenti Dipinti in "Ascensione di Cristo" del PeruginoStrumenti Dipinti in "Ascensione di Cristo" del Perugino
Strumenti Dipinti in "Ascensione di Cristo" del Perugino
 
IX Lezione - Arabo G.Rammo Febbruary 2024(2).pdf
IX Lezione - Arabo G.Rammo Febbruary 2024(2).pdfIX Lezione - Arabo G.Rammo Febbruary 2024(2).pdf
IX Lezione - Arabo G.Rammo Febbruary 2024(2).pdf
 
VIII Lezione - Arabo G.Rammo febbraio 2024(1).pdf
VIII Lezione - Arabo G.Rammo febbraio 2024(1).pdfVIII Lezione - Arabo G.Rammo febbraio 2024(1).pdf
VIII Lezione - Arabo G.Rammo febbraio 2024(1).pdf
 
VI Lezione - Arabo G.Rammo febbraio 2024 .pdf
VI Lezione - Arabo G.Rammo febbraio 2024 .pdfVI Lezione - Arabo G.Rammo febbraio 2024 .pdf
VI Lezione - Arabo G.Rammo febbraio 2024 .pdf
 
II Lezione - Arabo G.Rammo - Febbraio 2024
II Lezione - Arabo G.Rammo - Febbraio 2024II Lezione - Arabo G.Rammo - Febbraio 2024
II Lezione - Arabo G.Rammo - Febbraio 2024
 
Inside me - presentation eTwinning Project 2024
Inside me - presentation eTwinning Project 2024Inside me - presentation eTwinning Project 2024
Inside me - presentation eTwinning Project 2024
 
I Lezione - Arabo G.Rammo Arabic Language
I Lezione - Arabo G.Rammo Arabic LanguageI Lezione - Arabo G.Rammo Arabic Language
I Lezione - Arabo G.Rammo Arabic Language
 
VII Lezione - Arabo G.Rammo febbraio 2024.pdf
VII Lezione - Arabo G.Rammo febbraio 2024.pdfVII Lezione - Arabo G.Rammo febbraio 2024.pdf
VII Lezione - Arabo G.Rammo febbraio 2024.pdf
 
V Lezione - Arabo - G.Rammo febbraio .pdf
V Lezione - Arabo - G.Rammo febbraio .pdfV Lezione - Arabo - G.Rammo febbraio .pdf
V Lezione - Arabo - G.Rammo febbraio .pdf
 

Guida all'uso di Font, Colori e Griglie (free webinar)

  • 1. Guida all'uso di Font, Colori e Griglie Fondamenti di Comunicazione Visiva
  • 2. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net
  • 3. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Ruoli Chiave, Strumenti e Stili generici
  • 4. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net [Prima di iniziare...] Una questione di regole; formati (carta e web); Software e Matematica; Percezione visiva; Concetti chiave
  • 5. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Comunicazione visiva: le 20 regole
  • 6. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Font & Typography: prima di iniziare Il panorama, i software necessari, librerie e le risorse indispensabili
  • 7. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net (Cinema, Advertising, Brands, Prodotti e Web) Font & Typography: una questione di carattere Regola numero 9 - Considera il testo come un elemento grafico Regola numero 10 - il testo è tuo amico, dagli importanza (”Le 20 regole della comunicazione visiva”)
  • 8. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Anatomia di un Font (Dallo Stile al Kerning)
  • 9. ascender The upward vertical stem on some lowercase letters, such as ‘h’ and ‘b’, that extends above the x-height is the ascender. aperture The aperture is the partially enclosed, somewhat rounded negative space in some characters such as ‘n’, ‘C’, ‘S’, the lower part of ‘e’, or the upper part of a double-storey ‘a’. axis An imaginary line drawn from top to bottom of a glyph bisecting the upper and lower strokes is the axis. baseline The imaginary line upon which the letters in a font appear to rest. bowl The curved part of the character that encloses the circular or curved parts (counter) of some letters such as ‘d’, ‘b’, ‘o’, ‘D’, and ‘B’ is the bowl. bracket The bracket is a curved or wedge-like connection between the stem and serif of some fonts. Not all serifs are bracketed serifs. type anatomy Quick Reference — Basic parts of a typeface a Typeface Anatomy HandgloveryBracket Crossbar Stem Terminal Counter Loop/Lobe Axis Link/Neck Bowl Eye Aperture Tail Descender SerifShoulder Ascender Ear Overshoot cap-height x-height baseline www.fontshop.com toll free at 888 ff fonts 415.252.1003
  • 11. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Campionatura visiva: esempio pratico
  • 12. Dark fun Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Devotion Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Crazy Cartoon Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Ice Age Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Metal Monster Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Passion flower Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Hell Today Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Mystic Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Riot Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Future Plastic Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Plastic Insomnia Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Latex lady Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Delirium Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Magazine about Creative Arts, Showcase & Contest HD
  • 13. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Errori comuni (domande e risposte) E’ importante avere milioni di font diversi? Font gratuiti o a pagamento? Quanti font si usano per ogni elaborazione? Posso usare font decorativi? Posso modificare i font e “allargarli” a piacimento? I font stanno bene su tutto? Posso inventarmi un font?
  • 14. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Griglie e Layout il ruolo dei terzi; Unità di misura Un aiuto dai software
  • 15. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Gerarchia Visiva: elementi chiave Dimensioni; Colori e Contrasti; Densità e disposizione; Gerarchia e stile; Gli Spazi; positive, negative e whitespace
  • 16. Unità di misura Layout, Gerarchia e Ritmo 0,5 1 2 Griglia
  • 17. Massimo Nava aka Artlandis Art Director, Social Media Manager, Teacher & Coach GRAZIE! :)Social Keyword: Artlandis
  • 18. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Utilità Strumenti e tools online Il rapporto tra Fonts e Web; Tools per la creazione di font; Strumenti originali e opportunità
  • 19. Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net Print, Digital & Web: Una questione di “ritmo” Cosa è il “ritmo” nel grahic design?