{"id":2903,"date":"2024-09-06T12:23:40","date_gmt":"2024-09-06T10:23:40","guid":{"rendered":"https:\/\/www.robertomaiolino.it\/blografik\/?p=2903"},"modified":"2024-09-17T10:34:04","modified_gmt":"2024-09-17T08:34:04","slug":"il-nuovo-design-di-blografik","status":"publish","type":"post","link":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/","title":{"rendered":"Il nuovo design di Blografik"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6adb868b6e55c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6adb868b6e55c\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"512\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-1024x512.jpg\" alt=\"\" class=\"wp-image-1442\" srcset=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-1024x512.jpg 1024w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-300x150.jpg 300w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-768x384.jpg 768w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-110x55.jpg 110w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-420x210.jpg 420w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-770x385.jpg 770w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene.jpg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-06T12:23:40+02:00\">06\/09\/2024<\/time><\/div>\n\n<div class=\"wp-block-post-author-name\">Roberto Maiolino<\/div>\n\n\n<p class=\"wp-block-paragraph\">Ho deciso di rivedere il design del mio blog. Non \u00e8 un vero e proprio restyling perch\u00e9 nonostante le modifiche siano anche strutturali, il <em>concept <\/em>e l&#8217;aspetto complessivo del sito sono rimasti pressoch\u00e9 in linea con il precedente. Si tratta pi\u00f9 di una modifica orientata al miglioramento dell&#8217;esperienza utente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tratta di un operazione sottrattiva, che vuole ambire a quel <em>design funzionalista<\/em> di <strong>Maeda <\/strong>e <strong>Krug<\/strong>. Un designer deve sempre chiedersi &#8220;cosa posso togliere&#8221; e non &#8220;cosa posso aggiungere&#8221;.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><label class=\"ez-toc-title\" style=\"cursor:inherit\">In questo articolo<\/label>\n<\/div><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.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#Il_concept_grafico\" >Il concept grafico<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#Il_coding\" >Il coding<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#Le_modifiche\" >Le modifiche<\/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.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#Layout\" >Layout<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#Design_system\" >Design system<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#Conclusioni\" >Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Il_concept_grafico\"><\/span>Il concept grafico<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Prima di intervenire sul sito, ho fatto alcune prove in <strong>Adobe XD<\/strong>, per avere un quadro pi\u00f9 chiaro dei possibili interventi da fare per ottenere un aspetto pi\u00f9 minimalista, mantenendo riconoscibilit\u00e0 e migliorando l&#8217;esperienza di fruizione dei contenuti del blog.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il <em>concept <\/em>di <strong><em>Blografik <\/em><\/strong>infatti \u00e8 quello di un blog a scopo informativo, divulgativo e didattico; pi\u00f9 orientato quindi alla divulgazione tecnico-culturale senza scopo di lucro che alla pubblicazione di contenuti di colore, tutorial o guide pratiche. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Visivamente, quindi, il blog non vuole stupire o essere &#8220;accattivante&#8221; ma tende ad offrire la miglior fruizione possibile, agevolando la lettura e la leggibilit\u00e0, senza abbellimenti, orpelli o elementi di disturbo. Il design \u00e8 pensato per guidare l&#8217;utente a trovare ci\u00f2 che cerca e non a mostrargli ci\u00f2 che vorrei mostrare e il lavoro che ho fatto vuole fare un passo avanti verso questa direzione.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Il_coding\"><\/span>Il coding<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure data-wp-context=\"{&quot;galleryId&quot;:&quot;6adb868b6ed14&quot;}\" data-wp-interactive=\"core\/gallery\" class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6adb868b6f5bc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6adb868b6f5bc\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"819\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"2905\" src=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-1024x819.jpg\" alt=\"\" class=\"wp-image-2905\" srcset=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-1024x819.jpg 1024w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-300x240.jpg 300w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-768x614.jpg 768w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-110x88.jpg 110w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-420x336.jpg 420w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot-538x430.jpg 538w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/islemag-free-wordpress-magazine-theme-screenshot.jpg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6adb868b6f942&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6adb868b6f942\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"653\" height=\"721\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"2904\" src=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/image.png\" alt=\"\" class=\"wp-image-2904\" srcset=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/image.png 653w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/image-272x300.png 272w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/image-100x110.png 100w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/image-380x420.png 380w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/image-389x430.png 389w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Blografik <\/strong>\u00e8 stato sviluppato utilizzando il <em>CMS <\/em><strong>WordPress <\/strong>e partendo dal tema gratuito <a href=\"https:\/\/freebiesupply.com\/free-wordpress-magazine-themes\/islemag-free-magazine-wordpress-theme\/\">Islemag<\/a> al quale sono state fatte delle modifiche strutturali alle <em>PHP<\/em> gi\u00e0 nel lontano 2012, per modificarne la struttura principale e poi personalizzarla attraverso le modifiche <em>CSS<\/em>. In questo modo ho creato il mio tema personalizzato <em>Grafik<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo intervento invece ha comportato solo delle modifiche a livello <em>CSS<\/em>, tramite la funzione &#8220;Personalizza&#8221; del tema <em>Grafik<\/em>. Gli interventi hanno riguardato soprattutto la parte che regola il <em>layout <\/em>e l&#8217;aspetto delle pagine principali.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Le_modifiche\"><\/span>Le modifiche<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Layout\"><\/span>Layout<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6adb868b70f68&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6adb868b70f68\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"485\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-1024x485.png\" alt=\"\" class=\"wp-image-2908\" srcset=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-1024x485.png 1024w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-300x142.png 300w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-768x364.png 768w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-110x52.png 110w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-420x199.png 420w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2-770x365.png 770w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-100414-2.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Boxed <\/strong>&#8211; Ho tolto il <em>background-color <\/em>grigio dal <em>body, <\/em>per eliminare quell&#8217;effetto di incasellamento del <em>wrapper <\/em>principale. In questo modo, pur mantenendo una struttura tipicamente <em>boxed<\/em>, che mi aiuta a gestire la <em>giustezza <\/em>dei paragrafi, visivamente risulta tutto pi\u00f9 leggero e con meno <em>&#8220;rumore di fondo&#8221;<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Header <\/strong>&#8211; Anche tutto il gruppo di testata \u00e8 stato alleggerito. Il <em>border <\/em>della barra di navigazione principale e del men\u00f9 secondario \u00e8 stato rimosso. Non avendo pi\u00f9 il box <em>wrapper <\/em>visibile, ho eliminato il <em>padding <\/em>di tutto il blocco testata e ridotto il <em>margin <\/em>tra il logotipo di testata e il men\u00f9 principale. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content <\/strong>&#8211; Infine, ho aumentato il <em>margin <\/em>tra il gruppo di testata e il <em>content <\/em>principale. Questo perch\u00e8 non avendo pi\u00f9 le linee di separazione tra i due elementi ho voluto separarli otticamente sfruttando la <em>prossemica<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Footer<\/strong> &#8211; Anche il <em>footer <\/em>ha subito importanti modifiche. Principalmente \u00e8 stato eliminato il <em>background-color <\/em>che appesantiva molto la parte finale delle pagine e degli articoli, fondendolo con il resto del layout e separandolo visivamente da una sottile linea grigia.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6adb868b71640&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6adb868b71640\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"220\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-1024x220.png\" alt=\"\" class=\"wp-image-2909\" srcset=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-1024x220.png 1024w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-300x64.png 300w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-768x165.png 768w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-110x24.png 110w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-420x90.png 420w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500-770x165.png 770w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-111500.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Design_system\"><\/span>Design system<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Men\u00f9 <\/strong>&#8211; In funzione del nuovo layout, \u00e8 stato rivisto l&#8217;aspetto del men\u00f9. La modifica principale riguarda la rimozione delle icone dalle voci principali, che non aggiungevano nulla all&#8217;esperienza utente. Successivamente o riequilibrato il corpo del testo delle voci rispetto al contesto per renderlo pi\u00f9 armonioso con il <strong>design system<\/strong>. Infine, ho modificato il comportamento della voce attiva, eliminando il <em>background <\/em>e predisponendo un <em>text-decoration<\/em> in <em>underline<\/em>. In questo modo la voce attiva \u00e8 sottolineata in modo da essere pi\u00f9 coerente con il <em>concept visivo<\/em> del sito<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Navigazione articoli<\/strong> &#8211; Un&#8217;altra modifica \u00e8 stata fatta agli elementi di navigazione degli articoli a fondo pagina, che permettono di caricare i precedenti e i successivi. Ho eliminato il bordo attorno al pulsante mantenendo solo il <em>top <\/em>e il <em>bottom<\/em> ma con un tratto pi\u00f9 leggero e coerente con le linee del <strong>design system<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Didascalie <\/strong>&#8211; Ho ridotto lo spessore della linea sottostante alle didascalie per renderlo coerente con il <strong>design system<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Articoli correlati<\/strong> &#8211; anche negli articoli correlati ai piedi degli articoli ho rimosso il <em>border <\/em>del <em>rotator <\/em>in modo da alleggerire quella fascia. Ho ridotto anche il corpo dei titoli in modo da renderli pi\u00f9 leggibili.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6adb868b71c5b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6adb868b71c5b\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"463\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-1024x463.png\" alt=\"\" class=\"wp-image-2910\" srcset=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-1024x463.png 1024w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-300x136.png 300w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-768x347.png 768w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-1536x694.png 1536w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-110x50.png 110w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-420x190.png 420w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820-770x348.png 770w, https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2024\/09\/Screenshot-2024-09-06-115820.png 1552w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Footer<\/strong> &#8211; oltre alle modifiche a livello layout, rimosso l&#8217;elemento grafico dei titoletti dei men\u00f9 del <em>footer<\/em> e regolato le linee tra una voce ell&#8217;altra.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusioni\"><\/span>Conclusioni<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sicuramente ci saranno altri interventi da fare nel sito per migliorarlo ulteriormente ma con queste ultime modifiche ritengo di aver reso il blog pi\u00f9 in linea con gli obbiettivi, grazie ad un design essenziale e minimale.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ho deciso di rivedere il design del mio blog. Non \u00e8 un vero e proprio restyling perch\u00e9 nonostante le modifiche siano anche strutturali, il concept e l&#8217;aspetto complessivo del sito sono rimasti pressoch\u00e9 in linea con il precedente. Si tratta pi\u00f9 di una modifica orientata al miglioramento dell&#8217;esperienza utente. Si tratta di un operazione sottrattiva, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1442,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[92,12,2],"tags":[24,27,173,22],"class_list":["post-2903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-user_experience","category-webdesign","tag-blog","tag-design","tag-restyling","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Il nuovo design di Blografik - BloGrafik<\/title>\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.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Il nuovo design di Blografik - BloGrafik\" \/>\n<meta property=\"og:description\" content=\"Ho deciso di rivedere il design del mio blog. Non \u00e8 un vero e proprio restyling perch\u00e9 nonostante le modifiche siano anche strutturali, il concept e l&#8217;aspetto complessivo del sito sono rimasti pressoch\u00e9 in linea con il precedente. Si tratta pi\u00f9 di una modifica orientata al miglioramento dell&#8217;esperienza utente. Si tratta di un operazione sottrattiva, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/\" \/>\n<meta property=\"og:site_name\" content=\"BloGrafik\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/robertomaiolinodesign\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-06T10:23:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-17T08:34:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-1024x512.jpg\" \/>\n<meta name=\"author\" content=\"Roberto Maiolino\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Roberto_RMD\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Roberto Maiolino\" \/>\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.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/\"},\"author\":{\"name\":\"Roberto Maiolino\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#\\\/schema\\\/person\\\/c71e1a677856d2fe685162286d1d3719\"},\"headline\":\"Il nuovo design di Blografik\",\"datePublished\":\"2024-09-06T10:23:40+00:00\",\"dateModified\":\"2024-09-17T08:34:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/\"},\"wordCount\":753,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/layout_scene.jpg\",\"keywords\":[\"blog\",\"design\",\"restyling\",\"Wordpress\"],\"articleSection\":[\"News\",\"User Experience\",\"Web Design\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/\",\"url\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/\",\"name\":\"Il nuovo design di Blografik - BloGrafik\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/layout_scene.jpg\",\"datePublished\":\"2024-09-06T10:23:40+00:00\",\"dateModified\":\"2024-09-17T08:34:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/layout_scene.jpg\",\"contentUrl\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/layout_scene.jpg\",\"width\":1080,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/2024\\\/09\\\/06\\\/il-nuovo-design-di-blografik\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Il nuovo design di Blografik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#website\",\"url\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/\",\"name\":\"BloGrafik\",\"description\":\"Il blog di Roberto Maiolino\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#organization\",\"name\":\"BloGrafik\",\"url\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Testata_blografik@2x.png\",\"contentUrl\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Testata_blografik@2x.png\",\"width\":1265,\"height\":196,\"caption\":\"BloGrafik\"},\"image\":{\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/#\\\/schema\\\/person\\\/c71e1a677856d2fe685162286d1d3719\",\"name\":\"Roberto Maiolino\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c2d13d031a1d0ee5599d37de69ee0bb10f7319da969b4ad13a6ec0b796fde8f2?s=96&d=initials&r=g&initials=ro\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c2d13d031a1d0ee5599d37de69ee0bb10f7319da969b4ad13a6ec0b796fde8f2?s=96&d=initials&r=g&initials=ro\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c2d13d031a1d0ee5599d37de69ee0bb10f7319da969b4ad13a6ec0b796fde8f2?s=96&d=initials&r=g&initials=ro\",\"caption\":\"Roberto Maiolino\"},\"description\":\"Formazione professionale da graphic designer, lavoro nel settore nel marketing tradizionale e digitale. Una figura unica per la grafica, la comunicazione e l\u2019advertising. Da anni lavoro per le aziende sul territorio nazionale e per le agenzie di comunicazione del Trentino-Alto Adige. www.robertomaiolino.it\",\"sameAs\":[\"https:\\\/\\\/www.robertomaiolino.it\",\"https:\\\/\\\/www.facebook.com\\\/robertomaiolinodesign\\\/\",\"www.linkedin.com\\\/in\\\/roberto-maiolino-81a209a5\",\"https:\\\/\\\/x.com\\\/Roberto_RMD\"],\"url\":\"https:\\\/\\\/www.robertomaiolino.it\\\/blografik\\\/author\\\/roberto-maiolino\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Il nuovo design di Blografik - BloGrafik","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.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/","og_locale":"it_IT","og_type":"article","og_title":"Il nuovo design di Blografik - BloGrafik","og_description":"Ho deciso di rivedere il design del mio blog. Non \u00e8 un vero e proprio restyling perch\u00e9 nonostante le modifiche siano anche strutturali, il concept e l&#8217;aspetto complessivo del sito sono rimasti pressoch\u00e9 in linea con il precedente. Si tratta pi\u00f9 di una modifica orientata al miglioramento dell&#8217;esperienza utente. Si tratta di un operazione sottrattiva, [&hellip;]","og_url":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/","og_site_name":"BloGrafik","article_author":"https:\/\/www.facebook.com\/robertomaiolinodesign\/","article_published_time":"2024-09-06T10:23:40+00:00","article_modified_time":"2024-09-17T08:34:04+00:00","og_image":[{"url":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene-1024x512.jpg","type":"","width":"","height":""}],"author":"Roberto Maiolino","twitter_card":"summary_large_image","twitter_creator":"@Roberto_RMD","twitter_misc":{"Scritto da":"Roberto Maiolino","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#article","isPartOf":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/"},"author":{"name":"Roberto Maiolino","@id":"https:\/\/www.robertomaiolino.it\/blografik\/#\/schema\/person\/c71e1a677856d2fe685162286d1d3719"},"headline":"Il nuovo design di Blografik","datePublished":"2024-09-06T10:23:40+00:00","dateModified":"2024-09-17T08:34:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/"},"wordCount":753,"commentCount":0,"publisher":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/#organization"},"image":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene.jpg","keywords":["blog","design","restyling","Wordpress"],"articleSection":["News","User Experience","Web Design"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/","url":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/","name":"Il nuovo design di Blografik - BloGrafik","isPartOf":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#primaryimage"},"image":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#primaryimage"},"thumbnailUrl":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene.jpg","datePublished":"2024-09-06T10:23:40+00:00","dateModified":"2024-09-17T08:34:04+00:00","breadcrumb":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#primaryimage","url":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene.jpg","contentUrl":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2021\/07\/layout_scene.jpg","width":1080,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/www.robertomaiolino.it\/blografik\/2024\/09\/06\/il-nuovo-design-di-blografik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.robertomaiolino.it\/blografik\/"},{"@type":"ListItem","position":2,"name":"Il nuovo design di Blografik"}]},{"@type":"WebSite","@id":"https:\/\/www.robertomaiolino.it\/blografik\/#website","url":"https:\/\/www.robertomaiolino.it\/blografik\/","name":"BloGrafik","description":"Il blog di Roberto Maiolino","publisher":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.robertomaiolino.it\/blografik\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.robertomaiolino.it\/blografik\/#organization","name":"BloGrafik","url":"https:\/\/www.robertomaiolino.it\/blografik\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.robertomaiolino.it\/blografik\/#\/schema\/logo\/image\/","url":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2026\/05\/Testata_blografik@2x.png","contentUrl":"https:\/\/www.robertomaiolino.it\/blografik\/wp-content\/uploads\/2026\/05\/Testata_blografik@2x.png","width":1265,"height":196,"caption":"BloGrafik"},"image":{"@id":"https:\/\/www.robertomaiolino.it\/blografik\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.robertomaiolino.it\/blografik\/#\/schema\/person\/c71e1a677856d2fe685162286d1d3719","name":"Roberto Maiolino","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/c2d13d031a1d0ee5599d37de69ee0bb10f7319da969b4ad13a6ec0b796fde8f2?s=96&d=initials&r=g&initials=ro","url":"https:\/\/secure.gravatar.com\/avatar\/c2d13d031a1d0ee5599d37de69ee0bb10f7319da969b4ad13a6ec0b796fde8f2?s=96&d=initials&r=g&initials=ro","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2d13d031a1d0ee5599d37de69ee0bb10f7319da969b4ad13a6ec0b796fde8f2?s=96&d=initials&r=g&initials=ro","caption":"Roberto Maiolino"},"description":"Formazione professionale da graphic designer, lavoro nel settore nel marketing tradizionale e digitale. Una figura unica per la grafica, la comunicazione e l\u2019advertising. Da anni lavoro per le aziende sul territorio nazionale e per le agenzie di comunicazione del Trentino-Alto Adige. www.robertomaiolino.it","sameAs":["https:\/\/www.robertomaiolino.it","https:\/\/www.facebook.com\/robertomaiolinodesign\/","www.linkedin.com\/in\/roberto-maiolino-81a209a5","https:\/\/x.com\/Roberto_RMD"],"url":"https:\/\/www.robertomaiolino.it\/blografik\/author\/roberto-maiolino\/"}]}},"_links":{"self":[{"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/posts\/2903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/comments?post=2903"}],"version-history":[{"count":2,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/posts\/2903\/revisions"}],"predecessor-version":[{"id":3062,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/posts\/2903\/revisions\/3062"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/media\/1442"}],"wp:attachment":[{"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/media?parent=2903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/categories?post=2903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.robertomaiolino.it\/blografik\/wp-json\/wp\/v2\/tags?post=2903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}