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

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




Ruoli Chiave, Strumenti e Stili generici

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 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


Comunicazione visiva: le 20 regole


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 Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.netDocente: 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 graficoRegola numero 10 - il testo è tuo amico, dagli importanza

(”Le 20 regole della comunicazione visiva”)


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.

apertureThe 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’.

axisAn imaginary line drawn from top to bottom of a glyph bisecting the upper and lower strokes is the axis.

baselineThe 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.

bracketThe bracket is a curved or wedge-like connection between the stem and serif of some fonts. Not all serifs are bracketed serifs.

type anatomyQuick 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



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 �ower

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 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 Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.net

Griglie e Layoutil ruolo dei terzi;Unità di misura

Un aiuto dai software


Gerarchia Visiva: elementi chiaveDimensioni;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


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 Docente: Massimo Nava aka Artlandis Webinar: http://artlandis.eventbrite.com Page: http://artlandis.netDocente: 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?

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

Education

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