{"id":11022,"date":"2018-02-12T10:23:40","date_gmt":"2018-02-12T09:23:40","guid":{"rendered":"http:\/\/www.antevenio.com\/it\/?p=11022"},"modified":"2018-02-12T10:23:40","modified_gmt":"2018-02-12T09:23:40","slug":"hai-un-sito-adattato-alle-tendenze-del-flat-design","status":"publish","type":"post","link":"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/","title":{"rendered":"Hai un sito adattato alle tendenze del flat design?"},"content":{"rendered":"

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

Il 2016 e il 2017 sono stati gli anni del Flat Design<\/strong>, una delle tendenze della comunicazione online<\/a> che ha dato il benvenuto ai cinemagraphs o gif<\/strong>. Immagini che sono video, dato che sono dinamiche.<\/p>\n

Cos\u2019\u00e8 il Flat Design?<\/h2>\n

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

Gli stili minimalisti e semplici<\/strong> sono stati i protagonisti dell\u2019anno scorso e anche quest\u2019anno guadagnano terreno. Sono qui per fermarsi.<\/p>\n

Si eliminano gli elementi extra come le ombre, le textures, i gradienti. Non si usano pi\u00f9 troppe immagini. La grafica flat \u00e8 caratterizzata dalla semplicit\u00e0.<\/p>\n

Questo tipo di grafica \u00e8 creato sulla base di disegni a due dimensioni e non a tre, con funzioni offerte dalle interfacce normali.<\/strong><\/p>\n

Il flat design crea interfacce innovative. Un buon esempio sono le icone del Mac OSX<\/strong>. Sono le stesse icone, per forma e stile ma con grafica flat. Si pu\u00f2 vedere come i dettagli sono ridotti senza compromettere la comprensione.<\/p>\n

Icone Mac IOS Flat Design<\/h2>\n

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

Dove si usa il Flat Design?<\/h3>\n

Questo tipo di grafica ha le sue origini in Microsoft. Questa multinazionale ha cominciato ad introdurre la grafica flat nella sua interfaccia di Windows Phone<\/strong> nel 2010<\/strong>. Negli anni successivi ha continuato utilizzando questa tendenza in maniera rinnovata.<\/p>\n

L\u2019interfaccia di XBOX 360\u00b0<\/strong> ha dato il benvenuto ad una grafica innovativa. E pi\u00f9 tardi, nel 2012<\/strong>, \u00e8 arrivato Windows 8.<\/strong><\/p>\n

Design piatto in Windows 8<\/h3>\n

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

La seconda azienda che ha introdotto questo tipo di grafica \u00e8 stata Google<\/strong>. Prodotti come Gmail, Google+, Calendar, ecc<\/strong> hanno incorporato tutte queste novit\u00e0 poco a poco.<\/p>\n

Grafica flat in Google<\/h3>\n

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

L\u2019ultima azienda \u00e8 stata Apple. All\u2019inizio la compagnia ha scommesso su un altro tipo di interfaccia che non ha funzionato.<\/p>\n

Si trata della grafica nota con il nome di Skeumorphism<\/strong>. Un tipo di arte che imita la realt\u00e0 facendo uso di elementi come ombre, textures, ecc. Il contrario della grafica flat.<\/p>\n

Grafica Skeumorphism<\/em> di Apple<\/h3>\n

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

Si pu\u00f2 osservare nell\u2019immagine qui sopra di cosa si trattava. Un\u2019interfaccia molto diversa dalla proposta di Windows.<\/p>\n

Dopo il successo della grafica flat, Apple ha dovuto fare marcia indietro e adattarsi alle tendenze del momento. Nella vesione 7 di iOS<\/strong> ha cominciato ad introdurre parte della grafica flat.<\/p>\n

Versione iOS 7 di Apple con grafica flat<\/h3>\n

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

Come per iOS 7, anche Android 4 ha applicato la grafica flat alle sue icone.<\/p>\n

Android 4 con grafica flat<\/h3>\n

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

Questa moda o tendenza \u00e8 cominciata come grafica per poi adattarsi al mobile. Il consumo che si faceva dei contenuti tramite questo tipo di dispositivo era sempre maggiore e le aziende non potevano esimersi dall\u2019utilizzare le nuove tendenze per soddisfare i propri clienti.<\/p>\n

Tra tutti i vantaggi di questo tipo di grafica c\u2019\u00e8 l\u2019adattamento responsive<\/strong>, ossia al piccolo schermo. Quindi \u00e8 molto comune che tute le applicazioni mobile mostrino i colori e forme geometriche caratteristici della grafica flat.<\/p>\n

Infine, va ricordata la comunicazione offline<\/strong>. \u00c8 possibile trovare banners, pubblicit\u00e0 di prodotti, riviste e brochures.<\/strong><\/p>\n

La rivoluzione che ha causato questo tipo di grafica \u00e8 enorme. Tutte le aziende hanno introdotto la tendenza nei loro prodotti.<\/p>\n

Questo successo<\/strong> \u00e8 legato all\u2019adattamento ai dispositivi mobile<\/strong>, chiave del successo attuale. Ma esistono molti altri motivi per cui questa grafica funziona. Ecco alcuni dei vantaggi<\/strong> della grafica flat.<\/p>\n

Vantaggi del Flat Design<\/h2>\n

1.- Grafica semplice e intuitiva<\/h3>\n

Questo tipo di grafica permette a qualsiasi utente di utilizzare una pagina web. Il cliente \u00e8 in grado di apprendere come gestire l\u2019interfaccia per la sua seplicit\u00e0.<\/p>\n

Inoltre viene mostrato solo ci\u00f2 che interessa all\u2019utente. Cos\u00ec non si complica la vita del cliente e si genera pi\u00f9 interazione<\/strong>.<\/p>\n

2.- Una grafica multicanale<\/h3>\n

Questo tipo di grafica si trova in tutti i canali. Sia su desktop sia nelle app di IOS o Android. Tutti i canali condividono le stesse icone con le stesse textures, gli stessi colori, le stesse forme. Il risultato \u00e8 che l\u2019utente famigliarizza con gli elementi, senza necessit\u00e0 di aiuto.<\/p>\n

3.- Rilevanza estetica nella grafica web<\/h3>\n

Gioca un ruolo fondamentale nell\u2019estetica. Ci\u00f2 influisce nella comunicazione e interazione degli utenti. I messaggi che vengono mostrati sono facili da leggere, dato che i font sono semplici.<\/p>\n

Inoltre, essendo la semplicit\u00e0 un elemento basilare, non si abuso del testo. Un grande vantaggio per l\u2019utente che legge.<\/p>\n

In qualsiasi caso, il minimalismo<\/strong> \u00e8 perfetto per la grafica delle landing pages e delle pagine web.<\/strong><\/p>\n

4.- Valutazione positiva di Google<\/h3>\n

Il fatto che il motore di ricerca Google valuti positivamente la tua pagina \u00e8 sempre qualcosa da considerare. Ci\u00f2 accade per il fatto che questo tipo di grafica migliora l\u2019usabilit\u00e0<\/strong> di qualsiasi sito.<\/p>\n

Allo stesso modo un altro degli aspetti considerati da Google \u00e8 il tempo di caricamento.<\/strong> Questo tipo di grafica, avendo pochi componenti, \u00e8 perfetta. Il flat design<\/strong> ottimizza il caricamento dei files in maniera eccellente.<\/p>\n

Avere queste due caratteristiche valutate positivamente da Google fa in modo che la tua pagina si posizioni meglio nel ranking delle ricerche.<\/strong><\/p>\n

La usabilit\u00e0 del flat design<\/h3>\n

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

L\u2019importanza della user experience \u00e8 l\u2019elemento realmente importante.<\/p>\n

Se hai deciso di creare una grafica flat devi realizzare prototipi del sito e prove prima di vedere se funziona. \u00c8 imprescindibile verificare l\u2019usabilit\u00e0 lato utente dall\u2019inizio alla fine.<\/p>\n

Un buon metodo \u00e8 fare uso degli A\/B test<\/a><\/strong> come ti permette di fare MDirector<\/strong>. Potrai verificare quale tra due pagine diverse funziona meglio e quale converte di pi\u00f9.<\/p>\n

Anche se una buona grafica pu\u00f2 generare sensazioni, pu\u00f2 succedere che le prove diano risultati negativi legati alla user experience. L\u2019estetica \u00e8 importante ma l\u2019usabilit\u00e0 \u00e8 imprescindibile.<\/strong><\/p>\n

Le tendenze e l\u2019estetica devono andare di pari passo verso il raggiungimento degli obiettivi fissati. Una grafica incredibile pu\u00f2 tentare ma a volte le cifre non le danno ragione.<\/p>\n

Per concludere, \u00e8 importante misurare e provare ci\u00f2 che funziona meglio. Non distrarti dall\u2019obiettivo fissato inizialmente. E non dimenticarti del tuo cliente. L\u2019utente \u00e8 il re e deve essere soddisfatto.<\/p>\n

Molte volte n piccolo cambiamento fa la differenza per l\u2019utente. Ricorda che less is more.<\/strong><\/p>\n

La grafica flat sembra funzionare per tutti i motivi menzionati. Ma si \u00e8 affacciata sul mercato anche una nuova tendenza denominata Long Shadow design.<\/strong><\/p>\n

Dal Flat Design al Long Shadow design<\/h3>\n

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

Dalla grafica flat nasce una nuova tendenza nota come \u00df.<\/p>\n

Questa nuova grafica non \u00e8 che un\u2019evoluzione della grafica flat e incorpora ombre lunghe che permettono di dare profondit\u00e0, come si pu\u00f2 osservare nell\u2019immagine.<\/p>\n

\u00c8 importante rimarcare che nonostante l\u2019ombra, \u00df. La dimensione dell\u2019ombra \u00e8 2,5 volte pi\u00f9 ampia dello spazio diagonale dell\u2019icona e la sua lunghezza pu\u00f2 raggiungere i 45 gradi.<\/p>\n

Sia la grafica flat sia la grafica long shadow sono tendenze e sembrano funzionare bene.<\/p>\n

Sembra che il futuro giri intorno a questa dimensione semplice e minimalista con l\u2019obiettivo di non complicare la vita dell\u2019utente.<\/strong> Si tratta di utilizzare formati che rendano migliore l\u2019esperienza dell\u2019utente.<\/p>\n

Flat Design si o no?<\/h2>\n

Alla domanda se si deve utilizzare o no questo tipo di grafica possiamo rispondere che dipende dagli obiettivi aziendali.<\/p>\n

Si tratta di tendenze che possono durare nel tempo o no. Ti consigliamo di realizzare sempre grafiche che tengano in considerazione l\u2019usabilit\u00e0 e l\u2019estetica allo stesso tempo.<\/p>\n

Si tratta di una priorit\u00e0: mettere l\u2019utente al centro, creando un sito funzionale e intuitivo.<\/strong><\/p>\n

Ora che hai scoperto in cosa consiste questo tipo di grafica \u00e8 arrivato il momento di decidere se applicarla o no alla tua strategia. Per questo devi utilizzare strumenti professionali che ti permettano di gestire i migliori templates per un flat design di valore.<\/p>\n

In Antevenio Go!<\/strong> abbiamo l\u2019esperienza e la tecnologia necessaria per far s\u00ec che le tue pagine web siano ottimizzate. Cos\u00ec potrai ottenere pi\u00f9 visite, leads e traffico.<\/a><\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"

Il 2016 e il 2017 sono stati gli anni del Flat Design, una delle tendenze della comunicazione online che ha dato il benvenuto ai cinemagraphs o gif. Immagini che sono video, dato che sono dinamiche. Cos\u2019\u00e8 il Flat Design? Gli…<\/p>\n","protected":false},"author":30,"featured_media":11023,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[1389],"yoast_head":"\nHai un sito adattato alle tendenze del flat design?<\/title>\n<meta name=\"description\" content=\"Il design piatto se diventasse una delle tendenze della comunicazione online per poi accogliere i cinemagraph o anche chiamato gif.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hai un sito adattato alle tendenze del flat design?\" \/>\n<meta property=\"og:description\" content=\"Il design piatto se diventasse una delle tendenze della comunicazione online per poi accogliere i cinemagraph o anche chiamato gif.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Antevenio\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-12T09:23:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.antevenio.com\/it\/wp-content\/uploads\/2018\/02\/flat-design-interface-1024x640.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ana Moreno\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ana Moreno\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/\",\"url\":\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/\",\"name\":\"Hai un sito adattato alle tendenze del flat design?\",\"isPartOf\":{\"@id\":\"https:\/\/www.antevenio.com\/it\/#website\"},\"datePublished\":\"2018-02-12T09:23:40+00:00\",\"dateModified\":\"2018-02-12T09:23:40+00:00\",\"author\":{\"@id\":\"https:\/\/www.antevenio.com\/it\/#\/schema\/person\/3e053700adb6cdb9516b340d20b2e82c\"},\"description\":\"Il design piatto se diventasse una delle tendenze della comunicazione online per poi accogliere i cinemagraph o anche chiamato gif.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.antevenio.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hai un sito adattato alle tendenze del flat design?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.antevenio.com\/it\/#website\",\"url\":\"https:\/\/www.antevenio.com\/it\/\",\"name\":\"Antevenio\",\"description\":\"Marketing online\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.antevenio.com\/it\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.antevenio.com\/it\/#\/schema\/person\/3e053700adb6cdb9516b340d20b2e82c\",\"name\":\"Ana Moreno\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.antevenio.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b37a486c046e48dcab1d21b9ccde1df1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b37a486c046e48dcab1d21b9ccde1df1?s=96&d=mm&r=g\",\"caption\":\"Ana Moreno\"},\"url\":\"https:\/\/www.antevenio.com\/it\/blog\/author\/ana\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hai un sito adattato alle tendenze del flat design?","description":"Il design piatto se diventasse una delle tendenze della comunicazione online per poi accogliere i cinemagraph o anche chiamato gif.","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:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/","og_locale":"it_IT","og_type":"article","og_title":"Hai un sito adattato alle tendenze del flat design?","og_description":"Il design piatto se diventasse una delle tendenze della comunicazione online per poi accogliere i cinemagraph o anche chiamato gif.","og_url":"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/","og_site_name":"Antevenio","article_published_time":"2018-02-12T09:23:40+00:00","og_image":[{"width":1024,"height":640,"url":"https:\/\/www.antevenio.com\/it\/wp-content\/uploads\/2018\/02\/flat-design-interface-1024x640.jpg","type":"image\/jpeg"}],"author":"Ana Moreno","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ana Moreno","Est. reading time":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/","url":"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/","name":"Hai un sito adattato alle tendenze del flat design?","isPartOf":{"@id":"https:\/\/www.antevenio.com\/it\/#website"},"datePublished":"2018-02-12T09:23:40+00:00","dateModified":"2018-02-12T09:23:40+00:00","author":{"@id":"https:\/\/www.antevenio.com\/it\/#\/schema\/person\/3e053700adb6cdb9516b340d20b2e82c"},"description":"Il design piatto se diventasse una delle tendenze della comunicazione online per poi accogliere i cinemagraph o anche chiamato gif.","breadcrumb":{"@id":"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.antevenio.com\/it\/blog\/hai-un-sito-adattato-alle-tendenze-del-flat-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.antevenio.com\/it\/"},{"@type":"ListItem","position":2,"name":"Hai un sito adattato alle tendenze del flat design?"}]},{"@type":"WebSite","@id":"https:\/\/www.antevenio.com\/it\/#website","url":"https:\/\/www.antevenio.com\/it\/","name":"Antevenio","description":"Marketing online","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.antevenio.com\/it\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.antevenio.com\/it\/#\/schema\/person\/3e053700adb6cdb9516b340d20b2e82c","name":"Ana Moreno","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.antevenio.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b37a486c046e48dcab1d21b9ccde1df1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b37a486c046e48dcab1d21b9ccde1df1?s=96&d=mm&r=g","caption":"Ana Moreno"},"url":"https:\/\/www.antevenio.com\/it\/blog\/author\/ana\/"}]}},"_links":{"self":[{"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/posts\/11022"}],"collection":[{"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/comments?post=11022"}],"version-history":[{"count":1,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/posts\/11022\/revisions"}],"predecessor-version":[{"id":11033,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/posts\/11022\/revisions\/11033"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/media\/11023"}],"wp:attachment":[{"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/media?parent=11022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/categories?post=11022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.antevenio.com\/it\/wp-json\/wp\/v2\/tags?post=11022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}