{"id":349,"date":"2022-09-16T17:35:13","date_gmt":"2022-09-16T15:35:13","guid":{"rendered":"https:\/\/www.freemindstudio.it\/istruzione\/?p=349"},"modified":"2022-09-17T07:52:36","modified_gmt":"2022-09-17T05:52:36","slug":"elementi-base-della-grafica","status":"publish","type":"post","link":"https:\/\/www.freemindstudio.it\/istruzione\/elementi-base-della-grafica\/","title":{"rendered":"Elementi base della grafica"},"content":{"rendered":"\n

Presentazioni<\/strong><\/p>\n\n\n\n

\n

\"\" 01 |<\/strong> Elementi Base della Grafica<\/a><\/p>\n\n\n\n

\"\" 02 |<\/strong> Le Lettere<\/a><\/p>\n<\/div><\/div>\n\n\n\n

Indice<\/strong><\/p>\n\n\n\n

    <\/ol>\n\n\n\n
    \n\n\n\n

    Gli Elementi Base della Grafica<\/h2>\n\n\n\n

    Cos’\u00e8 la grafica? Cosa fa un Grafico<\/h3>\n\n\n\n

    Il termine grafica <\/strong>indica genericamente il prodotto della progettazione orientata alla comunicazione visiva. La comunicazione visiva <\/strong>\u00e8 la trasmissione di un messaggio tramite un’immagine.<\/p>\n\n\n\n

    Allo stesso tempo un Grafico o \u201cGraphic Designer\u201d aiuta le persone a capire meglio le cose utilizzando lettere, immagini e colori. <\/p>\n\n\n\n

    Il buon graphic designer \u00e8 un progettista, \u00e8 un professionista che identifica un problema e cerca di risolverlo<\/strong>, \u00e8 colui che trova un modo per far comunicare un determinato messaggio nel modo migliore possibile.<\/p>\n\n\n\n

    Aiutare a capire meglio le cose utilizzando lettere, immagini e colori<\/strong>.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    I 3 “ingredienti”<\/h3>\n\n\n\n

    I 3 ingredienti per un buon design sono: le lettere, le immagini e i colori.<\/p>\n\n\n\n

    La parola \u201clettere\u201d al suo interno racchiude tutto il mondo della tipografia<\/strong>. La conoscenza, la scelta e l\u2019abbinamento dei caratteri tipografici e  dei font, l\u2019impaginazione e la corretta gestione di testi e spazi.<\/p>\n\n\n\n

    Le immagini sono la manipolazione e la creazione di forme e segni tramite disegno, tramite stampa, tramite computer e moltissime altre cose. Possono essere illustrazioni, disegni, dipinti, grafiche 3d elementi vettoriali o fotografie.<\/p>\n\n\n\n

    I colori sono in grado di evocare emozioni e sentimenti nelle persone e possono quindi essere utilizzati come un ottimo mezzo di comunicazione, sfruttando al meglio i rispettivi significati e usandoli in modo adeguato.<\/p>\n\n\n\n

    Quindi cosa fa e non fa un bravo grafico?<\/strong><\/p>\n\n\n\n

    1. Non usa il font che ritiene \u201cpi\u00f9 bello\u201d. Sceglie quello pi\u00f9 funzionale al progetto a cui sta lavorando.<\/li>
    2. Non inserisce una fotografia perch\u00e9 \u201cci sta bene\u201d. La utilizza se vuole trasmettere un determinato messaggio o significato.<\/li>
    3. Non usa un colore \u201cperch\u00e8 gli piace\u201d. Crea abbinamenti che valorizzino i messaggi da trasmettere.<\/li><\/ol>\n\n\n\n
      \n\n\n\n

      Le Lettere<\/h2>\n\n\n\n

      Cos’\u00e8 la Tipografia?<\/h3>\n\n\n\n
      \"esempio-lettere\"<\/figure>\n\n\n\n

      La tipografia \u00e8 un elemento essenziale del progetto<\/strong> sia quando \u00e8 messa in evidenza sia quando rimane sullo sfondo. L\u2019utilizzo di lettere e simboli dell\u2019alfabeto per trasmettere un messaggio scritto o grafico.<\/p>\n\n\n\n

      Pu\u00f2 essere usata:<\/p>\n\n\n\n

      • come testo<\/li>
      • come elemento visivo<\/li>
      • come immagine vera e propria<\/li><\/ul>\n\n\n\n
        <\/div>\n\n\n\n

        Il carattere tipografico<\/h3>\n\n\n\n

        I caratteri<\/strong> sono, nella grafica, nella tipografia e nell\u2019editoria, come i mattoni nell\u2019architettura o numeri nella matematica. Il carattere \u00e8 una lettera, un segno di interpunzione o un simbolo.<\/p>\n\n\n\n

        Quindi, ad esempio, la lettera \u201cA\u201d \u00e8 un carattere.<\/p>\n\n\n\n

        Allo stesso tempo un glifo<\/strong> (o simbolo) corrisponde a una forma specifica di un carattere. Ad esempio a volte la lettera A \u00e8 disponibile in varie forme. A, a, a, a, sono glifi dello stesso carattere \u201cA\u201d. L\u2019insieme di tutti i caratteri e glifi dell\u2019alfabeto progettati secondo la stessa coerenza visiva e di significato, prende il nome di carattere tipografico<\/strong>.<\/p>\n\n\n\n

        Il font<\/strong> invece \u00e8 il file, \u00e8 il mezzo che permette di applicare un carattere. Per spiegarlo si pu\u00f2 fare il paragone con la musica: se un carattere tipografico \u00e8 una canzone, il font \u00e8 il file .mp3 che ci permette di ascoltarla. \u00c8 sbagliato quindi dire \u201cSenti che ritornello questo mp3!\u201d, mentre \u00e8 assai pi\u00f9 corretto dire \u201cSenti che ritornello questa canzone!\u201d.<\/p>\n\n\n\n

        Traduzione di questi termini italiano – inglese:<\/p>\n\n\n\n

        Carattere<\/em>
        Character<\/strong><\/p>\n\n\n\n

        Glifo<\/em>
        Glyph<\/strong><\/p>\n\n\n\n

        Carattere Tipografico<\/em>
        Typeface<\/strong><\/p>\n\n\n\n

        Font<\/em>
        Font<\/strong><\/p>\n\n\n\n

        <\/div>\n\n\n\n

        Gli elementi di un carattere tipografico<\/strong><\/h3>\n\n\n\n

        I caratteri tipografici non sono tutti uguali, anzi, sono diversissimi Ognuno \u00e8 composto in modo diverso, ha diverse caratteristiche, ha diverse dimensioni, ha diverse forme ed esprime diverse sensazioni.<\/p>\n\n\n\n

        Ci sono tanti caratteri diversi perch\u00e9 appartengono ad epoche diverse<\/strong>, nelle quali si avevano diverse necessit\u00e0 stilistiche e diverse possibilit\u00e0 tecnologiche.<\/p>\n\n\n\n

        Un carattere tipografico non \u00e8 composto da lettere disposte a casaccio sulla pagina ma da griglie e strutture visive che permettono la lettura agevole<\/strong> del testo scritto.<\/p>\n\n\n\n

        L\u2019occhio medio, ovvero la x-height (altezza della x in inglese) \u00e8 l\u2019altezza delle lettere minuscole, l\u2019occhio \u00e8 l\u2019altezza delle lettere maiuscole comprendente anche le minuscole con aste discendenti e infine il corpo \u00e8 l\u2019altezza delle maiuscole comprendente anche accenti e caratteri speciali.<\/p>\n\n\n\n

        \"Serif<\/figure>\n\n\n\n
        \"Serif<\/figure>\n\n\n\n

        I tipi di carattere si dividono a loro volta in due macro-categorie, i serif<\/strong> e sans serif<\/strong> due termini francesi che significano \u201ccon grazie\u201d e \u201csenza grazie\u201d. La differenza sostanziale tra queste due categorie di font \u00e8 l\u2019utilizzo o meno delle \u201cgrazie\u201d, ovvero quei piccoli prolungamenti alle estremit\u00e0 delle aste, che derivano dalla scrittura calligrafica manuale.<\/p>\n\n\n\n

        <\/div>\n\n\n\n

        I “Serif”<\/strong><\/h3>\n\n\n\n

        Solitamente, i caratteri di tipo “Serif”, si dividono in 4 categorie storiche<\/strong>:<\/p>\n\n\n\n

        • Old Style<\/li>
        • Transizionali<\/li>
        • Bodoni o DIdoniani<\/li>
        • Slab Serif o Egiziani<\/li><\/ul>\n\n\n\n

          Old Style<\/strong><\/p>\n\n\n\n

          Gli Old Style sono la prima categoria di caratteri serif, procedendo in ordine storico. Questa categoria \u00e8 a sua volta divisa tra i Veneziani o Umanisti (come il Centaur) e i Garald o Romani antichi (come il Garamond). Hanno un altezza dell\u2019occhio del font relativamente piccola (la x-height inglese), un basso contrasto tra linee spesse e sottili, aste trasversali inclinate nella \u201ce\u201d minuscola e un \u201ccolore\u201d molto scuro, inteso come l\u2019effetto generato dalla densit\u00e0 di inchiostro stampato su una pagina.<\/p>\n\n\n\n

          Transizionali<\/strong><\/p>\n\n\n\n

          I Transizionali, dei quali il capostipite \u00e8 stato il Baskerville nel 1757, \u00e8 una categoria che raggruppa font recenti come il Times New Roman, il Cheltenham e il Georgia. I font Transizionali cercarono di allontanarsi dalla scrittura manuale dando maggior precisione ai segni grafici.<\/p>\n\n\n\n

          I Transizionali hanno forme pi\u00f9 geometriche, un contrasto maggiore tra aste verticali e orizzontali, grazie pi\u00f9 appiattite e un allineamento pi\u00f9 verticale negli occhielli delle lettere.<\/p>\n\n\n\n

          Bodoniani<\/strong><\/p>\n\n\n\n

          Successivamente, tra fine \u2018700 ed inizio \u2018800, arrivarono i \u201cBodoni\u201d (che prendono nome dall\u2019omonimo font). In inglese e francese vengono detti anche Didoniani (dal font Didot) e un po\u2019 dappertutto sono chiamati anche Romani moderni. Proseguono nella ricerca di geometricit\u00e0<\/strong> iniziata dai font transizionali. Hanno un passaggio molto marcato tra aste verticali e orizzontali e possiedono grazie molto fini e sottili che formano angoli retti con le aste.<\/p>\n\n\n\n

          Slab Serif o Egiziani<\/strong><\/p>\n\n\n\n

          Sono stati definiti Egiziani per un motivo piuttosto stupido: all\u2019epoca in cui apparvero (i primi decenni dell\u2019800) l\u2019antico Egitto era parecchio di moda. Si sono diffusi grazie alle crescenti necessit\u00e0 creative della pubblicit\u00e0.<\/p>\n\n\n\n

          Sono caratterizzati da un utilizzo estremo del contrasto e dall\u2019utilizzo di grazie perpendicolari e molto sottili, ovvero caratteristiche volte solamente a catturare l\u2019attenzione e non a garantire leggibilit\u00e0.<\/p>\n\n\n\n

          <\/div>\n\n\n\n

          I “San-Serif”<\/strong><\/h3>\n\n\n\n

          La cosa pi\u00f9 importante da dire \u00e8 che non sono sempre esistiti fin dagli inizi della storia della tipografia.<\/p>\n\n\n\n

          I sans serif<\/strong>, in italiano detti caratteri a bastoni o lineari, nascono infatti in Inghilterra durante l\u2019Ottocento. Nacquero proprio parallelamente ai font Egiziani e inizialmente vennero usati con gli stessi scopi: pubblicit\u00e0 e industria.<\/p>\n\n\n\n

          • Grotteschi<\/li>
          • Neo Grotteschi<\/li>
          • Geometrici<\/li><\/ul>\n\n\n\n

            Grotteschi<\/strong><\/p>\n\n\n\n

            Vengono creati tra il Diciannovesimo secolo e i primi due decenni del Ventesimo. Questi caratteri Grotteschi, sono caratterizzati da alcune peculiarit\u00e0 come l\u2019asse verticale delle lettere, la forma tendenzialmente squadrata delle curve e lo scarso (ma presente) contrasto visivo.<\/p>\n\n\n\n

            Alcuni font Grotteschi possono essere considerati l\u2019Akzidenz Grotesk (1896), il Franklin Gothic (1903), il Johnston Sans (1916, quello della metropolitana di Londra) e il Gill Sans (1926).<\/p>\n\n\n\n

            Neo Grotteschi<\/strong><\/p>\n\n\n\n

            Hanno le stesse caratteristiche dei font grotteschi di fine \u2018800 ma sono sviluppati a partire dal Secondo Dopoguerra.<\/p>\n\n\n\n

            Si distinguono dai classici Grotteschi per alcuni dettagli come una maggior geometricit\u00e0, una g minuscola senza l\u2019occhiello inferiore e la presenza di numerose varianti di peso, strutturate all\u2019interno di una famiglia di font. Gli esempi pi\u00f9 famosi sono l\u2019Univers e l\u2019Helvetica (entrambi degli anni \u201950 e svizzeri).<\/p>\n\n\n\n

            Geometrici<\/strong><\/p>\n\n\n\n

            In quegli stessi anni (anni \u201920 e \u201930 del Novecento), assieme a quei caratteri sans serif \u201cNeo tradizionalisti\u201d, nascono anche i \u201cGeometrici\u201d. Tra tutti i caratteri geometrici, non si pu\u00f2 non citare il pi\u00f9 famoso, quello che, ancora oggi, \u00e8 tra i caratteri pi\u00f9 amati: il Futura, del tedesco Paul Renner.<\/p>\n\n\n\n

            Il Futura viene creato nel 1928 ed \u00e8 il capostipite dei caratteri sans serif geometrici in quanto \u00e8 basato sulle tre forme geometriche di base: il cerchio, il quadrato e il triangolo.<\/p>\n\n\n\n

            <\/div>\n\n\n\n

            Atri stili<\/h3>\n\n\n\n
            \"Display<\/figure>\n\n\n\n
            \"Display<\/figure>\n\n\n\n

            Tra gli altri stili oltre al serif e al san-serif si possono menzionare:<\/p>\n\n\n\n

            Script o Handwriting<\/strong><\/p>\n\n\n\n

            Si tratta di caratteri che sostanzialmente simulano la calligrafia e la scrittura manuale, in vari modalit\u00e0 diverse. Sono generalmente poco leggibili e da usare solo in casi davvero particolari.<\/p>\n\n\n\n

            Gotici o Blackletter<\/strong><\/p>\n\n\n\n

            La stampa a caratteri mobili fu inventata in Germania da Johannes Gutenberg e, infatti, le prime lettere stampate sulla Bibbia di Gutenberg erano le \u201cBlackletter\u201d ovvero quelle di stile Gotico.<\/p>\n\n\n\n

            i caratteri gotici non vengono pi\u00f9 usati da nessuna parte, se non per casi particolari o per decorazioni. Un uso che tuttavia \u00e8 rimasto \u00e8 quello dell\u2019utilizzo di caratteri gotici per le testate e i loghi dei quotidiani.<\/p>\n\n\n\n

            Fantasia o Originali<\/strong><\/p>\n\n\n\n

            Molti altri caratteri vengono raggruppati generalmente nel gruppone Fantasia o Originali. Una categoria che raduna tutti quei font in cui ci sono caratteri che ricordano particolari oggetti, come ad esempio il font usato per i libri e i film di Harry Potter in cui le lettere ricordano le saette. Ovviamente non sono adatti ad essere usati nei testi ma solo per titoli e in casi particolari.<\/p>\n\n\n\n

            \"Monospaced\"<\/figure>\n\n\n\n
            \"Monospaced\"<\/figure>\n\n\n\n

            Monospace<\/strong><\/p>\n\n\n\n

            I font monospaced presentano lettere spaziate tutte alla stessa distanza e sono i caratteri delle macchine da scrivere, quelli utilizzati dalle prime stampanti per computer, e bench\u00e9 il loro utilizzo sia stato in molti casi sostituito con altre tipologie di caratteri, sono generalmente considerati i pi\u00f9 leggibili dall\u2019occhio umano, nonch\u00e9 i pi\u00f9 distinguibili per quanto riguarda il riconoscimento ottico dei caratteri.<\/p>\n\n\n\n

            <\/div>\n\n\n\n

            Varianti di un font<\/h3>\n\n\n\n
            \"Peso<\/figure>\n\n\n\n
            \"Peso<\/figure>\n\n\n\n

            Generalmente, i file dei font sono raggruppati in famiglie di font, dove ci sono delle varianti del carattere tipografico originario.<\/p>\n\n\n\n

            Le varianti principali sono queste:<\/p>\n\n\n\n

            Peso<\/strong><\/p>\n\n\n\n

            Varianti di peso (cio\u00e8 lo spessore del carattere) che possono andare da quelle pi\u00f9 sottili (Light, Thin, Extra-Light, ecc) a quelle pi\u00f9 spesse (Bold, Black, Extra-Bold, Ultra, ecc) Le versioni \u201cnormali\u201d, generalmente chiamate Roman o Regular.<\/p>\n\n\n\n

            Il corsivo e obliquo<\/strong><\/p>\n\n\n\n

            Il corsivo, o italic, che \u00e8 progettato con scelte ottiche ed estetiche diverse (non \u00e8 semplicemente un font Regular inclinato). Anche i font corsivi hanno le loro varianti di peso (Bold Italic, Light Italic, ecc). L\u2019obliquo, o oblique, \u00e8 invece la variante inclinata, senza alcuna modifica estetica e funzionale, del font normale.<\/p>\n\n\n\n

            Le versioni compresse (Compresso o Esteso)<\/strong><\/p>\n\n\n\n

            Le versioni compresse (Condensed) e allargate (Extended). Anche qui, non si tratta di un semplice font normale \u201cstretchato\u201d ma proprio di un diverso font, progettato perch\u00e9 sia pi\u00f9 largo o pi\u00f9 stretto.<\/p>\n\n\n\n

            \n","protected":false},"excerpt":{"rendered":"

            Presentazioni 01 | Elementi Base della Grafica 02 | Le Lettere Gli Elementi Base della Grafica Cos’\u00e8 la grafica? Cosa fa un Grafico Il termine grafica indica genericamente il prodotto della progettazione orientata alla comunicazione visiva. La comunicazione visiva \u00e8 la trasmissione di un messaggio tramite un’immagine. Allo stesso tempo un Grafico o \u201cGraphic Designer\u201d aiuta le persone a […]<\/p>\n","protected":false},"author":1,"featured_media":41,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,27,1],"tags":[32],"class_list":["post-349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-enac","category-operatore-grafico","category-senza-categoria","tag-teoria"],"_links":{"self":[{"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":12,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"predecessor-version":[{"id":385,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/posts\/349\/revisions\/385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.freemindstudio.it\/istruzione\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}