{"id":255693,"date":"2023-02-02T16:35:00","date_gmt":"2023-02-02T13:35:00","guid":{"rendered":"https:\/\/inform.click\/18-regole-tipografiche-che-ogni-designer-dovrebbe-conoscere\/"},"modified":"2023-02-02T16:35:00","modified_gmt":"2023-02-02T13:35:00","slug":"18-regole-tipografiche-che-ogni-designer-dovrebbe-conoscere","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/18-regole-tipografiche-che-ogni-designer-dovrebbe-conoscere\/","title":{"rendered":"18 regole tipografiche che ogni designer dovrebbe conoscere"},"content":{"rendered":"<p>\n  Ogni graphic designer degno di questo nome sa quanto sia importante la tipografia per il design. Non si pu\u00f2 negare che l'uso intelligente di caratteri, spaziatura e strutturazione catturer\u00e0 l'attenzione dei tuoi lettori e offrir\u00e0 risposte migliori.\n<\/p>\n<p>\n  La tipografia \u00e8 l'arte (e la scienza) di organizzare le lettere per rendere la copia chiara, leggibile e visivamente accattivante. Fallo bene e puoi suscitare determinate emozioni e trasmettere messaggi potenti senza dire molto.\n<\/p>\n<p>\n  Conoscere gli elementi essenziali della tipografia non solo ti aiuter\u00e0 a migliorare il tuo design, ma sarai anche in grado di piegare quelle regole a tuo vantaggio.\n<\/p>\n<p>\n  Ecco alcune linee guida tipografiche consigliate dagli esperti che possono aiutarti a sviluppare le tue capacit\u00e0 di progettazione. Diamo un'occhiata.\n<\/p>\n<h5>\n  1 Inizia con le basi<br \/>\n<\/h5>\n<p>\n  Come con qualsiasi pratica di progettazione, \u00e8 imperativo conoscere il nocciolo dell'arte. Potresti pensare di poterlo suonare a orecchio, ma la verit\u00e0 \u00e8 che la tipografia \u00e8 piuttosto complessa. Quindi, come principiante, acquisisci familiarit\u00e0 con i principi fondamentali della tipografia.\n<\/p>\n<p>\n  Gli elementi di progettazione di base della tipografia, in qualsiasi lingua, includono spaziatura, colore, carattere tipografico, contrasto, coerenza, gerarchia e allineamento.\n<\/p>\n<p>\n  Prenditi del tempo e scopri queste nozioni di base: i diversi caratteri tipografici, il vocabolario specifico e le misurazioni coinvolte. Prenditi del tempo per sperimentarli.\n<\/p>\n<h5>\n  2 Non prendere alla leggera la selezione dei caratteri<br \/>\n<\/h5>\n<p>\n  \u00c8 allettante scegliere un carattere tipografico che attiri casualmente la tua attenzione e iniziare, ma questo \u00e8 uno dei pi\u00f9 grandi errori che puoi fare nel mondo della topografia.\n<\/p>\n<p>\n  Saresti sorpreso di sapere che la psicologia \u00e8 collegata a diversi caratteri tipografici, in quanto questi possono impostare il tono del tuo pezzo e svolgere un ruolo nel modo in cui il pubblico vede i tuoi contenuti. Come designer, devi assicurarti che il carattere che usi sia adatto al tuo mercato.\n<\/p>\n<p>\n  Non sceglieresti un carattere sciocco per una brochure di uno studio legale, vero? Forse per un biglietto d'auguri, ma certamente non per qualcosa di formale.\n<\/p>\n<h5>\n  3 Comprendere la crenatura<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba7a1cfb0.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba7a1cfb0.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Non c'\u00e8 niente che possa allontanare i lettori dal tuo pezzo pi\u00f9 di una crenatura irregolare e sciatta.\n<\/p>\n<p>\n  \u00c8 l'atto di ottimizzare la spaziatura tra i caratteri per rendere i tuoi contenuti pi\u00f9 coinvolgenti e snelli. Non sembra molto, ma una crenatura ben coordinata pu\u00f2 fare un'enorme differenza per qualcuno che vede il tuo design. L'obiettivo \u00e8 rendere esteticamente uniforme la spaziatura tra ogni carattere.\n<\/p>\n<p>\n  Strumenti utili come Adobe Illustrator possono aiutarti con i problemi di crenatura. Ma sappi che migliorerai solo con la pratica regolare.\n<\/p>\n<p>\n  Molti errori di crenatura sono impercettibili e difficili da rilevare, specialmente nei paragrafi lunghi. Il tuo obiettivo dovrebbe essere quello di ridurre al minimo tali errori di spaziatura ed evitare problemi di crenatura nei titoli o nei loghi perch\u00e9 possono rovinare l'intero design.\n<\/p>\n<h5>\n  4 Tieni a mente la gerarchia visiva<br \/>\n<\/h5>\n<p>\n  Fare uso della gerarchia visiva \u00e8 un modo brillante per sottolineare parti particolari del tuo contenuto su cui vuoi che il lettore si concentri.\n<\/p>\n<p>\n  La gerarchia visiva pu\u00f2 essere efficacemente utilizzata per guidare il lettore attraverso il tuo pezzo stabilendo e cambiando l'ordine in cui i tuoi lettori ricevono le informazioni. Cerca di guidare la loro vista evidenziando titoli, paragrafi e interruzioni importanti nel tuo pezzo. Semplifica i tuoi contenuti dagli aspetti pi\u00f9 importanti a quelli meno importanti in modo visivo.\n<\/p>\n<p>\n  Senza gerarchia visiva tipografica, il tuo pezzo sembrer\u00e0 una grande massa di contenuti. I lettori troveranno difficile concentrarsi sul tuo lavoro. E annoiare il tuo lettore \u00e8 il peccato pi\u00f9 grande che puoi commettere come designer!\n<\/p>\n<h5>\n  5 Scegli i tuoi caratteri con saggezza<br \/>\n<\/h5>\n<p>\n  Molti designer dilettanti spesso sbagliano e incorporano molti stili di carattere. Non li biasimiamo: \u00e8 allettante pensare che l'uso di vari stili di carattere far\u00e0 risaltare il tuo pezzo. Beh, non \u00e8 vero.\n<\/p>\n<p>\n  L'uso di molti caratteri pu\u00f2 portare alla saziet\u00e0 per i tuoi lettori. \u00c8 probabile che l'essenza del tuo contenuto si perda tra i diversi tipi di carattere e combinazioni di colori. E quel che \u00e8 peggio, il tuo pezzo sembrer\u00e0 poco professionale e incoerente.\n<\/p>\n<p>\n  La variazione di carattere ideale dovrebbe essere al massimo da due a tre caratteri tipografici. Usa un carattere e una dimensione per il corpo, uno per l'intestazione e un altro per il sottotitolo. Puoi utilizzare caratteri diversi purch\u00e9 il tuo pezzo rimanga coerente. Due caratteri tipografici dall'aspetto simile dovrebbero essere evitati in quanto non aggiungeranno alcun valore al tuo design.\n<\/p>\n<h5>\n  6 Concentrati sull'allineamento<br \/>\n<\/h5>\n<p>\n  L'allineamento dei caratteri \u00e8 un concetto molto importante in tipografia. Utilizzando MS Word, esplora i quattro tipi di opzioni di allineamento disponibili: Allineato a sinistra, Allineato a destra, Allineato al centro e Giustificato.\n<\/p>\n<p>\n  La forma pi\u00f9 comune e standard di allineamento \u00e8 l'allineamento a sinistra. Lo troverai come predefinito nella maggior parte dei pezzi perch\u00e9 segue le naturali abitudini di lettura dei lettori. Le persone sono abituate a leggere da sinistra a destra. Altri tipi di allineamento possono essere fastidiosi se usati regolarmente e senza scopo.\n<\/p>\n<p>\n  Tuttavia, l'allineamento al centro viene spesso utilizzato per le intestazioni. Offre anche interruzioni nella scrittura, come l'aggiunta di una citazione tra due paragrafi. Nel frattempo, l'allineamento a destra pu\u00f2 essere utilizzato per disporre bene il testo su un lato per il contesto, ad esempio nei curriculum.\n<\/p>\n<p>\n  Una cosa da ricordare: fai attenzione alle linee frastagliate con allineamento sia a sinistra che a destra. Le linee che sporgono possono far sembrare l'intero pezzo sciatto e aggiungere protuberanze nel testo.\n<\/p>\n<h5>\n  7 Usa le griglie<br \/>\n<\/h5>\n<p>\n  Dopo aver parlato dell'allineamento, c'\u00e8 un altro modo per regolare i tuoi contenuti spazialmente. Vale a incorporare le griglie nel tuo progetto. Una griglia di progettazione garantisce che tutto sulla tua pagina, non importa quanto poco, venga aggiunto in relazione a qualcos'altro.\n<\/p>\n<p>\n  Questo porta all'armonia visiva e d\u00e0 coerenza al tuo pezzo. Pensalo come uno stencil di design per il tuo lavoro.\n<\/p>\n<p>\n  Non \u00e8 necessario utilizzare griglie di progettazione per ogni pezzo. Puoi rinunciarvi per dettagli pi\u00f9 semplici, ma sicuramente ti aiutano ad allineare bene tutto quando aggiungi complessit\u00e0 al tuo progetto.\n<\/p>\n<h5>\n  8 Non allungare o distorcere i caratteri<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba7dbac00.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba7dbac00.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Una volta trovato il carattere giusto per il tuo contenuto, non modificarne le dimensioni per renderlo pi\u00f9 largo o pi\u00f9 alto.\n<\/p>\n<p>\n  Si pu\u00f2 essere tentati di allungare i caratteri per riempire pi\u00f9 spazio vuoto. Dovresti sapere che ogni carattere viene creato tenendo conto della sua forma, dimensione e trama. Pertanto estenderlo o restringerlo pu\u00f2 rovinarne l'aspetto estetico.\n<\/p>\n<p>\n  Invece di distorcere i caratteri, scegli quelli giusti che si adattano al tuo pezzo. C'\u00e8 una scorta infinita di font gratuiti ea pagamento online, quindi seleziona con saggezza.\n<\/p>\n<p>\n  Una tecnica chiamata misurazione tipografica pu\u00f2 aiutarti a scegliere i caratteri adatti. \u00c8 importante ricordare che i caratteri occupano diverse razioni di spazio su una pagina web, rendendo la misurazione dei caratteri cruciale durante la progettazione di una pagina web.\n<\/p>\n<p>\n  Per misurare i caratteri viene utilizzato un metodo di &#8220;sistema a punti&#8221;. L'altezza di un carattere \u00e8 chiamata &#8220;altezza-x&#8221; e la larghezza \u00e8 nota come &#8220;larghezza impostata&#8221;. Scegli caratteri con la stessa dimensione e larghezza quando accoppi due caratteri.\n<\/p>\n<h5>\n  9 Scegli un carattere secondario per l'associazione saggia<br \/>\n<\/h5>\n<p>\n  Mentre ti abbiamo messo in guardia dall'usare troppi caratteri in un unico pezzo, l'abbinamento strategico dei caratteri pu\u00f2 aggiungere molto valore ai tuoi contenuti.\n<\/p>\n<p>\n  In generale, \u00e8 consentito utilizzare fino a 3 varianti di carattere per il titolo, il sottotitolo e il corpo del testo. Usa caratteri diversi per intestazioni e sottotitoli per stabilire una gerarchia visiva. Evita di utilizzare caratteri estremamente contrastanti o caratteri simili dove pu\u00f2 essere difficile distinguere tra i due.\n<\/p>\n<p>\n  Il secondo carattere dovrebbe migliorare il primo carattere, non metterlo in ombra o annullarlo mantenendo la coerenza del design.\n<\/p>\n<h5>\n  10 Evita di saltare sul carro dei trend<br \/>\n<\/h5>\n<p>\n  La progettazione grafica \u00e8 molto simile alla moda: gli stili che sono di gran moda oggi spariranno domani.\n<\/p>\n<p>\n  Quindi cerca di evitare design alla moda che potrebbero far sembrare bello il tuo lavoro ora, ma lo lasceranno obsoleto e strano qualche mese dopo.\n<\/p>\n<p>\n  Va bene incorporarne alcuni nei tuoi progetti. Ricorda solo di non esagerare. Vuoi che i tuoi contenuti resistano alla prova del tempo.\n<\/p>\n<p>\n  Ci\u00f2 non significa che dovresti dormire su design di tendenza. Analizzali per sapere cosa li rende popolari. \u00c8 sempre una buona idea incorporare nuove idee che soddisfino la tua nicchia, ma non farlo perch\u00e9 lo fanno tutti gli altri.\n<\/p>\n<h5>\n  11 Aderire alle regole grammaticali<br \/>\n<\/h5>\n<p>\n  La grammatica sembra il dominio di uno scrittore, giusto? Che rilevanza ha la grammatica per progettare?\n<\/p>\n<p>\n  Bene, la grammatica governa le regole per parlare e scrivere una lingua. Allo stesso tempo, la tipografia \u00e8 l'arte di impostare e disporre le parole in un modo che le faccia sembrare belle. Usali insieme per rendere la tua composizione un bell'aspetto.\n<\/p>\n<p>\n  Le discrepanze nella grammatica e nella punteggiatura possono ridurre drasticamente il valore del tuo pezzo. L'uso corretto della punteggiatura pu\u00f2 distinguere tra contenuto professionale e un pezzo amatoriale pieno di confusione. I migliori designer prestano sempre particolare attenzione ai dettagli.\n<\/p>\n<p>\n  Fai attenzione a spazi doppi, virgole e segni di punteggiatura posizionati in modo errato, maiuscole improprie e trattini, trattini e simboli eccessivi.\n<\/p>\n<h5>\n  12 Non sottovalutare l'importanza dello spazio bianco<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba80c39c3.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba80c39c3.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  C'\u00e8 una notevole differenza tra spazio bianco e spazio vuoto.\n<\/p>\n<p>\n  Lo spazio bianco viene utilizzato per mettere a fuoco e aggiungere fascino visivo al tuo pezzo. Lascia &#8220;respirare&#8221; il tuo progetto, come un pezzo di verde tra i marciapiedi rivestiti di cemento.\n<\/p>\n<p>\n  Un uso efficiente dello spazio bianco pu\u00f2 aggiungere valore al tuo pezzo bilanciando il testo. Pu\u00f2 anche essere usato in modo abbastanza creativo per attirare l'attenzione su alcune parti del tuo lavoro. Ad esempio, l'aggiunta di spazi bianchi attorno agli elementi importanti dei tuoi contenuti aiuta a metterli in evidenza e ad essere l'unico obiettivo del design.\n<\/p>\n<p>\n  Per una comprensione approfondita dello spazio bianco clicca qui!\n<\/p>\n<h5>\n  13 Controllare Scala e Proporzioni<br \/>\n<\/h5>\n<p>\n  Assicurati che la tua tipografia si adatti alle dimensioni dello schermo. Ingrandisci e rimpicciolisci per assicurarti che la tua tipografia sia proporzionale all'intera larghezza e lunghezza dello schermo.\n<\/p>\n<p>\n  Assicurati di impostare correttamente la tua guida; questo \u00e8 lo spazio verticale tra ogni linea. In genere, il valore ideale \u00e8 da 1,25 a 1,5 volte maggiore della dimensione del carattere.\n<\/p>\n<h5>\n  14 Scegli la tua tavolozza con saggezza<br \/>\n<\/h5>\n<p>\n  Una tavolozza di colori strategica pu\u00f2 essere la tua arma migliore come graphic designer. Usa colori complementari e contrastanti per aggiungere significato ai tuoi contenuti e utilizza la ruota dei colori per scegliere i colori giusti per il tuo design.\n<\/p>\n<p>\n  Colori diversi possono avere determinati effetti sui lettori e contribuire a creare l'atmosfera. Ad esempio, il rosso richiama la passione, mentre il blu ha un effetto calmante. Guarda come puoi usare diversi colori a tuo vantaggio.\n<\/p>\n<p>\n  Tuttavia, assicurati che i tuoi colori non offuschino il tuo contenuto. I colori dovrebbero migliorare il tuo contenuto, non superarlo.\n<\/p>\n<h5>\n  15 Dai priorit\u00e0 alla leggibilit\u00e0<br \/>\n<\/h5>\n<p>\n  La leggibilit\u00e0 \u00e8 la chiave dei tuoi progetti. I tuoi lettori dovrebbero essere in grado di leggere il tuo messaggio senza alcuna difficolt\u00e0. In nessun caso i tuoi metodi devono ostacolare il testo principale nei tuoi contenuti.\n<\/p>\n<p>\n  Evita di utilizzare sfondi scuri, colori stridenti, caratteri piccoli e troppe immagini. Il miglior design \u00e8 inutile se non \u00e8 leggibile.\n<\/p>\n<h5>\n  16 Attenzione alle &#8220;vedove&#8221; e agli &#8220;orfani&#8221;<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba83aecf3.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba83aecf3.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Cosa sono le &#8220;vedove&#8221; e gli &#8220;orfani&#8221; e perch\u00e9 sono importanti in tipografia?\n<\/p>\n<p>\n  Una vedova tipografica \u00e8 una riga di testo che fa parte di una fotografia che passa alla colonna successiva. Un orfano \u00e8 una singola parola di un paragrafo che \u00e8 stata spostata nella colonna successiva. Per evitare &#8220;vedove&#8221; e &#8220;orfani&#8221;, regola manualmente la lunghezza delle righe o regola la dimensione della casella di testo o della colonna.\n<\/p>\n<h5>\n  17 Pensa come un artista<br \/>\n<\/h5>\n<p>\n  Non pensare alla tipografia come uso strategico dei caratteri. \u00c8 molto pi\u00f9 che creare solo testo. Tratta i tuoi caratteri come una forma d'arte.\n<\/p>\n<p>\n  Non limitarti solo ai caratteri tipografici e ai caratteri esistenti. Invoca la creativit\u00e0 nei tuoi progetti tipografici e usa turbinii, trame, linee o elementi creativi che ritieni possano completare il tuo font.\n<\/p>\n<h5>\n  18 Usa gli strumenti giusti per aiutarti<br \/>\n<\/h5>\n<p>\n  Un designer \u00e8 un artigiano. E ogni artigiano ha bisogno degli strumenti giusti per la sua arte. Puoi utilizzare molti strumenti per aiutarti nella progettazione tipografica, come SmallPDF che ti consente di aggiungere testi, immagini e forme ai tuoi file PDF. \u00c8 bene confrontare tu stesso gli strumenti tipografici per decidere quali strumenti aiuteranno il tuo design e quelli che non ti servono.\n<\/p>\n<h4>\n  Insomma<br \/>\n<\/h4>\n<p>\n  Una volta compresi questi fondamenti della tipografia, lascia il resto alla tua creativit\u00e0 e al tuo design. Da qui in poi \u00e8 tutto soggettivo. Lascia che il tuo mercato di riferimento ti ispiri a realizzare progetti tipografici che raccontano grandi storie ed evocano le emozioni del tuo pubblico.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2021\/02\/19\/typography-rules-for-designer\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ogni graphic designer degno di questo nome sa quanto sia importante la tipografia per il design. Non si pu\u00f2 negare che l&#8217;uso intelligente di caratteri, spaziatura e strutturazione catturer\u00e0 l&#8217;attenzione dei tuoi lettori e offrir\u00e0 risposte migliori. La tipografia \u00e8 l&#8217;arte (e la scienza) di organizzare le lettere per rendere la copia chiara, leggibile e visivamente accattivante. Fallo bene e puoi suscitare determinate emozioni e trasmettere messaggi potenti senza dire molto. Conoscere gli elementi essenziali della tipografia non solo ti aiuter\u00e0 a migliorare il tuo design, ma sarai anche in grado di piegare quelle regole a tuo vantaggio. Ecco alcune linee guida tipografiche consigliate dagli esperti&#8230;<\/p>\n","protected":false},"author":1,"featured_media":198810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[251,225,56],"tags":[],"class_list":["post-255693","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-font","category-libri-di-testo","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255693"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255693\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/198810"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}