{"id":169043,"date":"2024-12-10T07:00:49","date_gmt":"2024-12-10T06:00:49","guid":{"rendered":"https:\/\/www.mdirector.com\/?p=169043"},"modified":"2024-12-11T18:01:26","modified_gmt":"2024-12-11T17:01:26","slug":"guida-per-applicare-la-legge-della-prossimita-nel-design-web","status":"publish","type":"post","link":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/","title":{"rendered":"Come applicare la legge della prossimit\u00e0 nel design web"},"content":{"rendered":"<div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-share-buttons\" ><\/div><p><link rel=\"preload\" as=\"image\" href=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/la-legge-della-prossimita-nel-design-web-1024x825.png\" imagesizes=\"(max-width: 1100px) 100vw, 1100px\" \/><img decoding=\"async\" class=\"aligncenter wp-image-168765 size-large\" src=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/la-legge-della-prossimita-nel-design-web-1024x825.png\" alt=\"\" width=\"1024\" height=\"825\" data-wp-editing=\"1\" srcset=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/la-legge-della-prossimita-nel-design-web-1024x825.png 1024w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/la-legge-della-prossimita-nel-design-web-300x242.png 300w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/la-legge-della-prossimita-nel-design-web-768x619.png 768w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/la-legge-della-prossimita-nel-design-web.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">La<strong> legge della prossimit\u00e0<\/strong> \u00e8 uno dei principi fondamentali della teoria della Gestalt e gioca un ruolo cruciale nel design web. Questo principio stabilisce che gli<strong> elementi vicini<\/strong> tra loro<strong> tendono ad essere percepiti come un gruppo,<\/strong> mentre quelli separati sembrano indipendenti. La sua corretta applicazione nel design web non solo migliora l&#8217;esperienza utente (UX), ma facilita anche la navigazione e stimola l&#8217;interazione con l&#8217;interfaccia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Impara con questo articolo come applicare la legge della prossimit\u00e0 nel design web, con esempi chiari e consigli pratici per strutturare visivamente le informazioni in modo efficace.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-168382 \" src=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-las-leyes-gestalt.png\" alt=\"ley de proximidad en las leyes Gestalt\" width=\"480\" height=\"321\" srcset=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-las-leyes-gestalt.png 446w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-las-leyes-gestalt-300x200.png 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/p>\n<p>&nbsp;<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_74 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">INDICE DEI CONTENUTI<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Cose_la_legge_della_prossimita_e_perche_e_importante\" >Cos&#8217;\u00e8 la legge della prossimit\u00e0 e perch\u00e9 \u00e8 importante?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Esempio_pratico_moduli_web\" >Esempio pratico moduli web.<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Come_applicare_la_legge_della_prossimita_nel_design_web\" >Come applicare la legge della prossimit\u00e0 nel design web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Legge_della_prossimita_applicata_ai_menu_di_navigazione\" >Legge della prossimit\u00e0 applicata ai menu di navigazione<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#La_legge_della_prossimita_in_immagini_e_grafici\" >La legge della prossimit\u00e0 in immagini e grafici<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Legge_della_prossimita_Gestalt_nelle_infografiche\" >Legge della prossimit\u00e0 Gestalt nelle infografiche<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Differenze_con_altri_principi_della_Gestalt\" >Differenze con altri principi della Gestalt<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Consigli_avanzati_per_usare_la_legge_della_prossimita\" >Consigli avanzati per usare la legge della prossimit\u00e0<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#Strumenti_utili_per_implementare_la_legge_della_prossimita\" >Strumenti utili per implementare la legge della prossimit\u00e0<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Cose_la_legge_della_prossimita_e_perche_e_importante\"><\/span><strong><b>Cos&#8217;\u00e8 la legge della prossimit\u00e0 e perch\u00e9 \u00e8 importante?<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">La legge della prossimit\u00e0 fa parte dei principi della psicologia della Gestalt, che studiano come percepiamo i pattern visivi. Secondo questa legge, gli elementi vicini tra loro vengono interpretati come correlati, mentre quelli distanti vengono percepiti come indipendenti.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nel design web, la legge della prossimit\u00e0 \u00e8 particolarmente rilevante perch\u00e9:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Semplifica la comprensione visiva<\/b><span style=\"font-weight: 400;\">: Raggruppando gli elementi correlati, come pulsanti o menu, gli utenti elaborano meglio le informazioni.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Riduce il carico cognitivo<\/b><span style=\"font-weight: 400;\">: Gli utenti non devono sforzarsi per interpretare le connessioni tra gli elementi.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Aumenta la conversione<\/b><span style=\"font-weight: 400;\">: Interfacce chiare e ben organizzate favoriscono l&#8217;interazione e le azioni desiderate, come acquisti o clic.<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-168387\" src=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-un-formulario-web.png\" alt=\"formulario web\" width=\"752\" height=\"494\" srcset=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-un-formulario-web.png 904w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-un-formulario-web-300x197.png 300w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/ley-de-proximidad-en-un-formulario-web-768x505.png 768w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Esempio_pratico_moduli_web\"><\/span><strong><b>Esempio pratico: moduli web.<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Immagina un modulo con campi come &#8220;Nome&#8221;, &#8220;Email&#8221; e &#8220;Messaggio&#8221;. Se sono sparsi senza una relazione apparente, l&#8217;utente potrebbe sentirsi confuso. Applicando la legge della prossimit\u00e0, <strong>raggruppi questi campi correlati,<\/strong> migliorando la chiarezza e riducendo la possibilit\u00e0 di errori.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Come_applicare_la_legge_della_prossimita_nel_design_web\"><\/span><strong><b>Come applicare la legge della prossimit\u00e0 nel design web<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Per implementare questo principio in modo efficace, \u00e8 importante considerare sia lo <\/span><b>spaziamento<\/b><span style=\"font-weight: 400;\"> che l&#8217;<\/span><b>allineamento<\/b><span style=\"font-weight: 400;\"> degli elementi sulla pagina. Ecco alcune strategie chiave:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Usa lo spaziamento per definire le relazioni<\/b><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Lo spazio tra gli elementi \u00e8 una risorsa potente. Ad esempio, se posizioni un titolo vicino al suo paragrafo corrispondente, gli utenti capiranno che sono correlati.<\/span><\/li>\n<li><b>Raggruppa gli elementi con funzioni simili<\/b><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">In un sito di e-commerce, \u00e8 comune vedere i prodotti raggruppati per categorie. Questo facilita la navigazione e migliora l&#8217;esperienza del cliente.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Evidenzia gli elementi principali<\/b><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Usa la prossimit\u00e0 combinata con colori o dimensioni per evidenziare le informazioni chiave, come i pulsanti di chiamata all&#8217;azione (CTA).<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-168392\" src=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/call-to-action-en-ley-de-proximidad-.png\" alt=\"call to action en ley de proximidad \" width=\"904\" height=\"428\" srcset=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/call-to-action-en-ley-de-proximidad-.png 904w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/call-to-action-en-ley-de-proximidad--300x142.png 300w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/call-to-action-en-ley-de-proximidad--768x364.png 768w\" sizes=\"(max-width: 904px) 100vw, 904px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Legge_della_prossimita_applicata_ai_menu_di_navigazione\"><\/span><b>Legge della prossimit\u00e0 applicata ai menu di navigazione<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">I menu sono un ottimo esempio di come la legge della prossimit\u00e0 possa <strong>guidare l&#8217;esperienza dell&#8217;utente.<\/strong> Raggruppare opzioni simili, come &#8220;Home&#8221;, &#8220;Servizi&#8221; e &#8220;Contatti&#8221;, aiuta gli utenti a trovare rapidamente ci\u00f2 di cui hanno bisogno. Evita di posizionare elementi non correlati troppo vicini tra loro, poich\u00e9 potrebbe generare confusione.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"La_legge_della_prossimita_in_immagini_e_grafici\"><\/span><strong><b>La legge della prossimit\u00e0 in immagini e grafici<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Un altro ambito in cui questo principio \u00e8 essenziale \u00e8 il design di immagini e grafici. La legge della prossimit\u00e0 aiuta a strutturare gli elementi visivi in modo che siano pi\u00f9 comprensibili.<\/span><\/p>\n<ul>\n<li><b>Gallerie di immagini<\/b><span style=\"font-weight: 400;\">: Raggruppa le foto simili in sezioni o categorie chiare per facilitare la navigazione.<\/span><\/li>\n<li><b>Grafici informativi<\/b><span style=\"font-weight: 400;\">: Nei grafici a barre o nelle tabelle, gli elementi devono essere abbastanza vicini per evidenziare la loro relazione.<\/span><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Legge_della_prossimita_Gestalt_nelle_infografiche\"><\/span><strong><b>Legge della prossimit\u00e0 Gestalt nelle infografiche<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Nel design delle infografiche, applicare la legge della prossimit\u00e0 Gestalt assicura che il contenuto sia chiaro e accattivante. Ad esempio, <strong>posizionare le icone accanto alle rispettive descrizioni<\/strong> permette all&#8217;utente di comprendere rapidamente le informazioni.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-168397\" src=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/diseno-web-con-iconos-en-las-descripciones.png\" alt=\"dise\u00f1o web con iconos en las descripciones\" width=\"778\" height=\"375\" srcset=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/diseno-web-con-iconos-en-las-descripciones.png 904w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/diseno-web-con-iconos-en-las-descripciones-300x145.png 300w, https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/diseno-web-con-iconos-en-las-descripciones-768x370.png 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Differenze_con_altri_principi_della_Gestalt\"><\/span><strong><b>Differenze con altri principi della Gestalt<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Sebbene la legge della prossimit\u00e0 sia uno dei pilastri della Gestalt, ci sono altri principi che influenzano anch&#8217;essi il design, come:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Legge della somiglianza<\/b><span style=\"font-weight: 400;\">: Raggruppa elementi simili per forma, colore o dimensione.<\/span><\/li>\n<li><b>Legge della chiusura<\/b><span style=\"font-weight: 400;\">: Completa automaticamente le forme incomplete nella mente dell&#8217;utente<\/span>.<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Queste leggi, combinate con la legge della prossimit\u00e0, possono portare i tuoi design a un livello superiore.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Consigli_avanzati_per_usare_la_legge_della_prossimita\"><\/span><strong><b>Consigli avanzati per usare la legge della prossimit\u00e0<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Ecco alcuni consigli aggiuntivi per sfruttare al meglio questo principio nel design web:<\/span><\/p>\n<ol>\n<li><b>Applica allineamenti coerenti<\/b><span style=\"font-weight: 400;\">: Evita distribuzioni disordinate. Un allineamento chiaro migliora la percezione del raggruppamento.<\/span><\/li>\n<li><b>Evita saturazioni visive<\/b><span style=\"font-weight: 400;\">: Non raggruppare troppi elementi in uno stesso spazio, poich\u00e9 potrebbe rendere difficile la comprensione.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Combina la prossimit\u00e0 con la gerarchia visiva<\/b><span style=\"font-weight: 400;\">: La prossimit\u00e0 deve lavorare in sinergia con altri elementi, come la dimensione o il colore, per dirigere l&#8217;attenzione dell&#8217;utente.<\/span><\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Strumenti_utili_per_implementare_la_legge_della_prossimita\"><\/span><strong><b>Strumenti utili per implementare la legge della prossimit\u00e0<\/b><b><br \/>\n<\/b><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Alcuni strumenti popolari che facilitano l&#8217;applicazione di questo principio sono:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Figma e Sketch<\/b><span style=\"font-weight: 400;\">: Permettono di regolare gli spazi e lavorare con raggruppamenti visivi.<\/span><\/li>\n<li><b>Adobe XD<\/b><span style=\"font-weight: 400;\">: Ideale per testare prototipi interattivi con strutture organizzate.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">La<strong> legge della prossimit\u00e0<\/strong> \u00e8 un principio indispensabile nel design web, che <strong>migliora l&#8217;usabilit\u00e0 e la chiarezza visiva.<\/strong> Dai moduli ai menu e ai grafici, la sua applicazione aiuta a strutturare le informazioni in modo intuitivo, guidando l&#8217;utente verso una navigazione pi\u00f9 efficiente e piacevole. Incorporare questo principio nei tuoi design \u00e8 fondamentale per creare <strong>esperienze digitali che funzionano davvero.<\/strong><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ricorda che la legge della prossimit\u00e0 <strong>non agisce in modo isolato:<\/strong> combinata con altri principi della Gestalt e tecniche di design, pu\u00f2 massimizzare il suo impatto. Progettare per la percezione umana non \u00e8 solo arte, ma scienza applicata.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; La legge della prossimit\u00e0 \u00e8 uno dei principi fondamentali della teoria della Gestalt e gioca un ruolo cruciale nel design web. Questo principio stabilisce che gli elementi vicini tra loro tendono ad essere percepiti [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":168375,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"no","rating_form_position":"","rating_results_position":"","mr_structured_data_type":"","footnotes":""},"categories":[1885],"tags":[],"class_list":["post-169043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-email-marketing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come applicare la legge della prossimit\u00e0 nel design web<\/title>\n<meta name=\"description\" content=\"Impara ad applicare la legge della prossimit\u00e0 nel design web con esempi chiari e migliora l&#039;esperienza utente nei tuoi progetti digitali.\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come applicare la legge della prossimit\u00e0 nel design web\" \/>\n<meta property=\"og:description\" content=\"Impara ad applicare la legge della prossimit\u00e0 nel design web con esempi chiari e migliora l&#039;esperienza utente nei tuoi progetti digitali.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\" \/>\n<meta property=\"og:site_name\" content=\"MDirector\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MDirector.es\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-10T06:00:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-11T17:01:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2500\" \/>\n\t<meta property=\"og:image:height\" content=\"2200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Maria Corbacho\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@emailMDirector\" \/>\n<meta name=\"twitter:site\" content=\"@emailMDirector\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maria Corbacho\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\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\":\"Article\",\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\"},\"author\":{\"name\":\"Maria Corbacho\",\"@id\":\"https:\/\/www.mdirector.com\/it\/#\/schema\/person\/d7f366ffb4255592f1d81ffce06084fe\"},\"headline\":\"Come applicare la legge della prossimit\u00e0 nel design web\",\"datePublished\":\"2024-12-10T06:00:49+00:00\",\"dateModified\":\"2024-12-11T17:01:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\"},\"wordCount\":824,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png\",\"articleSection\":[\"Email Marketing\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\",\"url\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\",\"name\":\"Come applicare la legge della prossimit\u00e0 nel design web\",\"isPartOf\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png\",\"datePublished\":\"2024-12-10T06:00:49+00:00\",\"dateModified\":\"2024-12-11T17:01:26+00:00\",\"description\":\"Impara ad applicare la legge della prossimit\u00e0 nel design web con esempi chiari e migliora l'esperienza utente nei tuoi progetti digitali.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage\",\"url\":\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png\",\"contentUrl\":\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png\",\"width\":2500,\"height\":2200,\"caption\":\"Co\u0301mo aplicar la ley de proximidad en disen\u0303o web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.mdirector.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Email Marketing\",\"item\":\"https:\/\/www.mdirector.com\/it\/blog\/email-marketing\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come applicare la legge della prossimit\u00e0 nel design web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mdirector.com\/it\/#website\",\"url\":\"https:\/\/www.mdirector.com\/it\/\",\"name\":\"MDirector\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mdirector.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mdirector.com\/it\/#organization\",\"name\":\"MDirector\",\"url\":\"https:\/\/www.mdirector.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.mdirector.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2023\/01\/mdirectorbimi-ok23-tiny-ps.svg\",\"contentUrl\":\"https:\/\/www.mdirector.com\/wp-content\/uploads\/2023\/01\/mdirectorbimi-ok23-tiny-ps.svg\",\"width\":401,\"height\":401,\"caption\":\"MDirector\"},\"image\":{\"@id\":\"https:\/\/www.mdirector.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MDirector.es\",\"https:\/\/x.com\/emailMDirector\",\"https:\/\/www.linkedin.com\/company\/1373906\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mdirector.com\/it\/#\/schema\/person\/d7f366ffb4255592f1d81ffce06084fe\",\"name\":\"Maria Corbacho\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.mdirector.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/02278309f217ebe059f2e1dd827bbc87a8102f7161e458cbf4b7d99d02b516cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/02278309f217ebe059f2e1dd827bbc87a8102f7161e458cbf4b7d99d02b516cd?s=96&d=mm&r=g\",\"caption\":\"Maria Corbacho\"},\"url\":\"https:\/\/www.mdirector.com\/it\/author\/maria-corbacho\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come applicare la legge della prossimit\u00e0 nel design web","description":"Impara ad applicare la legge della prossimit\u00e0 nel design web con esempi chiari e migliora l'esperienza utente nei tuoi progetti digitali.","robots":{"index":"index","follow":"follow"},"canonical":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/","og_locale":"it_IT","og_type":"article","og_title":"Come applicare la legge della prossimit\u00e0 nel design web","og_description":"Impara ad applicare la legge della prossimit\u00e0 nel design web con esempi chiari e migliora l'esperienza utente nei tuoi progetti digitali.","og_url":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/","og_site_name":"MDirector","article_publisher":"https:\/\/www.facebook.com\/MDirector.es","article_published_time":"2024-12-10T06:00:49+00:00","article_modified_time":"2024-12-11T17:01:26+00:00","og_image":[{"width":2500,"height":2200,"url":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png","type":"image\/png"}],"author":"Maria Corbacho","twitter_card":"summary_large_image","twitter_creator":"@emailMDirector","twitter_site":"@emailMDirector","twitter_misc":{"Scritto da":"Maria Corbacho","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#article","isPartOf":{"@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/"},"author":{"name":"Maria Corbacho","@id":"https:\/\/www.mdirector.com\/it\/#\/schema\/person\/d7f366ffb4255592f1d81ffce06084fe"},"headline":"Come applicare la legge della prossimit\u00e0 nel design web","datePublished":"2024-12-10T06:00:49+00:00","dateModified":"2024-12-11T17:01:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/"},"wordCount":824,"commentCount":0,"publisher":{"@id":"https:\/\/www.mdirector.com\/it\/#organization"},"image":{"@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png","articleSection":["Email Marketing"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/","url":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/","name":"Come applicare la legge della prossimit\u00e0 nel design web","isPartOf":{"@id":"https:\/\/www.mdirector.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage"},"image":{"@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png","datePublished":"2024-12-10T06:00:49+00:00","dateModified":"2024-12-11T17:01:26+00:00","description":"Impara ad applicare la legge della prossimit\u00e0 nel design web con esempi chiari e migliora l'esperienza utente nei tuoi progetti digitali.","breadcrumb":{"@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#primaryimage","url":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png","contentUrl":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2024\/11\/como-aplicar-la-ley-de-proximidad-en-diseno-web.png","width":2500,"height":2200,"caption":"Co\u0301mo aplicar la ley de proximidad en disen\u0303o web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.mdirector.com\/it\/blog\/guida-per-applicare-la-legge-della-prossimita-nel-design-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.mdirector.com\/it\/"},{"@type":"ListItem","position":2,"name":"Email Marketing","item":"https:\/\/www.mdirector.com\/it\/blog\/email-marketing\/"},{"@type":"ListItem","position":3,"name":"Come applicare la legge della prossimit\u00e0 nel design web"}]},{"@type":"WebSite","@id":"https:\/\/www.mdirector.com\/it\/#website","url":"https:\/\/www.mdirector.com\/it\/","name":"MDirector","description":"","publisher":{"@id":"https:\/\/www.mdirector.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mdirector.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.mdirector.com\/it\/#organization","name":"MDirector","url":"https:\/\/www.mdirector.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.mdirector.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2023\/01\/mdirectorbimi-ok23-tiny-ps.svg","contentUrl":"https:\/\/www.mdirector.com\/wp-content\/uploads\/2023\/01\/mdirectorbimi-ok23-tiny-ps.svg","width":401,"height":401,"caption":"MDirector"},"image":{"@id":"https:\/\/www.mdirector.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MDirector.es","https:\/\/x.com\/emailMDirector","https:\/\/www.linkedin.com\/company\/1373906\/"]},{"@type":"Person","@id":"https:\/\/www.mdirector.com\/it\/#\/schema\/person\/d7f366ffb4255592f1d81ffce06084fe","name":"Maria Corbacho","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.mdirector.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/02278309f217ebe059f2e1dd827bbc87a8102f7161e458cbf4b7d99d02b516cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/02278309f217ebe059f2e1dd827bbc87a8102f7161e458cbf4b7d99d02b516cd?s=96&d=mm&r=g","caption":"Maria Corbacho"},"url":"https:\/\/www.mdirector.com\/it\/author\/maria-corbacho\/"}]}},"modified_by":"Maria Corbacho","multi-rating":{"mr_rating_results":[]},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/posts\/169043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/comments?post=169043"}],"version-history":[{"count":0,"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/posts\/169043\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/media\/168375"}],"wp:attachment":[{"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/media?parent=169043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/categories?post=169043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mdirector.com\/it\/wp-json\/wp\/v2\/tags?post=169043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}