{"id":255766,"date":"2023-11-22T06:30:00","date_gmt":"2023-11-22T03:30:00","guid":{"rendered":"https:\/\/inform.click\/25-siti-web-che-fanno-un-uso-stimolante-della-tipografia\/"},"modified":"2023-11-22T07:17:00","modified_gmt":"2023-11-22T04:17:00","slug":"25-siti-web-che-fanno-un-uso-stimolante-della-tipografia","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/25-siti-web-che-fanno-un-uso-stimolante-della-tipografia\/","title":{"rendered":"25 siti web che fanno un uso stimolante della tipografia"},"content":{"rendered":"

\n Ogni sito Web utilizza la tipografia, ma la stragrande maggioranza di essi non fa nulla di particolarmente speciale con essa.\n<\/p>\n

\n In effetti, molti dei siti Web che visito quotidianamente fanno un uso piuttosto scarso della tipografia (secondo me), motivo per cui provo sempre un senso di gioia travolgente quando mi imbatto in un sito Web che ha davvero fatto il massimo miglio per quanto riguarda la tipografia.\n<\/p>\n

\n Quindi, se sei stufo di vedere artisti del calibro di “Arial” e “Times New Roman” (lo so che lo sono!), o se hai bisogno di ispirazione tipografica per un progetto futuro, ecco alcuni siti che fanno un uso eccellente della tipografia :\n<\/p>\n

\n 1 Gruppo V02
\n<\/h4>\n

\n <\/a>\n<\/p>\n

\n V02 Group fa un uso interessante della tipografia sul proprio sito Web, nel senso che alcune parti di essa sono nascoste dietro l'immagine del corridore.\n<\/p>\n

\n Questo aiuta a creare un senso di profondit\u00e0 e ritrae un'immagine della tipografia fluttuante a mezz'aria.\n<\/p>\n

\n Font utilizzati:<\/strong> Crimson Text, Futura\n<\/p>\n

\n 2 Qual \u00e8 il tuo futuro?
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n “Qual \u00e8 il tuo futuro?” \u00e8 un sito Web splendidamente realizzato che utilizza la tipografia con parsimonia.\n<\/p>\n

\n Il design nel suo insieme \u00e8 abbastanza minimalista e “piatto”, che \u00e8 molto probabilmente il motivo alla base di una scelta di caratteri cos\u00ec avventurosa (Baron Neue) per il carattere grande.\n<\/p>\n

\n Font utilizzati:<\/strong> Baron Neue, Georgia\n<\/p>\n

\n 3 Jacob Grubbe
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Jacob Grubbe ha creato qui un sito Web eccezionalmente semplicistico, con la tipografia come punto focale principale: mentre digiti, il sito Web si rivela.\n<\/p>\n

\n Jacob utilizza solo un carattere tipografico in questo design (Roboto) ma funziona perfettamente con lo stile di design minimalista.\n<\/p>\n

\n Font utilizzati:<\/strong> Roboto\n<\/p>\n

\n 4 risoluzioni segrete
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Secret Resolutions \u00e8 un sito web colorato, un po' schietto che, proprio come il sito web di Jacob sopra, utilizza solo un carattere tipografico (Brandon Grotesque).\n<\/p>\n

\n La tipografia \u00e8 grande, audace, avventurosa e divertente: una scelta perfetta considerando il concetto del sito.\n<\/p>\n

\n Font utilizzati:<\/strong> Brandon Grotesque\n<\/p>\n

\n 5 Nozioni di base09
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Basics09 fa esattamente quello che dice sulla scatola: offre un sito Web “di base” che, ancora una volta, utilizza solo un carattere tipografico (Benton Sans).\n<\/p>\n

\n Benton Sans di per s\u00e9 \u00e8 un font sans serif abbastanza semplice e chiaro, ma il designer ha utilizzato uno stile e un dimensionamento sottili per creare un senso di gerarchia, anche con un solo carattere tipografico nel design.\n<\/p>\n

\n Font utilizzati:<\/strong> Benton Sans\n<\/p>\n

\n 6 Degordiano
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Degordian fa uso di una tipografia maiuscola grande per gli elementi principali del design, accompagnata da un testo pi\u00f9 piccolo e normale scritto nel carattere popolare: Merriweather.\n<\/p>\n

\n Questa combinazione di immagini di sfondo di grandi dimensioni e tipografia maiuscola di grandi dimensioni sta rapidamente diventando una tendenza del web design quest'anno.\n<\/p>\n

\n Font utilizzati:<\/strong> Futura, Merriweather\n<\/p>\n

\n 7 Tenuta Brancott
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Brancott Estate ha optato per un effetto disegnato a mano simile a una lavagna per il proprio sito web.\n<\/p>\n

\n Non siamo sicuri di quale sia il carattere principale che hanno utilizzato, ma \u00e8 presente insieme a Georgia. Che cos'\u00e8, \u00e8 una combinazione epica.\n<\/p>\n

\n Font utilizzati:<\/strong> Unknown, Georgia\n<\/p>\n

\n 8 Miglia Calder
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Miles Calder ha creato un sito Web molto minimalista qua e l\u00e0, il sito utilizza un solo carattere tipografico: Founders Grotesk.\n<\/p>\n

\n Usa varie dimensioni, colori e stili per creare un senso di gerarchia nel design.\n<\/p>\n

\n Font utilizzati:<\/strong> Founders Grotesk\n<\/p>\n

\n 9 Corri per AJD
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Anche se questo sito web \u00e8 scritto in francese anzich\u00e9 in inglese, sembra comunque un po' difficile da leggere grazie allo stile del carattere tipografico utilizzato.\n<\/p>\n

\n Tuttavia, devi ammettere che per quanto riguarda lo stile, sembra davvero fantastico.\n<\/p>\n

\n Font utilizzati:<\/strong> Avenir Book\n<\/p>\n

\n 10 Inviaunmessaggio.a
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n SendAMessage.to ti consente essenzialmente di inviare un messaggio personalizzato a un amico, un familiare o un collega con pochi passaggi.\n<\/p>\n

\n Il designer ha utilizzato Proxima Nova come unico font. un carattere tipografico noto per la sua bellezza a grandi dimensioni.\n<\/p>\n

\n Font utilizzati:<\/strong> Proxima Nova\n<\/p>\n

\n 11 Laboratori Amazee
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Sembra che Amazee Labs abbia creato un proprio carattere in qualche modo nuovo e unico per questo design, ma \u00e8 presente insieme a Source Sans Pro e Museo.\n<\/p>\n

\n Questi due tipi di carattere funzionano magnificamente bene insieme, e particolarmente bene accanto alla tipografia luminosa e colorata presente nelle immagini.\n<\/p>\n

\n Font utilizzati:<\/strong> Source Sans Pro, Museo\n<\/p>\n

\n 12 Odolf
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Il sito web di Oudolf \u00e8 molto semplicistico e molto simile al sito web di Jacob Grubbe presentato in precedenza nel post, la tipografia \u00e8 praticamente l'unico elemento del design.\n<\/p>\n

\n Tuttavia, questo sito Web utilizza un effetto interessante in cui il testo viene effettivamente mascherato su un'immagine, che poi si rivela al passaggio del mouse.\n<\/p>\n

\n Font utilizzati:<\/strong> Mason Neue Book, Univers Standard\n<\/p>\n

\n 13 Io sono Baaz
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n “I Am Baaz” fa uso di due bellissimi caratteri tipografici: Verlag Book e Acrom Extra Bold.\n<\/p>\n

\n Se combinato con lo sfondo video del sito Web, il risultato \u00e8 sorprendente. \u00e8 quasi come un poster di un film interattivo e in movimento nel modo in cui \u00e8 stato progettato e disegnato.\n<\/p>\n

\n Font utilizzati:<\/strong> Verlag Book, Acrom Extra Bold\n<\/p>\n

\n 14 FS Millbank
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n FS Millbank \u00e8 un sito web che pubblicizza il carattere tipografico: FS Millbank.\n<\/p>\n

\n \u00c8 descritto come un carattere tipografico “viaggiatore” e se sei stato in qualche aeroporto o stazione ferroviaria di recente, probabilmente avrai visto qualcosa che assomiglia proprio ai cartelli l\u00ec.\n<\/p>\n

\n \u00c8 un font bellissimo e funziona sicuramente bene per lo scopo previsto.\n<\/p>\n

\n Font utilizzati:<\/strong> FS Millbank\n<\/p>\n

\n 15 Studio Lovelock
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Sembra che Futura PT stia crescendo in popolarit\u00e0 quest'anno, ed \u00e8 apparso ancora una volta sul sito web di Studio Lovelock.\n<\/p>\n

\n \u00c8 l'unico carattere tipografico utilizzato nel design, ma \u00e8 stato utilizzato in molte dimensioni, stili e pesi diversi per creare un design interessante.\n<\/p>\n

\n In alcuni punti non sembra nemmeno lo stesso carattere.\n<\/p>\n

\n Font utilizzati:<\/strong> Futura PT\n<\/p>\n

\n 16 Adoratorio
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Il sito web di Adoratorio \u00e8 in gran parte in bianco e nero, anche se ci sono degli strani elementi di colore, come dimostrato nello screenshot qui sopra.\n<\/p>\n

\n Sia Montserrat che Courier New sono presenti in questo design e sebbene queste non siano le scelte di carattere pi\u00f9 interessanti, il design ha utilizzato in modo intelligente le modifiche al colore e al tracciamento \/ crenatura per creare un design straordinario.\n<\/p>\n

\n Font utilizzati:<\/strong> Montserrat, Courier New\n<\/p>\n

\n 17 La Libreria dei Motivi
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n La Pattern Library fa un uso minimo della tipografia, poich\u00e9 \u00e8 principalmente un sito basato su immagini.\n<\/p>\n

\n Tuttavia, dove viene utilizzata la tipografia, viene utilizzata principalmente per gli inviti all'azione (ovvero il pulsante “scarica ora”). Chiaramente, l'audacia di MostraNuova \u00e8 la scelta perfetta per questo lavoro.\n<\/p>\n

\n Font utilizzati:<\/strong> MostraNuova\n<\/p>\n

\n 18 Spotify. Punto dolce
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Spotify utilizza un solo carattere nel design “Sweet Spot” per San Valentino e funziona eccezionalmente bene se combinato con la combinazione di colori audaci e il design minimalista del sito.\n<\/p>\n

\n Vari pesi e dimensioni vengono utilizzati per creare una gerarchia visiva semplice ma evidente.\n<\/p>\n

\n Font utilizzati:<\/strong> Circular TT\n<\/p>\n

\n 19 51 Nord
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n 51 North \u00e8 un'agenzia di design con sede nei Paesi Bassi. Il loro fa uso di due font: Minion W01 e Two Cen W01, entrambi usati con relativa parsimonia.\n<\/p>\n

\n Una cosa strana che noterai di questo sito Web \u00e8 che per l'intestazione principale (“666”) viene utilizzato uno spessore del carattere normale, mentre per il sottotitolo (“6th Anniversary”) viene utilizzato uno spessore in grassetto.\n<\/p>\n

\n Font utilizzati:<\/strong> Minion W01, Tw Cen W01\n<\/p>\n

\n 20 rel\u00e8 blu
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n RelaisBlu \u00e8 un boutique hotel e ristorante in Italia. A differenza della maggior parte dei siti presenti in questo post, il sito Web utilizza in realt\u00e0 tre caratteri tipografici completamente diversi.\n<\/p>\n

\n La maggior parte delle volte, utilizzare pi\u00f9 di un paio di caratteri tipografici \u00e8 di varie dimensioni e pesi \u00e8 un po' un rischio, ma RelaisBlu riesce a tirare fuori le cose per creare un design visivamente sbalorditivo.\n<\/p>\n

\n Font utilizzati:<\/strong> Geosans, Fanwood, Theano\n<\/p>\n

\n 21 aprile Atelier
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n April Studio utilizza solo un carattere tipografico nel loro design: Helvetica Neue.\n<\/p>\n

\n Helvetica Neue \u00e8 un carattere tipografico relativamente abusato in questi giorni (anche Apple lo usa nei loro sistemi operativi OSX Yosemite e iOS8).\n<\/p>\n

\n Tuttavia, utilizzando vari pesi, dimensioni e colori, April Studio ha creato un design pulito e semplice con una chiara gerarchia visiva.\n<\/p>\n

\n Font utilizzati:<\/strong> Helvetica Neue\n<\/p>\n

\n 22 EMito
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n EMyth \u00e8 un sito web relativamente semplice e con i piedi per terra, in parte grazie alla scelta della tipografia: Museo Slab e Proxima Nova.\n<\/p>\n

\n Proxima Nova pu\u00f2 sembrare piuttosto audace e maschile a volte, ma utilizzando Museo Slab al suo fianco, EMyth ha creato un design senza fronzoli che \u00e8 pulito, chiaro e fa appello a entrambi i sessi allo stesso modo.\n<\/p>\n

\n Font utilizzati:<\/strong> Museo Slab, Proxima Nova\n<\/p>\n

\n 23 Melanie Daveid
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n A parte il design del carattere tipografico personalizzato utilizzato per le grandi intestazioni sul lato sinistro del sito Web, Melanie utilizza solo un carattere tipografico sul suo sito Web: Proxima Nova.\n<\/p>\n

\n Mantiene le cose semplici utilizzando un peso audace per i sottotitoli, con un peso regolare per il contenuto principale. Questo crea una chiara gerarchia visiva, mentre il suo carattere personalizzato aggiunge personalit\u00e0 al design.\n<\/p>\n

\n Font utilizzati:<\/strong> Proxima Nova, Custom\n<\/p>\n

\n 24 formule
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Formlets \u00e8 una societ\u00e0 che deve ancora essere lanciata, ma sembra essere pronta a lanciare un prodotto che competer\u00e0 con alcuni giocatori piuttosto grandi.\n<\/p>\n

\n Tuttavia, Formlets ha utilizzato la tipografia per distinguersi dalla massa. Mentre la maggior parte dei loro concorrenti vanta un design aziendale stantio, Formlets ha optato per un design pi\u00f9 semplice e amichevole. A tale scopo vengono utilizzati DIN Rounded e Roboto.\n<\/p>\n

\n Font utilizzati:<\/strong> DIN Rounded, Roboto\n<\/p>\n

\n 25 Nicola Bussiere
\n<\/h4>\n

\n \"\"<\/a>\n<\/p>\n

\n Nicholas ha creato un design eccezionalmente minimalista e utilizza un solo carattere tipografico: Apercu.\n<\/p>\n

\n Usa due spessori di carattere (leggero e regolare) e, sorprendentemente, sono le intestazioni grandi che fanno uso del peso leggero del carattere, mentre il testo pi\u00f9 piccolo e meno importante utilizza uno spessore del carattere normale.\n<\/p>\n

\n Usa il dimensionamento e il colore per garantire che ci sia ancora una forte gerarchia visiva all'interno del design.\n<\/p>\n

\n Font utilizzati:<\/strong> Apercu\n<\/p>\n<\/p>\n

\n Fonte di registrazione: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Ogni sito Web utilizza la tipografia, ma la stragrande maggioranza di essi non fa nulla di particolarmente speciale con essa. In effetti, molti dei siti Web che visito quotidianamente fanno un uso piuttosto scarso della tipografia (secondo me), motivo per cui provo sempre un senso di gioia travolgente quando mi imbatto in un sito Web che ha davvero fatto il massimo miglio per quanto riguarda la tipografia. Quindi, se sei stufo di vedere cose come “Arial” e “Times New Roman” (lo so che lo sono!), o se hai bisogno di qualche ispirazione tipografica per il futuro…<\/p>\n","protected":false},"author":1,"featured_media":139118,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[251,225,199,56],"tags":[],"class_list":["post-255766","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-font","category-libri-di-testo","category-web-design","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255766","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=255766"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255766\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/139118"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}