{"id":73747,"date":"2019-10-29T18:44:01","date_gmt":"2019-10-29T18:44:01","guid":{"rendered":"https:\/\/codewebbarcelona.com\/tendencias-en-diseno-web-2020\/"},"modified":"2026-06-10T22:50:55","modified_gmt":"2026-06-10T22:50:55","slug":"tendenze-design-web-2020","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/","title":{"rendered":"Tendenze nel web design 2020"},"content":{"rendered":"<p>Se vuoi restare aggiornato e iniziare il prossimo anno con il piede giusto, in questo articolo analizziamo le tendenze del web design per il 2020: canvas, 3D, maxi font, contrasti, intelligenza artificiale, machine learning, riconoscimento vocale e molto altro.<\/p>\n<p>[superfeatured]7076[\/superfeatured]<\/p>\n<p>Anche quest\u2019anno siamo qui, pronti a guardare avanti. Siamo ormai a novembre e vogliamo arrivare preparati al nuovo anno, cos\u00ec come desideriamo che lo siano anche i nostri lettori. Come da tradizione, abbiamo realizzato un post dedicato a ci\u00f2 che dominer\u00e0 il panorama del web design nel 2020.<\/p>\n<h6>Seguiamo l\u2019evoluzione \u2192 le <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-diseno-web-2026\/\">tendenze del web design 2026<\/a> puntano su minimalismo, IA ed esperienze pi\u00f9 umane.<\/h6>\n<p>Questo tipo di articolo \u00e8 uno dei pilastri del nostro blog, tra i pi\u00f9 letti e richiesti durante tutto l\u2019anno da chi cerca ispirazione sulle ultime novit\u00e0 in ambito web, grafica e marketing. Per questo, ogni anno investiamo ancora pi\u00f9 cura, attenzione e dedizione nella sua realizzazione. Il nostro obiettivo \u00e8 offrire contenuti di qualit\u00e0, sia a professionisti del settore che a potenziali clienti in cerca di idee per il loro nuovo sito. Inoltre, creare contenuti di valore ci aiuta a mantenere una buona posizione sui motori di ricerca. Lo sapete: Content is king!<\/p>\n<h6>WOW! \u00c8 online il nuovo post sulle <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-2021\/\">tendenze web design 2021<\/a>!!!<\/h6>\n<p>Post degli anni precedenti che potrebbero interessarti: <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencias-en-diseno-web-2019\/\" target=\"_blank\" rel=\"noopener\">Tendenze web design 2019<\/a> &#8211; <a href=\"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2018\/tendencias-diseno-web-2018\/\" target=\"_blank\" rel=\"noopener\">Tendenze web design 2018<\/a> &#8211; <a href=\"https:\/\/codewebbarcelona.com\/blog\/tendencia-de-diseno-web-y-grafico-para-el-2016-vol-1\/\" target=\"_blank\" rel=\"noopener\">Tendenze web design 2016<\/a><\/p>\n<h2>Tendenze web design 2020, anticipa il futuro<\/h2>\n<h3>Font ancora pi\u00f9 grandi<\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-3883 size-full\" title=\"tendencias en dise\u00f1o web 2020 big typos\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/bigtypos.jpg\" alt=\"\" width=\"1200\" height=\"631\" \/><\/p>\n<p>Tra le tendenze web design 2020, spicca senza dubbio l\u2019uso di caratteri di dimensioni extra large. Non solo nei titoli, ma anche nei testi principali.<\/p>\n<p>Con la diffusione di schermi panoramici ad alta risoluzione e la riduzione dei prezzi di questi dispositivi, le dimensioni dei font per i testi sono ormai ben lontane dai 12 o 14 pixel degli anni 2010. Oggi si pu\u00f2 tranquillamente partire da 20 pixel in su, a seconda del progetto e del sito.<\/p>\n<p>Per i titoli, non esiste un limite massimo se non il buon gusto e il senso estetico: osa con dimensioni oversize per creare forti contrasti. Titoli grandi e ben studiati danno carattere a qualsiasi sito che voglia distinguersi, non solo nel 2020 ma anche negli anni a venire.<\/p>\n<h4>Quando e come usarlo<\/h4>\n<p>Questa tendenza \u00e8 perfetta per siti che:<\/p>\n<ol>\n<li>Richiedono un design d\u2019impatto e molto visivo<\/li>\n<li>Hanno poche immagini e necessitano di un elemento grafico forte: font grandi usati senza timore aggiungono il tocco visivo che serve<\/li>\n<li>Non si rivolgono a un pubblico troppo conservatore<\/li>\n<li>Puntano a utenti con dispositivi moderni, soprattutto con schermi ampi<\/li>\n<\/ol>\n<p>Ricorda:<\/p>\n<ol>\n<li>Adatta le dimensioni dei font alle diverse risoluzioni. Prevedi eccezioni responsive, dai 2560px (monitor grandi) fino ai pi\u00f9 comuni 1330px (notebook)<\/li>\n<li>Assicurati che le dimensioni siano coerenti anche su mobile, visto che la maggior parte degli utenti naviga da smartphone<\/li>\n<\/ol>\n<h4>Siti che adottano la tendenza<\/h4>\n<p><strong>Rogue Studio<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-3884 size-full\" title=\"tendencias en dise\u00f1o web 2020 tipografias 1\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-tipografias-1.jpg\" alt=\"\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/rogue.studio\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Qui il font non \u00e8 solo grande&#8230; \u00e8 ENORME. E il risultato \u00e8 davvero d\u2019effetto.<\/p>\n<p>Sono certo che questo sito sar\u00e0 tra i candidati del nostro post annuale sui migliori web design.<\/p>\n<p><strong>Granyon Summer Party<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3885\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-tipografias-2.jpg\" alt=\"tendencias en dise\u00f1o web 2020 tipografias 2\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/granyonparty.webflow.io\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Un altro ottimo esempio di questa tendenza applicata alla perfezione: non solo i titoli, ma anche il testo principale \u00e8 di dimensioni generose.<\/p>\n<p><strong>Team Elite Kickboxing<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3886\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-tipografias-3.jpg\" alt=\"tendencias dise\u00f1o web 2020 tipografias 3\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/teamelitekickboxing.org\/\">Vai al sito<\/a><\/p>\n<p>Chiudiamo con un altro esempio dove la tendenza \u00e8 ben visibile. Inoltre, questo sito anticipa anche la prossima tendenza di cui parleremo.<\/p>\n<h3>Contrasti, colori invertiti e tinte accese<\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-3887 size-full\" title=\"tendencias dise\u00f1o web 2020 contrastes 1\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-contrastes-1.jpg\" alt=\"\" width=\"1200\" height=\"631\" \/><\/p>\n<p>L\u2019uso di forti contrasti e colori invertiti \u00e8 sempre pi\u00f9 diffuso nel web design e nello sviluppo. Anche nel 2020 vedremo siti d\u2019impatto che sfruttano questa tecnica senza timori.<\/p>\n<p>Libera la tua creativit\u00e0 con contrasti netti e colori vivaci. Applica filtri alle immagini, sia in fase di editing (Photoshop o simili) sia tramite strumenti web pi\u00f9 moderni come i blending mode CSS o l\u2019elemento canvas.<\/p>\n<h4>Quando e come usarlo<\/h4>\n<p>Questa tendenza \u00e8 ideale per siti che:<\/p>\n<ol>\n<li>Richiedono un design molto visivo e d\u2019impatto<\/li>\n<li>Non si rivolgono a un pubblico troppo conservatore<\/li>\n<li>Vogliono attirare l\u2019attenzione e lasciare il segno<\/li>\n<\/ol>\n<p>Ricorda:<\/p>\n<ol>\n<li>Per siti corporate rivolti a realt\u00e0 pi\u00f9 tradizionali, usa questa tecnica con molta moderazione<\/li>\n<li>Applica i contrasti in modo coerente con l\u2019immagine e i colori del brand<\/li>\n<li>Anche se cerchi il contrasto, mantieni sempre una palette armoniosa<\/li>\n<\/ol>\n<h4>Siti che adottano la tendenza<\/h4>\n<p><b>Ninja guru<\/b><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3888\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-contrastes-2.jpg\" alt=\"tendencias en dise\u00f1o web 2020 contrastes 2\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"http:\/\/ninjaguru.eu\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Qui i contrasti sono portati all\u2019estremo: sia colori invertiti (bianco\/nero) che accostamenti forti (blu\/arancio).<\/p>\n<p><strong>Festa da Francofonia 2019<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3889\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-contrastes-3.jpg\" alt=\"tendencias en dise\u00f1o web 2020 contrastes 3\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/www.festadafrancofonia.com\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Colori vivaci, contrasti, elementi geometrici in movimento&#8230; Un sito che non passa inosservato e rappresenta al meglio una delle tendenze chiave del 2020.<\/p>\n<p><strong>Kombu<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3890\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-contrastes-4.jpg\" alt=\"tendencias en dise\u00f1o web 2020 contrastes 4\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/www.kombudrinks.com\/\">Vai al sito<\/a><\/p>\n<p>Qui il contrasto viene usato anche nel packaging delle bibite, per rappresentare i diversi gusti. L\u2019effetto \u201cwavy\u201d delle linee diagonali, in perfetta sintonia con il packaging, \u00e8 davvero geniale. Un ottimo esempio di uso intelligente sia dei contrasti che di effetti JS coerenti con il prodotto.<\/p>\n<h3>Esperienza mobile, ancora pi\u00f9 centrale<\/h3>\n<div style=\"width: 420px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-73747-1\" width=\"420\" height=\"746\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/mobile-first.mp4?_=1\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Ormai tutti conoscono il responsive web design, ma non basta pi\u00f9. Nel 2020 non si tratta solo di adattare il sito: bisogna pensare a un\u2019esperienza mobile su misura, progettata per il dispositivo e il modo in cui viene usato. Il responsive va portato a un nuovo livello.<\/p>\n<p>Non \u00e8 pi\u00f9 sufficiente avere un sito adattabile. Bisogna ispirarsi alle app: se la navigazione del sito ricorda quella di un\u2019app, saremo davvero in sintonia con le abitudini degli utenti.<\/p>\n<p>Un altro aspetto fondamentale per chi naviga da mobile \u00e8 la velocit\u00e0 di caricamento, che deve essere ottimizzata al massimo.<\/p>\n<h4>Consigli pratici<\/h4>\n<ol>\n<li>Evita l\u2019autoplay dei video: consuma dati e pu\u00f2 essere fastidioso per chi non \u00e8 in Wi-Fi<\/li>\n<li>Ottimizza le immagini, servendo versioni adatte alla larghezza del dispositivo per migliorare i tempi di caricamento<\/li>\n<li>Usa menu hamburger per rendere la navigazione pi\u00f9 simile a quella di un\u2019app<\/li>\n<\/ol>\n<h4>Siti che adottano la tendenza<\/h4>\n<p><strong>Nicholas Munt<\/strong><\/p>\n<div style=\"width: 420px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-73747-2\" width=\"420\" height=\"746\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-mobile-2.mp4?_=2\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/nicholasmunt.com\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Questo sito, grazie al caricamento ajax delle pagine, offre un\u2019esperienza mobile molto fluida, simile a quella delle app.<\/p>\n<p><strong>Salmoon &amp; Sons<\/strong><\/p>\n<div style=\"width: 368px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-73747-3\" width=\"368\" height=\"656\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-mobile-3-1.mp4?_=3\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/wsalamoon.com\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Nella versione mobile di questo sito spicca lo slider, che segue perfettamente il movimento del dito. Ottimo anche il menu hamburger, che si apre lateralmente.<\/p>\n<p><strong>Volia<\/strong><\/p>\n<div style=\"width: 420px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-73747-4\" width=\"420\" height=\"746\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/mobile-first.mp4?_=4\" \/><\/video><\/div>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/studiovoila.com\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Qui i font sono molto grandi, ma anche su mobile risultano ben gestiti. Il menu hamburger \u00e8 ben realizzato e la transizione \u00e8 davvero interessante.<\/p>\n<h6>WOW! \u00c8 online il nuovo post sui\u00a0<a href=\"https:\/\/codewebbarcelona.com\/it\/migliori-design-web-2019-2020\/mejores-disenos-web-2019-2020\/\">migliori web design 2019-2020<\/a>!\u00a0<a href=\"https:\/\/codewebbarcelona.com\/it\/migliori-design-web-2019-2020\/mejores-disenos-web-2019-2020\/\">Scoprilo ora!<\/a><\/h6>\n<h3>Cursor e scroll personalizzati<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3895\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-scroll-cursores-1.jpg\" alt=\"tendencias en dise\u00f1o web 2020 cursores 1\" width=\"1200\" height=\"631\" \/><\/p>\n<p>Una delle tendenze in forte crescita \u00e8 la personalizzazione del cursore, che sostituisce quello standard del browser.<\/p>\n<p>Questi cursori spesso interagiscono con gli elementi della pagina, cambiando dimensione, colore, ecc. \u00c8 una delle novit\u00e0 pi\u00f9 fresche e sicuramente continuer\u00e0 a diffondersi nel 2020.<\/p>\n<p>Lo stesso vale per le scrollbar: sempre pi\u00f9 spesso vengono personalizzate, abbandonando quelle di default del browser. Spesso sono abbinate a uno scrolling fluido.<\/p>\n<p>Un\u2019altra tendenza \u00e8 l\u2019eliminazione totale della scrollbar, anche se la pagina \u00e8 lunga. Gli utenti sono ormai abituati a scorrere verso il basso, quindi si pu\u00f2 puntare su interfacce ancora pi\u00f9 minimal. Se eliminare la scrollbar ti sembra troppo, puoi optare per una soluzione intermedia e guidare l\u2019utente con l\u2019icona \u201cscroll down\u201d.<\/p>\n<h4>Quando e come usarlo<\/h4>\n<p>Questa tendenza \u00e8 adatta a siti che:<\/p>\n<ol>\n<li>Vogliono distinguersi con una forte personalit\u00e0<\/li>\n<li>Si rivolgono a utenti esperti e abituati al mondo digitale<\/li>\n<\/ol>\n<p>Ricorda:<\/p>\n<ol>\n<li>Verifica sempre che lo scroll funzioni su tutti i browser<\/li>\n<li>Sui dispositivi mobili, lo scroll personalizzato pu\u00f2 dare problemi: meglio nasconderlo del tutto<\/li>\n<\/ol>\n<h4>Siti che adottano la tendenza<\/h4>\n<p><strong>Aluxion<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3896\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-scroll-cursores-2.jpg\" alt=\"tendencias en dise\u00f1o web 2020 cursores 2\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/www.aluxion.com\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Qui troviamo uno scroll personalizzato composto da due cerchi, uno grande e uno piccolo, che seguono il cursore con un leggero ritardo e un effetto hover molto accattivante. Anche la scrollbar \u00e8 custom, per un design perfettamente integrato.<\/p>\n<p><strong>Joseph Berry<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3897\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-scroll-cursores-3.jpg\" alt=\"tendencias en dise\u00f1o web 2020 cursores 3\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/joseph-berry.webflow.io\/\">Vai al sito<\/a><\/p>\n<p>Questo cursore, simile al precedente, \u00e8 originale per la circonferenza esterna realizzata in formato tipografico. Qui la scrollbar \u00e8 stata eliminata del tutto: una scelta che sar\u00e0 sempre pi\u00f9 comune, dato che gli utenti sono ormai abituati allo scroll istintivo.<\/p>\n<p><strong>Matt VBRG<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3898\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-scroll-cursores-4.jpg\" alt=\"tendencias en dise\u00f1o web 2020 cursores 4\" width=\"1200\" height=\"631\" \/><\/p>\n<p><a href=\"https:\/\/www.mattvbrg.com\/\" target=\"_blank\" rel=\"noopener\">Vai al sito<\/a><\/p>\n<p>Qui il cursore interagisce con tutti gli elementi della pagina, cambiando colori e applicando effetti visivi spettacolari, come il cromato sulle immagini.<\/p>\n<h3>Canvas e 3D con Three.js<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3901\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/10\/tendencias-diseno-web-2020-3d-3.jpg\" alt=\"tendencias en dise\u00f1o web 2020 3d 3\" width=\"1200\" height=\"631\" \/><br \/>\nL\u2019uso del canvas nel web design \u00e8 cresciuto costantemente negli ultimi anni e nel 2020 sar\u00e0 una delle tendenze chiave per realizzare siti di nuova generazione.<\/p>\n<p>Con canvas possiamo sfruttare OpenGL per creare esperienze che vanno ben oltre l\u2019HTML tradizionale. Il canvas offre totale libert<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se vuoi restare aggiornato e iniziare il prossimo anno con il piede giusto, in questo articolo analizziamo le tendenze del web design per il 2020: canvas, 3D, maxi font, contrasti, intelligenza artificiale, machine learning, riconoscimento vocale e molto altro. [superfeatured]7076[\/superfeatured] Anche quest\u2019anno siamo qui, pronti a guardare avanti. Siamo ormai a novembre e vogliamo arrivare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12093,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"class_list":["post-73747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code<\/title>\n<meta name=\"description\" content=\"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code\" \/>\n<meta property=\"og:description\" content=\"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-29T18:44:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T22:50:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1290\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Tendenze nel web design 2020\",\"datePublished\":\"2019-10-29T18:44:01+00:00\",\"dateModified\":\"2026-06-10T22:50:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/\"},\"wordCount\":1442,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/\",\"name\":\"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"datePublished\":\"2019-10-29T18:44:01+00:00\",\"dateModified\":\"2026-06-10T22:50:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/tendenze-design-web-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Active-Theory-01.jpg\",\"width\":1290,\"height\":700},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/it\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code","description":"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!","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:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/","og_locale":"it_IT","og_type":"article","og_title":"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code","og_description":"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!","og_url":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/","og_site_name":"CODE","article_published_time":"2019-10-29T18:44:01+00:00","article_modified_time":"2026-06-10T22:50:55+00:00","og_image":[{"width":1290,"height":700,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Tendenze nel web design 2020","datePublished":"2019-10-29T18:44:01+00:00","dateModified":"2026-06-10T22:50:55+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/"},"wordCount":1442,"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/","url":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/","name":"Tendencias dise\u00f1o web 2020 - Estudio de dise\u00f1o web Code","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","datePublished":"2019-10-29T18:44:01+00:00","dateModified":"2026-06-10T22:50:55+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Exploramos en profundidad las tendencias en dise\u00f1o web para 2020. \u00bfQu\u00e9 mejor que hacerlo con ejemplos? Inspiraci\u00f3n a tope!","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/codewebbarcelona.com\/it\/tendenze-design-web-2020\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/11\/Active-Theory-01.jpg","width":1290,"height":700},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/it\/#website","url":"https:\/\/codewebbarcelona.com\/it\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/it\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/73747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/comments?post=73747"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/73747\/revisions"}],"predecessor-version":[{"id":73795,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/posts\/73747\/revisions\/73795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media\/12093"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/media?parent=73747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/it\/wp-json\/wp\/v2\/categories?post=73747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}