{"id":13755,"date":"2018-01-24T15:21:06","date_gmt":"2018-01-24T15:21:06","guid":{"rendered":"http:\/\/www.emaze.com\/?p=13755"},"modified":"2023-08-02T06:11:42","modified_gmt":"2023-08-02T06:11:42","slug":"5-top-website-design-trends-expect-2018","status":"publish","type":"post","link":"https:\/\/www.emaze.com\/it\/5-top-sito-design-tendenze-expect-2018\/","title":{"rendered":"Le 5 principali tendenze di progettazione di siti Web da aspettarsi nel 2018"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Non sembra che ogni volta che alzi lo sguardo ci sia una nuova tendenza da tenere d&#039;occhio? Il mondo dello stile e del design si muove rapidamente, e in particolare lo spazio in continua evoluzione e altamente innovativo del design del sito web. Ci\u00f2 non dovrebbe sorprendere: una buona maggioranza di noi trascorre gran parte delle proprie giornate guardando siti Web, sia per uso professionale che personale. Quindi, quando le persone trascorrono cos\u00ec tanto tempo a guardare i siti Web, devi assicurarti che sia cos\u00ec <\/span><i><span style=\"font-weight: 400;\">il tuo<\/span><\/i><span style=\"font-weight: 400;\"> \u00e8 quello con il design UX\/UI che far\u00e0 un&#039;impressione memorabile.&nbsp;<\/span><\/p>\n<p><!--more--><\/p>\n<p><span style=\"font-weight: 400;\">Di recente ci siamo seduti a parlare con Hadas Shviro, Head of Design di Emaze, per scoprire quali sono le tendenze di progettazione di siti Web pi\u00f9 grandi e di maggior impatto del 2018. Leggi di pi\u00f9 per scoprire quali sono i 5 pi\u00f9 popolari e gli stili all&#039;avanguardia del nuovo anno!<\/span><\/p>\n<h2>Tendenze tipografiche da tenere d&#039;occhio<\/h2>\n<p><span style=\"font-weight: 400;\">Una delle maggiori tendenze di cui assisteremo a un aumento nel 2018 nel design dei siti Web \u00e8 il passaggio a usi audaci e creativi della tipografia. Come ha spiegato Hadas, fino agli ultimi due anni, nei siti web abbiamo visto solo pochi semplici stili di tipografia, con forse uno stile leggermente pi\u00f9 decorativo per titoli e intestazioni. La cosa pi\u00f9 evidente di tutte, ha detto, \u00e8 stata la grande assenza di caratteri tipografici Serif e l&#039;uso principale di caratteri tipografici Sans Serif o gotici (si pensi a caratteri come Open Sans). Per coloro che non hanno familiarit\u00e0 con i caratteri tipografici, un serif \u00e8 una piccola linea attaccata alla fine di un tratto in una lettera o in un simbolo (pensa a come appare un carattere di una macchina da scrivere), e i caratteri tipografici Sans Serif non hanno quella linea. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Negli ultimi due anni e sempre di pi\u00f9 nel 2018, il mondo del design di siti Web vedr\u00e0 un importante movimento verso una variet\u00e0 pi\u00f9 ampia e creativa di stili tipografici che sono sottovalutati nel loro ruolo altamente efficace nel trasmettere lo stile di un sito Web e il messaggio del marchio. Il design del sito web incontrer\u00e0 caratteri tipografici pi\u00f9 geometrici (come Roboto e Montserrat), caratteri tipografici Serif (come Baskerville e Rufina) e caratteri tipografici a spaziatura fissa (come Arvo). Alla luce di questi progressi, Emaze ha aggiunto <a href=\"https:\/\/www.emaze.com\/it\/2018\/01\/07\/emaze-updates-new-features-in-2018\/\">dozzine di nuovi entusiasmanti font<\/a> al suo software online che i designer e gli utenti abituali possono sfruttare. Hadas evidenzia esempi di modelli di siti Web Emaze che lei e il team di progettazione hanno creato che incorporano questo stile di tipografia audace.<\/span><\/p>\n<p>Ecco un modello di sito Web Emaze che mostra alcune delle tendenze tipografiche menzionate:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWOLO\/stylish\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/it\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Alimentato da emaze\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Inoltre, i designer stanno favorendo l&#039;uso di caratteri tipografici di grandi dimensioni come parte del key visual in un sito Web, un cambiamento molto progressivo che tradizionalmente non faceva parte del design di un sito Web standard. Per un design di successo del sito Web, \u00e8 essenziale non solo selezionare i caratteri giusti, ma anche scegliere quelli che mettono in risalto il tema del marchio e il messaggio, nonch\u00e9 selezionare pi\u00f9 caratteri tipografici per diverse aree e tipi di testo in tutto il sito Web. La tipografia e il suo ruolo cruciale nell&#039;aspetto generale e nell&#039;effetto di un sito Web possono spesso essere trascurati, spiega Hadas. Quindi, l&#039;hai sentito qui: divertiti e sii intelligente con la tipografia! <a href=\"https:\/\/www.emaze.com\/it\/siti-web\/\">Crea il tuo sito web gratuito<\/a> con un modello gi\u00e0 pronto in Emaze<\/span><span style=\"font-weight: 400;\">, oppure dai un&#039;occhiata ai nostri modelli per trovare l&#039;ispirazione per i font e poi ricomincia da capo.<\/span><\/p>\n<h2>Rimanere in linea con il design modulare<\/h2>\n<p><span style=\"font-weight: 400;\">Sebbene il design modulare non sia una tendenza del tutto nuova, si prevede che continuer\u00e0 a guadagnare popolarit\u00e0 nel 2018. Che cos&#039;\u00e8 il design modulare? \u00c8 una tecnica di progettazione UX\/UI che utilizza un modello di tipo griglia a blocchi per strutturare il layout di un sito Web ed \u00e8 un buon modo per rendere un sito Web sia organizzato che visivamente interessante, spiega Hadas. Il design modulare \u00e8 particolarmente un&#039;ottima opzione per la gestione e la presentazione di molti contenuti, o quando ci sono diversi elementi che sono in qualche modo non correlati poich\u00e9 questo approccio offre un bel modo per legarli insieme. Ha iniziato a diventare uno stile preferito di molte aziende per i loro siti Web, ma \u00e8 anche popolare tra blogger e influencer come un modo per suddividere i loro contenuti.<\/span><\/p>\n<h2>Tornando al futuro con il retro moderno<\/h2>\n<p><span style=\"font-weight: 400;\">Buone notizie per tutti voi fan dei design degli anni &#039;90! L&#039;aspetto &quot;retr\u00f2 moderno&quot; sta tornando alla grande nel 2018. L&#039;aspetto pixel esagerato dei videogiochi con cui sei cresciuto sta tornando, questa volta con un nuovo tocco moderno. Perch\u00e9 ora? Le immagini e gli elementi di design che un tempo erano popolari danno allo spettatore un senso di conforto e nostalgia per quei tempi, volti a ricordare al consumatore la loro giovinezza. Questo particolare stile di design, osserva Hadas, \u00e8 diventato particolarmente associato alla cultura &quot;geek&quot; e tecnologica, ad esempio nell&#039;uso di immagini informatiche della vecchia scuola e di tutte le cose vintage di quel periodo. Altre due caratteristiche degne di nota di questo stile includono le iconiche illustrazioni basate su pixel che sono modellate sui primi videogiochi e disegni al tratto stravaganti dai colori vivaci, forme geometriche e scarabocchi. Puoi saperne di pi\u00f9 su questa tendenza <a href=\"https:\/\/premium.wpmudev.org\/blog\/web-design-trends-2017\/\">Qui<\/a>. Anche se \u00e8 vero che questo stile di design non funziona per ogni tipo di sito Web, \u00e8 sicuramente un&#039;ottima opzione per qualcosa orientato a millennial divertenti, giovani e esperti di tecnologia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ecco un esempio di un modello di sito Web in stile &quot;moderno retr\u00f2&quot; in Emaze:<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWCFW\/gamer\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/it\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Alimentato da emaze\"><\/a><\/p>\n<h2>Fai un viaggio nel lato oscuro<\/h2>\n<p><span style=\"font-weight: 400;\">Negli ultimi anni, c&#039;\u00e8 stata una tendenza popolare di creare siti Web minimalisti con sfondi bianchi o neutri, con forse alcuni elementi colorati in tutto il design. Mentre questi siti Web di stile sicuramente non lo sono <\/span><i><span style=\"font-weight: 400;\">fuori<\/span><\/i><span style=\"font-weight: 400;\"> di stile, una nuova tendenza di siti web a tema pi\u00f9 oscuro sembra diventare <\/span><i><span style=\"font-weight: 400;\">In<\/span><\/i><span style=\"font-weight: 400;\"> stile. Hadas commenta che il mondo del design di siti Web sta vedendo molti nuovi siti Web con uno sfondo di colore scuro o uno sfondo sfumato scuro. Dark trasmette un&#039;atmosfera elegante e sofisticata, quindi anche se probabilmente non \u00e8 lo stile pi\u00f9 giocoso, funziona sicuramente per certi tipi di siti. Questo stile sta spuntando sempre di pi\u00f9 per i siti Web di aziende tecnologiche, artisti e musicisti, ma \u00e8 meno probabile che si presenti come uno stile popolare per cose come blog di cucina o siti Web di moda. Andare con un aspetto pi\u00f9 scuro per un sito Web catturer\u00e0 sicuramente una certa attenzione in uno spazio in cui cos\u00ec tanti siti Web hanno ancora un aspetto neutro\/bianco simile, quindi se stai cercando di fare una dichiarazione drammatica e distinguerti, ecco un&#039;ottima opzione!<\/span><\/p>\n<p>Ecco un esempio di un modello di sito Web Emaze scuro:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWLZO\/city-lights\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/it\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Alimentato da emaze\"><\/a><\/p>\n<h2>\u00c8 tutto nei dettagli decorativi<\/h2>\n<p><span style=\"font-weight: 400;\">Piccoli dettagli, nelle giuste quantit\u00e0, hanno il potenziale per avere un grande impatto. Questo \u00e8 davvero il caso quando si tratta di piccoli dettagli decorativi nel design del sito web. I siti Web semplici, rigidi e moderni non sono usciti: sono qui per restare, ma con una svolta. Sono finiti i giorni in cui i pulsanti di clic erano rettangoli con spigoli vivi. Ora, i designer stanno passando a diverse forme di bottoni, favorendo in particolare quelli con bordi morbidi, spiega Hadas. Le pi\u00f9 piccole forme geometriche, linee e frammenti vengono incorporati nei progetti dell&#039;interfaccia utente dei siti Web in modi creativi. Non sono una parte importante del contenuto complessivo e del layout del design di un sito web, ma aggiungono anche un po&#039; pi\u00f9 di carattere a un sito web altrimenti neutro e privo di elementi. I caratteri di sottolineatura, i trattini e le frecce vengono utilizzati per aggiungere un po&#039; di stile alle parti fondamentali di un sito Web, come intestazioni e sottotitoli, e tutti questi elementi sono spesso interattivi, nel senso che si muovono in base a un movimento che l&#039;utente fa con il mouse sul schermo. Per i progettisti di siti Web e le aziende che mirano a ottenere un aspetto professionale, moderno e minimalista, questo \u00e8 uno stile che vale la pena provare.<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWILW\/shapes\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/it\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Alimentato da emaze\"><\/a><\/p>\n<p>Vuoi iniziare a provare alcune di queste tendenze? Vedi molti altri Emaze <a href=\"https:\/\/www.emaze.com\/it\/siti-web\/\">modelli di siti web<\/a>&nbsp;per trovare un&#039;ampia variet\u00e0 di esempi che evidenziano queste 5 tendenze e molte altre.<\/p>\n<p>Pronto per iniziare a creare il tuo sito web? Cerchi un costruttore di siti web pi\u00f9 veloce? Utilizza il nostro generatore di siti Web per creare il tuo sito Web Emaze personalizzato gratuito in pochi minuti!<\/p>","protected":false},"excerpt":{"rendered":"<p>Non sembra che ogni volta che alzi lo sguardo ci sia una nuova tendenza da tenere d&#039;occhio? Il mondo dello stile e del design si muove rapidamente, e in particolare lo spazio in continua evoluzione e altamente innovativo del design del sito web. Ci\u00f2 non dovrebbe sorprendere: una buona maggioranza di noi trascorre gran parte del proprio [\u2026]<\/p>","protected":false},"author":1,"featured_media":26997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,78],"tags":[10,4,23,44,58,32,113,86,114,28,115,116],"class_list":["post-13755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-website-and-blog","tag-design","tag-emaze","tag-emaze-templates","tag-presentation-software","tag-technology","tag-templates","tag-ui","tag-ux","tag-web-design","tag-website","tag-weebly","tag-wix"],"_links":{"self":[{"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/posts\/13755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/comments?post=13755"}],"version-history":[{"count":4,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/posts\/13755\/revisions"}],"predecessor-version":[{"id":30065,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/posts\/13755\/revisions\/30065"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/media\/26997"}],"wp:attachment":[{"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/media?parent=13755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/categories?post=13755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emaze.com\/it\/wp-json\/wp\/v2\/tags?post=13755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}