{"id":38909,"date":"2025-10-31T15:27:02","date_gmt":"2025-10-31T15:27:02","guid":{"rendered":"https:\/\/carlogislon.it\/staging\/?p=38909"},"modified":"2025-11-14T07:06:05","modified_gmt":"2025-11-14T07:06:05","slug":"caso-studio-progetto-grafico-catalogo","status":"publish","type":"post","link":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/","title":{"rendered":"<em>Caso-studio<\/em> progetto grafico catalogo"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:calc( 1340px + 0px );margin-left: calc(-0px \/ 2 );margin-right: calc(-0px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0px;--awb-spacing-left-small:0px;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><h2 id=\"toc_Casostudio_catalogo_Introduzione\" data-fontsize=\"22\" style=\"--fontSize: 22; line-height: 1.2; --minFontSize: 22;\" data-lineheight=\"26.4px\" class=\"fusion-responsive-typography-calculated\">Caso-studio catalogo. Introduzione<\/h2>\n<p>Il progetto grafico di questo catalogo \u00e8 un lavoro che presenta almeno un paio di particolarit\u00e0 degne di rilievo, interessanti dal punto di vista del progettista grafico ma anche del cliente. Ho pensato perci\u00f2 fosse adatto a un caso-studio.<\/p>\n<p>La prima di queste particolarit\u00e0 \u00e8 l&#8217;uso di tre famiglie di font diversi, invece delle solite due, quali i classici abbinamenti Times + Helvetica e intendo, tecnicamente parlando, <i>famiglie di caratteri<\/i> che a loro volta includono varianti quali grassetto, corsivo, medio spessore, <i>light<\/i> e magari altre ancora.<\/p>\n<p>La seconda questione \u00e8 la gestione di disegni tecnici che dovrebbero essere costituiti da <span lang=\"en\">file<\/span> in formato vettoriale ma che purtroppo in tal caso sono stati forniti in formato <i>raster<\/i> (<i>bitmap<\/i>), un formato non molto adatto perch\u00e9 tendono a essere stampati in modo molto &#8220;sgranato&#8221;.<\/p>\n<p>Terzo aspetto (lo so, avevo detto due ma\u2026 sono un direttore creativo e la logica per me \u00e8 un problema superato): la creazione e correzione di tabelle complesse. Come evitare errori e uniformarle?<\/p>\n<p>I primi due argomenti sono pi\u00f9 interessanti dal punto di vista &#8220;progettuale&#8221; perch\u00e9 sono un esempio di come il dare un calcio nel sedere ai sani principi del grafico di buona famiglia sia a volte un elemento creativo essenziale.<\/p>\n<p>Il terzo aspetto \u00e8 una questione di sviluppo che affronteremo coi super-poteri delle espressioni Grep (tra poco ne saprai di pi\u00f9).<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload aligncenter wp-image-38946 size-fusion-1200\" title=\"Particolare catalogo\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-1200x472.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-1200x472.webp\" alt=\"caso studio progetto grafico catalogo: elementi tipografici\" width=\"1200\" height=\"472\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27472%27%20viewBox%3D%270%200%201200%20472%27%3E%3Crect%20width%3D%271200%27%20height%3D%27472%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-200x79.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-300x118.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-400x157.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-600x236.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-768x302.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-800x315.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-1024x403.webp 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-1200x472.webp 1200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-1-1536x604.webp 1536w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-fusion-1200 wp-image-38947\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-1200x576.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-1200x576.webp\" alt=\"\" width=\"1200\" height=\"576\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27576%27%20viewBox%3D%270%200%201200%20576%27%3E%3Crect%20width%3D%271200%27%20height%3D%27576%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-200x96.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-300x144.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-400x192.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-600x288.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-768x369.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-800x384.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-1024x492.webp 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2-1200x576.webp 1200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-2.webp 1326w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><figcaption>Sopra, Bodoni per numero di pagine e capolettera, Avenir per il testo principale. Sotto, Andale Mono per il testo delle tabelle<\/figcaption><\/figure>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload size-full wp-image-38949 aligncenter\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3.webp\" alt=\"\" width=\"448\" height=\"433\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27448%27%20height%3D%27433%27%20viewBox%3D%270%200%20448%20433%27%3E%3Crect%20width%3D%27448%27%20height%3D%27433%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3-200x193.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3-300x290.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3-400x387.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-3.webp 448w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/a><\/p><figcaption>I disegni tecnici devono essere vettoriali o a risoluzione molto alta, almeno 800\/1000 dpi. Se li doveste rappresentare sul web, il loro formato perfetto \u00e8 l&#8217;Svg<\/figcaption><\/figure>\n<h2 id=\"toc_Quante_famiglie_di_caratteri_usare\" class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 22; line-height: 1.3; --minfontsize: 22; --fontSize: 22; --minFontSize: 22;\" data-fontsize=\"22\" data-lineheight=\"28.6px\">Quanti <i>caratteri<\/i> usare?<\/h2>\n<p>O di <i>font<\/i> se vogliamo, i due termini si usano spesso come sinonimi o perfino in modo intercambiabile. In realt\u00e0 font \u00e8 un termine di origine anglosassone (e francese ancora prima) rappresentante oggigiorno il <span lang=\"en\">file<\/span> del carattere mentre il carattere vero e proprio \u00e8 il suo disegno, la sua rappresentazione grafica.<\/p>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 20; line-height: 1.3; --minfontsize: 20; --fontSize: 20; --minFontSize: 20;\" data-fontsize=\"20\" data-lineheight=\"26px\">Carattere, font, glifo&#8230;<\/h3>\n<p>Ogni carattere ha il suo <span lang=\"en\">file<\/span> o font. Abbiamo quindi un font per il Times regular, uno per il Times italic, uno per il Times bold ecc. Questo almeno fino a un po&#8217; di tempo fa. C<span style=\"background-color: rgba(0, 0, 0, 0);\">oi nuovi formati un solo <span lang=\"en\">file<\/span> pu\u00f2 includere innumerevoli caratteri e il sinonimo font-file va un po&#8217; a farsi benedire. <\/span><\/p>\n<p><span style=\"background-color: rgba(0, 0, 0, 0);\">Ma penso sia utile tornare a monte con alcune semplici definizioni prima di cominciare la storia, giusto per portare ordine nel caos di termini usati a volte con un po&#8217; di irresponsabilit\u00e0.<\/span><\/p>\n<p><b><i>Carattere<\/i><\/b>: \u00e8 il disegno tipografico che definisce l\u2019aspetto delle lettere e dei segni fonetici, quelli matematici e la punteggiatura. Per esempio, Times Regular e Helvetica Bold sono due caratteri. Essi possono esistere <i>indipendentemente<\/i> dal fatto che vi sia un <span lang=\"en\">file<\/span> (font) associato ad essi.<\/p>\n<p><i>Famiglia di caratteri<\/i>: Insieme di caratteri che condividono lo stesso stile di base ma variano per peso, inclinazione o larghezza. Times regular e Times bold, Times Italic fanno parte della stessa famiglia di caratteri ma sono tre caratteri diversi.<\/p>\n<p><b><i>Font<\/i><\/b>: \u00e8 il <span lang=\"en\">file<\/span> digitale che contiene un carattere tipografico, ad esempio abbiamo un font per il carattere Times regular, un font per il carattere Times bold. Recentemente sono stati sviluppati singoli font contenenti la famiglia di caratteri completa: font <i>Otf<\/i> variabili.<\/p>\n<p>E per finire, mettiamoci poi anche la definizione di <i>Glifo<\/i> visto che la user\u00f2 pi\u00f9 avanti<span style=\"background-color: rgba(0, 0, 0, 0);\">: \u00e8 la forma grafica di un singolo segno o lettera del carattere, come una \u201ca\u201d minuscola o un simbolo specifico in un font. Anche il punto, una parentesi o un simbolo speciale sono glifi.<\/span><\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload wp-image-39029 size-fusion-1200 aligncenter\" title=\"glifi\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-1200x622.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-1200x622.webp\" alt=\"L'insieme completo dei glifi di un font moderno.\" width=\"1200\" height=\"622\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27622%27%20viewBox%3D%270%200%201200%20622%27%3E%3Crect%20width%3D%271200%27%20height%3D%27622%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-200x104.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-300x156.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-400x207.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-600x311.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-768x398.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-800x415.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-1024x531.webp 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi-1200x622.webp 1200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/11\/glifi.webp 1500w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p><figcaption>Tutti i glifi della famiglia di caratteri Adobe Garamond Premier Pro, uno dei caratteri con pi\u00f9 glifi. Il numero e la qualit\u00e0 estetica dei glifi sono un valido parametro di giudizio del font<\/figcaption><\/figure>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 20; line-height: 1.3; --minfontsize: 20; --fontSize: 20; --minFontSize: 20;\" data-fontsize=\"20\" data-lineheight=\"26px\">La regola (inesistente) del 2<\/h3>\n<p>C&#8217;\u00e8 una vecchia regola sottaciuta, quella &#8220;del 2&#8221;. Perci\u00f2, ad esempio, in una pubblicazione come un libro o un catalogo troviamo un carattere Helvetica per i titoli e un Garamond per il testo. Due caratteri molto contrastanti.<\/p>\n<p>\u00c8 una regola talmente sottaciuta che\u2026 non esiste. L&#8217;ho creata io adesso osservando semplicemente come la stragrande maggioranza dei libri non osi andare oltre.<\/p>\n<p>Di solito se ne usa uno dritto per i titoli e uno con grazie per i testi, tipico in un libro di saggistica o in un romanzo. In un catalogo si usa spesso un solo carattere, pi\u00f9 frequentemente uno dritto.<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/elementi-carattereRisorsa-3.svg\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload size-full wp-image-21049 aligncenter\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27507%27%20height%3D%27328%27%20viewBox%3D%270%200%20507%20328%27%3E%3Crect%20width%3D%27507%27%20height%3D%27328%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2023\/05\/elementi-carattereRisorsa-3.svg\" alt=\"\" width=\"507\" height=\"328\"><\/a><\/p><figcaption>Sopra un carattere con <em>grazie<\/em> o <em>serif<\/em>. Sotto un carattere <em>dritto. <\/em>I singoli simboli, dalle lettere alle parentesi graffe, sono chiamati <i>glifi<\/i><\/figcaption><\/figure>\n<p>Ribadisco, non si tratta di &#8220;regole&#8221;, potremmo parlare piuttosto di statistiche. N\u00e9, ancor meno, sto cercando di dire &#8220;che pi\u00f9 se ne usano e meglio risulta il lavoro&#8221; o viceversa. Dio me ne scampi.<\/p>\n<p>Molto spesso troviamo, infatti, progetti grafici che usano una sola famiglia di caratteri, un Helvetica o simile nelle varianti grassetto, corsivo, normale ed extra-bold magari. E pu\u00f2 bastare benissimo cos\u00ec in perfetto stile minimalista.<\/p>\n<h3 class=\"fusion-responsive-typography-calculated\" style=\"--fontsize: 20; line-height: 1.3; --minfontsize: 20; --fontSize: 20; --minFontSize: 20;\" data-fontsize=\"20\" data-lineheight=\"26px\">E se ne usassimo ben tre?<\/h3>\n<p>Comunque, tre famiglie di caratteri non sono facili da incontrare e il metterli d&#8217;accordo richiede una competenza un pochino pi\u00f9 alta del solito.<\/p>\n<p>Nel mio catalogo ho usato un carattere per i titoli e i testi principali, uno per i capolettera e i numeri di pagina e un altro ancora diverso per i testi delle tabelle.<\/p>\n<p>Questa combinazione mi offriva i contrasti che cercavo. Non avessi avuto tabelle tecniche sarei probabilmente rimasto a due. Ma ho questi elementi che a mio avviso devono avere una loro &#8220;autonomia grafica&#8221;.<\/p>\n<p>Le tabelle sono composte principalmente di numeri e formule che un carattere <i>monospaziato<\/i> (dove ogni <i>glifo<\/i> occupa sempre lo stesso spazio) come quello usato soddisfer\u00e0 meglio.<\/p>\n<p>Tre famiglie, assieme a tutte le loro varianti, possono diventare una decina di caratteri diversi considerando, come abbiamo visto, che ogni famiglia \u00e8 costituita da uno stile normale, un grassetto e un corsivo come minimo.<\/p>\n<p>Il trucco c&#8217;\u00e8 comunque ed \u00e8 una gran furbata: i caratteri che ho usato sono di genere completamente diverso; serif, sans serif e mono-space.<\/p>\n<p>In questo modo abbiamo dato un senso, un significato, un messaggio il che \u00e8 la sostanza del graphic design. Potremmo anche dire che il buon graphic design sa mettere assieme tante cose senza creare confusione o competizione ma allo stesso tempo sa &#8220;osare&#8221; per creare le giuste differenze che danno chiarezza e stile.<\/p>\n<h3 data-fontsize=\"20\" style=\"--fontSize: 20; line-height: 1.3; --minFontSize: 20;\" data-lineheight=\"26px\" class=\"fusion-responsive-typography-calculated\">Contrasto: il sale del graphic design e del design tipografico<\/h3>\n<p>Attenzione alle regole, creano dipendenza. Ma ce n&#8217;\u00e8 una nella nostra materia che ci rende invece un po&#8217; pi\u00f9 liberi: se metti assieme due caratteri diversi, scegline due \u2013nettamente\u2013 diversi. Niente mezze misure.<\/p>\n<p>Per questo l&#8217;accoppiata <i>serif<\/i> e <i>sans-serif<\/i> di solito funziona bene. Sono abbastanza diversi da non competere, mantengono i loro &#8220;spazio vitale&#8221;. Essi affermano: &#8220;i titoli sono miei il testo \u00e8 tuo&#8221;.<\/p>\n<p>Una controprova? Scrivi i titoli in Times il testo in Palatino, o altri due serif qualsiasi, e fammi sapere.<\/p>\n<p>Perci\u00f2 se vogliamo aggiungerne un terzo, dopo un dritto e un serif, che tipo di carattere dovremmo scegliere? Un <i>monospace<\/i> o un <i>calligrafo <\/i>sono ottime opzioni perch\u00e9 sono sicuramente &#8220;abbastanza diversi&#8221; (non sono le uniche due opzioni possibili naturalmente e potremmo scegliere anche un altro dritto o un altro serif purch\u00e9 &#8220;molto&#8221; diversi).<\/p>\n<p>Il risultato ottenuto non mi \u00e8 dispiaciuto e penso che lo sperimenter\u00f2 anche in un prossimo libro. Credo una famiglia di caratteri per i titoli, una per il testo, una per le note e se mi gira un&#8217;altra ancora magari solo per i numeri di pagina e intestazioni. Al diavolo il minimalismo!<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-full wp-image-38879\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2.webp\" alt=\"\" width=\"1200\" height=\"851\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27851%27%20viewBox%3D%270%200%201200%20851%27%3E%3Crect%20width%3D%271200%27%20height%3D%27851%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-200x142.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-300x214.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-400x284.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-600x426.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-768x545.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-800x567.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2-1024x726.webp 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-interno-2.webp 1200w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-fusion-1200 wp-image-38952\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-1200x498.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-1200x498.webp\" alt=\"\" width=\"1200\" height=\"498\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271200%27%20height%3D%27498%27%20viewBox%3D%270%200%201200%20498%27%3E%3Crect%20width%3D%271200%27%20height%3D%27498%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-200x83.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-300x124.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-400x166.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-600x249.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-768x318.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-800x332.webp 800w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-1024x425.webp 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-1200x498.webp 1200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-4-1536x637.webp 1536w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p><figcaption>Tabelle complesse scritte con carattere mono-spaziato<\/figcaption><\/figure>\n<\/div><div class=\"fusion-text fusion-text-2\" style=\"--awb-font-size:20px;--awb-text-font-family:&quot;Cormorant Garamond&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>Il carattere con <i>grazie<\/i><\/p>\n<\/div><div class=\"fusion-text fusion-text-3\" style=\"--awb-font-size:16px;--awb-text-font-family:&quot;Roboto Mono&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>Il carattere <i>mono-spaziato<\/i><\/p>\n<\/div><div class=\"fusion-text fusion-text-4\" style=\"--awb-text-font-family:&quot;Lato&quot;;--awb-text-font-style:normal;--awb-text-font-weight:900;\"><p>Il carattere <i>dritto<\/i><\/p>\n<\/div><div class=\"fusion-text fusion-text-5\"><h2 id=\"toc_300_dpi_ma_chi_lha_detto\" class=\"\" style=\"--fontsize: 22; line-height: 1.3; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"28.6px\">Disegni tecnici a 300 dpi, ma chi l&#8217;ha detto?<\/h2>\n<p>Veniamo all&#8217;altra questione, quella dei &#8220;disegni tecnici&#8221;. La vecchia prudente regola (e fissazione) &#8220;le immagini per la stampa devono essere a 300dpi di risoluzione&#8221; non vale proprio per le immagini <i>al tratto<\/i>, come tipicamente \u00e8 un disegno tecnico.<\/p>\n<p>E non vale nemmeno la scorciatoia di convertirle tutte in Cmyk o lasciarle in Rgb &#8220;tanto poi ci pensa il profilo&#8221;. Troppo facile sarebbe.<\/p>\n<p>Un&#8217;immagine al tratto potrebbe essere definita come &#8220;un&#8217;immagine senza gradazioni intermedie da un colore all&#8217;altro&#8221;. Una definizione tecnica pi\u00f9 rigida la definirebbe come &#8220;fatta solo di neri e bianchi, senza pixel intermedi di variazione, senza gradazioni o tonalit\u00e0&#8221;, pixel bianchi o neri, niente grigi.<\/p>\n<p>Un disegno tecnico pu\u00f2 essere considerato al tratto nell&#8217;uno o nell&#8217;altro senso, in tale tipo di immagine non abbiamo, in definitiva, le gradazioni di colore che troviamo invece in una fotografia, con le sue sfumature i suoi passaggi aggraziati e sfumati ecc.<\/p>\n<p>Le immagini rappresentanti disegni tecnici dovrebbero idealmente essere <i>vettoriali<\/i> (file costituiti da espressioni matematiche) o, in alternativa, essere <i>bitmap<\/i> ma a definizione molto pi\u00f9 alta dei canonici 300 dpi.<\/p>\n<p><span style=\"background-color: rgba(0, 0, 0, 0);\">Inoltre, se i tratti sono neri, non deve essere convertita in Cmyk ma pi\u00f9 prudentemente essere mantenuta in scala di grigio, o comunque generare una sola lastra di colore in separazione per evitare quasi certi problemi di registro.<\/span><\/p>\n<p>In questo caso-studio le immagini sono state perci\u00f2 da me convertite tutte in scala di grigio, senza profilo incorporato (per evitare conversioni indesiderate) e con una risoluzione tra 800 e 1200 dpi circa che \u00e8 il minimo perch\u00e9 tali immagini non presentino &#8220;seghettature&#8221; in stampa.<\/p>\n<p>Un grandissimo vantaggio ulteriore del convertire tutte queste immagini in scala di grigio \u00e8 la notevolissima riduzione di peso del <span lang=\"en\">file<\/span> (1\/4 di un&#8217;immagine Cmyk) pur mantenendo la massima qualit\u00e0 senza applicare nessuna compressione con perdita di dati.<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-full wp-image-38971\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6.webp\" alt=\"\" width=\"800\" height=\"694\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27800%27%20height%3D%27694%27%20viewBox%3D%270%200%20800%20694%27%3E%3Crect%20width%3D%27800%27%20height%3D%27694%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6-200x174.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6-300x260.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6-400x347.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6-600x521.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6-768x666.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-6.webp 800w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><figcaption>Occhio alle impostazoni di esportazione Pdf. Immagini in scala di grigio: <i>nessun<\/i> <i>downsampling<\/i>!<\/figcaption><\/figure>\n<h2 id=\"toc_Ricerche_Grep_aiutatemi\" class=\"\" style=\"--fontsize: 22; line-height: 1.3; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"28.6px\"><i>Ricerche Grep<\/i>, aiutatemi!<\/h2>\n<p>Tabelle numerose e complicate come queste sono il terreno di caccia prediletto delle ricerche Grep. Non \u00e8 difficilissimo impararle se sei un grafico e ti ci vuoi cimentare.<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20.png\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-full wp-image-12934\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20.png\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20.png\" alt=\"\" width=\"1838\" height=\"1440\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271838%27%20height%3D%271440%27%20viewBox%3D%270%200%201838%201440%27%3E%3Crect%20width%3D%271838%27%20height%3D%271440%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-300x235.png 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-540x423.png 540w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-740x580.png 740w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-768x602.png 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-1024x802.png 1024w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-1500x1175.png 1500w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20-1536x1203.png 1536w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2020\/05\/Schermata-2020-05-31-alle-17.09.20.png 1838w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1838px) 100vw, 1838px\" \/><\/a><\/p><figcaption>Una semplice ricerca Grep per che cerca in un colp0 solo l&#8217;acronimo usa, Usa e USA e lo scrive in maiuscoletto<\/figcaption><\/figure>\n<p>Le ricerche Grep sono parte dei superpoteri del grafico impaginatore professionista ma, attenzione, a grandi poteri corrispondono grandi responsabilit\u00e0! Andiamo avanti con ordine.<\/p>\n<p>Torniamo alle tabelle i cui dati sono naturalmente stati forniti tramite <span lang=\"en\">file<\/span> Excel e naturalmente rappresentati in modo molto disomogeneo. <span lang=\"en\">Indesign<\/span> importa molto bene le tabelle Excel. Questo non \u00e8 un problema.<\/p>\n<p>Ma &#8220;si sa&#8221; che le informazioni tecniche sono di solito un po&#8217; bistrattate, non vengono ritenute solitamente degne di attenzioni estetiche. In realt\u00e0, proprio in tali casi, il rigore tipografico \u00e8 un obbligo ed \u00e8 segno distintivo di un lavoro professionale.<\/p>\n<p>Alcuni decimali erano riportati con la virgola (corretto nella maggior parte delle lingue), altri col punto (modo anglosassone); a volte c&#8217;era lo spazio prima dell&#8217;unit\u00e0 di misura, a volte no; a volte l&#8217;unit\u00e0 di misura era scritta in un modo a volte in un altro; a volte la barra divisoria aveva uno spazio prima, a volte dopo, a volte sia prima che dopo, a volte da nessuna parte\u2026<\/p>\n<p>Direi che mi sono spiegato, i<span style=\"background-color: rgba(0, 0, 0, 0);\"> criteri vanno uniformati. Compito disperato? No. O meglio, no se sai usare le ricerche Grep.<\/span><\/p>\n<p>Ho <a href=\"https:\/\/carlogislon.it\/staging\/errori-nei-testi-espressioni-grep\/\">descritto bene le ricerche Grep in un altro articolo<\/a>. Giusto per ricapitolare, esse sono espressioni alfanumeriche che consentono di creare variabili complesse per cercare delle particolari stringhe di testo.<\/p>\n<figure><a href=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5.webp\" data-caption=\"\"><img decoding=\"async\" class=\"lazyload alignnone size-full wp-image-38955\" src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5.webp\" data-orig-src=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5.webp\" alt=\"\" width=\"800\" height=\"542\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27800%27%20height%3D%27542%27%20viewBox%3D%270%200%20800%20542%27%3E%3Crect%20width%3D%27800%27%20height%3D%27542%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5-200x136.webp 200w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5-300x203.webp 300w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5-400x271.webp 400w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5-600x407.webp 600w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5-768x520.webp 768w, https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Catalogo-Lobre-part-5.webp 800w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p><figcaption>Ricerche Grep con <span lang=\"en\">Indesign<\/span> nelle tabelle<\/figcaption><\/figure>\n<p>Cos\u00ec, ad esempio, posso cercare dove il trattino ha uno spazio prima e dove no, dove lo spazio precedente un punto o una virgola e cose anche pi\u00f9 complicate.<\/p>\n<p>Gli <i>stili Grep <\/i>sono invece le ricerche Grep applicate agli stili di paragrafo cosicch\u00e9 \u00e8 possibile usare variabili per definire automaticamente lo stile tipografico di elementi di testo. Come dicevo \u00e8 un mondo di super-poteri, garantito! Ma occhio, usate male possono distruggere un intero impaginato. Siate prudenti all&#8217;inizio.<\/p>\n<p>\u00c8 una bella sfida e ci si trova perfino un po&#8217; di divertimento nello sviluppare ricerche Grep per esplorare e correggere le imperfezioni meglio celate. E poi, dopo tanta &#8220;creativit\u00e0&#8221; diventa una necessit\u00e0 essere schematici e prevedibili!<\/p>\n<h2 id=\"toc_Conclusioni\" class=\"\" style=\"--fontsize: 22; line-height: 1.2; --minfontsize: 22;\" data-fontsize=\"22\" data-lineheight=\"26.4px\">Conclusioni<\/h2>\n<p>In realt\u00e0 ce ne sarebbe da dire ancora, un catalogo e magari un catalogo un po&#8217; particolare come questo di antefatti da raccontare ne avrebbe sicuramente diversi altri e magari lo far\u00f2.<\/p>\n<p>Ma non volevo mettere troppa carne al fuoco. Volevo starmene buono nel recinto di questi tre aspetti: caratteri tipografici, disegni tecnici, tabelle.<\/p>\n<p>Li abbiamo osservati a fondo e da diverse angolazioni, preferisco cos\u00ec piuttosto che articoli sommari che ormai, grazie all&#8217;Ai non servono a nulla. No, qui siamo in trincea, questa \u00e8 la prima linea.<\/p>\n<p>Gi\u00e0, questo non \u00e8 un blog per chi cerca il tutorial facile-facile o l&#8217;articolo &#8220;Ai-written&#8221;, qua \u00e8 fatto tutto a mano, ed \u00e8 dedicato a chi cerca &#8220;ispirazione in direzione della perfezione&#8221;.<\/p>\n<p>Questa non \u00e8 &#8220;l&#8217;ora di ginnastica&#8221; ma un &#8220;allenamento pre-olimpico&#8221;, roba per gente come noi: graphic designer tosti e clienti esigenti!<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Il caso-studio di questo catalogo si concentra sulla narrazione di alcuni aspetti particolari: la scelta dei caratteri, la gestione delle immagini tecniche, la gestione delle tabelle, provando a schivare la banalit\u00e0 degli insegnamenti pi\u00f9 scolastici ma anche i tranelli dell&#8217;Ufficio Complicazione Affari Semplici<\/p>\n","protected":false},"author":8,"featured_media":38951,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[123],"tags":[],"class_list":["post-38909","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-progetto-grafico"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Caso-studio progetto grafico catalogo<\/title>\n<meta name=\"description\" content=\"Il caso-studio di questo catalogo si concentra su alcuni aspetti: scelta dei caratteri, gestione delle immagini, gestione delle tabelle\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Caso-studio progetto grafico catalogo\" \/>\n<meta property=\"og:description\" content=\"Il caso-studio di questo catalogo si concentra su alcuni aspetti: scelta dei caratteri, gestione delle immagini, gestione delle tabelle\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\" \/>\n<meta property=\"og:site_name\" content=\"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-31T15:27:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-14T07:06:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"888\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Carlo Gislon\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Gislon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\"},\"author\":{\"name\":\"Carlo Gislon\",\"@id\":\"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\"},\"headline\":\"Caso-studio progetto grafico catalogo\",\"datePublished\":\"2025-10-31T15:27:02+00:00\",\"dateModified\":\"2025-11-14T07:06:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\"},\"wordCount\":2776,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/#organization\"},\"image\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp\",\"articleSection\":[\"Progetto\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\",\"url\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\",\"name\":\"Caso-studio progetto grafico catalogo\",\"isPartOf\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp\",\"datePublished\":\"2025-10-31T15:27:02+00:00\",\"dateModified\":\"2025-11-14T07:06:05+00:00\",\"description\":\"Il caso-studio di questo catalogo si concentra su alcuni aspetti: scelta dei caratteri, gestione delle immagini, gestione delle tabelle\",\"breadcrumb\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage\",\"url\":\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp\",\"contentUrl\":\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp\",\"width\":1200,\"height\":888},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carlogislon.it\/staging\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progetto\",\"item\":\"https:\/\/carlogislon.it\/staging\/category\/progetto-grafico\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Caso-studio progetto grafico catalogo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carlogislon.it\/staging\/#website\",\"url\":\"https:\/\/carlogislon.it\/staging\/\",\"name\":\"Gislon: creative direction studio\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/#organization\"},\"alternateName\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carlogislon.it\/staging\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/carlogislon.it\/staging\/#organization\",\"name\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\",\"url\":\"https:\/\/carlogislon.it\/staging\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg\",\"contentUrl\":\"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg\",\"width\":186,\"height\":55,\"caption\":\"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica\"},\"image\":{\"@id\":\"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e\",\"name\":\"Carlo Gislon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1777305025\",\"url\":\"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1777305025\",\"contentUrl\":\"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1777305025\",\"caption\":\"Carlo Gislon\"},\"description\":\"di Carlo Gislon\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Caso-studio progetto grafico catalogo","description":"Il caso-studio di questo catalogo si concentra su alcuni aspetti: scelta dei caratteri, gestione delle immagini, gestione delle tabelle","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/","og_locale":"it_IT","og_type":"article","og_title":"Caso-studio progetto grafico catalogo","og_description":"Il caso-studio di questo catalogo si concentra su alcuni aspetti: scelta dei caratteri, gestione delle immagini, gestione delle tabelle","og_url":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/","og_site_name":"Gislon: comunicazione di prodotto e d\u2019impresa per l\u2019industria tecnica","article_published_time":"2025-10-31T15:27:02+00:00","article_modified_time":"2025-11-14T07:06:05+00:00","og_image":[{"width":1200,"height":888,"url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp","type":"image\/webp"}],"author":"Carlo Gislon","twitter_misc":{"Scritto da":"Carlo Gislon","Tempo di lettura stimato":"13 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#article","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/"},"author":{"name":"Carlo Gislon","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e"},"headline":"Caso-studio progetto grafico catalogo","datePublished":"2025-10-31T15:27:02+00:00","dateModified":"2025-11-14T07:06:05+00:00","mainEntityOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/"},"wordCount":2776,"commentCount":0,"publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp","articleSection":["Progetto"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/","url":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/","name":"Caso-studio progetto grafico catalogo","isPartOf":{"@id":"https:\/\/carlogislon.it\/staging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage"},"thumbnailUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp","datePublished":"2025-10-31T15:27:02+00:00","dateModified":"2025-11-14T07:06:05+00:00","description":"Il caso-studio di questo catalogo si concentra su alcuni aspetti: scelta dei caratteri, gestione delle immagini, gestione delle tabelle","breadcrumb":{"@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#primaryimage","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/10\/Lobre-catalogo-1-1.webp","width":1200,"height":888},{"@type":"BreadcrumbList","@id":"https:\/\/carlogislon.it\/staging\/caso-studio-progetto-grafico-catalogo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carlogislon.it\/staging\/"},{"@type":"ListItem","position":2,"name":"Progetto","item":"https:\/\/carlogislon.it\/staging\/category\/progetto-grafico\/"},{"@type":"ListItem","position":3,"name":"Caso-studio progetto grafico catalogo"}]},{"@type":"WebSite","@id":"https:\/\/carlogislon.it\/staging\/#website","url":"https:\/\/carlogislon.it\/staging\/","name":"Gislon: creative direction studio","description":"","publisher":{"@id":"https:\/\/carlogislon.it\/staging\/#organization"},"alternateName":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carlogislon.it\/staging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/carlogislon.it\/staging\/#organization","name":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica","url":"https:\/\/carlogislon.it\/staging\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/","url":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/uploads\/2025\/03\/logo-segnopositivoRisorsa-2.svg","width":186,"height":55,"caption":"Comunicazione pubblicitaria e immagine aziendale per l\u2019industria tecnica"},"image":{"@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/carlogislon.it\/staging\/#\/schema\/person\/e8f19d6a4b7cdbd2b4c78a1e5ff4939e","name":"Carlo Gislon","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1777305025","url":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1777305025","contentUrl":"https:\/\/carlogislon.it\/staging\/wp-content\/litespeed\/avatar\/bf9b066fe5acdd48e1d7ce6ed00867ad.jpg?ver=1777305025","caption":"Carlo Gislon"},"description":"di Carlo Gislon"}]}},"_links":{"self":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/38909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/comments?post=38909"}],"version-history":[{"count":103,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/38909\/revisions"}],"predecessor-version":[{"id":39059,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/posts\/38909\/revisions\/39059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media\/38951"}],"wp:attachment":[{"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/media?parent=38909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/categories?post=38909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carlogislon.it\/staging\/wp-json\/wp\/v2\/tags?post=38909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}