{"id":9521,"date":"2022-11-17T08:00:39","date_gmt":"2022-11-17T06:00:39","guid":{"rendered":"https:\/\/yeeply.com\/it\/?p=9521"},"modified":"2023-12-11T10:49:16","modified_gmt":"2023-12-11T08:49:16","slug":"motion-graphic-tendenza-design-app-web","status":"publish","type":"post","link":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/","title":{"rendered":"Motion graphic: l&#8217;ultima tendenza nell&#8217;app e web design"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">La <\/span><i><span style=\"font-weight: 400;\">motion graphic <\/span><\/i><span style=\"font-weight: 400;\">nello sviluppo di app e siti web \u00e8 passata dall\u2019essere un\u2019extra gradevole ad una <\/span><b>funzionalit\u00e0 imprescindibile per conquistare gli utenti<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se stai pensando a come creare una pagina web accattivante o se stai cercando un esperto nello sviluppo app per creare la tua, questo articolo \u00e8 per te.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Scopri questa tendenza che <\/span><b>migliorer\u00e0 l\u2019interfaccia utente<\/b><span style=\"font-weight: 400;\"> (UI) del tuo progetto e ne migliorer\u00e0 la qualit\u00e0.<\/span><\/p>\n<div class=\"bt-proyecto\"><a href=\"https:\/\/yeeply.com\/it\/?rel=IT-BT-proyecto-diseno#publish-project\" target=\"_blank\" rel=\"noopener\">CERCHI DESIGNER PROFESSIONISTI? TROVALI IN YEEPLY!<\/a><\/div>\n<h2 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Cos\u2019\u00e8 la motion graphic<\/span><\/h2>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Letteralmente, <\/span><b>motion graphic \u00e8 grafica in movimento<\/b><span style=\"font-weight: 400;\">. Tuttavia, non consiste semplicemente nell\u2019animare un elemento della pagina quando il design \u00e8 gi\u00e0 stato concluso.\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">La motion graphic deve essere integrata gi\u00e0 <\/span><b>nella fase di progettazione di UI\/UX<\/b><span style=\"font-weight: 400;\">. Ecco perch\u00e8 non si tratta semplicemente di aggiungere animazioni alla pagina: il movimento deve significare qualcosa, avere uno scopo.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">La graphic motion \u00e8 la tendenza verso cui si dirige il design dell\u2019interfaccia utente. Ormai, <\/span><b>l\u2019aspetto degli oggetti non \u00e8 la cosa pi\u00f9 importante: il modo in cui si muovo gli elementi \u00e8 altrettanto importante, se non di pi\u00f9.<\/b><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Dai un\u2019occhiata a questo video sulle tendenze in tema di graphic design per il 2020!<\/span><\/i><\/p>\n<p><iframe title=\"What Are the Graphic Design Trends for 2023?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/95ATB8ASEjs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Anche se non hai mai sentito prima questo termine, pu\u00f2 essere che ti stia domandando <strong>se l\u2019animazione e la motion graphic sono la stessa cosa<\/strong>.\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">In realt\u00e0, sono concetti diversi. Potremmo dire che <\/span><b>l\u2019animazione \u00e8 la grande famiglia che comprende qualsiasi tipo di immagine in movimento<\/b><span style=\"font-weight: 400;\">: da tecniche come la stop motion all\u2019animazione con disegni animati o con plastilina. Lo scopo dell\u2019animazione \u00e8 solitamente quello di raccontare una storia.\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Tuttavia, <\/span><b>con motion graphic ci riferiamo ad animazioni pi\u00f9 semplici e raffinate<\/b><span style=\"font-weight: 400;\">, che vogliono comunicare un\u2019idea all\u2019utente.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Ti potrebbe interessare: <\/span><\/i><a href=\"https:\/\/yeeply.com\/it\/blog\/10-errori-comuni-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\"><i><span style=\"font-weight: 400;\">I 10 errori di web design pi\u00f9 comuni da evitare<\/span><\/i><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Punti chiave della motion graphic nello sviluppo web\u00a0<\/span><\/h2>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Se hai ancora bisogno di un motivo per convincerti, ti raccontiamo <\/span><b>i benefici che la motion graphic apporter\u00e0 all\u2019UI del tuo progetto web o app mobile<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Facilita la navigazione<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Le microinterazioni della motion graphic<\/span><b> rendono la navigazione dell\u2019utente pi\u00f9 semplice ed attrattiva<\/b><span style=\"font-weight: 400;\">, rispetto all\u2019uso di altri elementi come men\u00f9 troppo ampi.<\/span><\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Definisce la struttura e le interazioni<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Queste <\/span><b>microinterazioni possono servire per definire come sar\u00e0 la navigazione nella tua pagina web o nella tua app<\/b><span style=\"font-weight: 400;\">. Con la motion graphic puoi approfittarne per invitare l\u2019utente a compiere una certa azione, ad esempio aggiungere un articolo al carrello o rivelare gesti nascosti nella UI di una app mobile.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Ti potrebbe interessare | 10 nuovissimi trend dell\u2019esperienza utente (UX Design)<\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Nasconde i tempi di carica lunghi<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">La motion graphic <\/span><b>pu\u00f2 aiutarti a fare in modo che l\u2019utente non noti quando una pagina ci mette di pi\u00f9 a caricarsi<\/b><span style=\"font-weight: 400;\">. Questo non vuol dire che puoi trascurare l\u2019ottimizzazione della tua pagina, ricordati che i motori di ricerca penalizzano le pagine a bassa prestazione<\/span><span style=\"font-weight: 400;\">.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400;\">Se per\u00f2 l\u2019utente deve aspettare qualche secondo in pi\u00f9 per il caricamento, un minigioco con il mouse o <\/span><b>un\u2019animazione divertente possono far s\u00ec che si dimentichi dell\u2019attesa<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">D\u00e0 feedback agli utenti sulle loro azioni<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">In certe occasioni, la motion graphic nasconde piccole \u201ceaster eggs\u201d nelle applicazioni mobile o nel design dei siti web.<\/span><b> Pensa ai coriandoli e palloncini sorridenti che appaiono scrivendo la parola \u201ccongratulazioni\u201d su Facbook<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><b>Potrai premiare e strappare un sorriso all\u2019utente che realizza l\u2019azione che desideri: <\/b><span style=\"font-weight: 400;\">registrarsi, iscriversi alla newsletter o aggiungere un prodotto al carrello sono azioni che possono essere potenziate con la motion graphic.<\/span><\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Lettura consigliata | <\/span><\/i><a href=\"https:\/\/yeeply.com\/it\/blog\/growth-driven-design-sito-web\/\" target=\"_blank\" rel=\"noopener noreferrer\"><i><span style=\"font-weight: 400;\">Growth driven design: la metodologia da conoscere per il tuo sito web<\/span><\/i><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Distingue la tua app o la tua web<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Pu\u00f2 sembrare che la motion graphic sia qualcosa di poco importante ma <\/span><b>pu\u00f2 fare la differenza in tema di qualit\u00e0 nel tuo progetto web o app<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Queste microinterazioni fanno s\u00ec che ti possa<\/span><b> distinguere tra le migliaia di siti web ed applicazioni mobile negli stores<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Aumenta la durata della sessione<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">A chi non piace divertirsi? Se un utente trova il contenuto della tua app o pagina web interessante e, inoltre, <\/span><b>rendi la user experience fluida ed interattiva<\/b><span style=\"font-weight: 400;\">, navigher\u00e0 per pi\u00f9 tempo nella tua web o user\u00e0 di pi\u00f9 la tua app. In questo modo, inoltre, aumenter\u00e0 l\u2019engagement e la fidelizzazione dei tuoi utenti. Win-win.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/yeeply.com\/it\/?rel=IT-LNK#publish-project\" target=\"_blank\" rel=\"noopener noreferrer\"><i><span style=\"font-weight: 400;\">Vuoi creare un&#8217;app o una web personalizzata? Raccontaci il tuo progetto e ti aiutiamo a renderlo realt\u00e0!<\/span><\/i><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Esempi di motion graphic per conquistare i tuoi utenti<\/span><\/h2>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Adesso che conosci tutte le opzioni per sorprendere i tuoi utenti con la motion graphic, \u00e8 il momento di vedere alcuni esempi reali. Ti proponiamo <\/span><b>alcuni usi della di questa tecnologia per ispirarti<\/b><span style=\"font-weight: 400;\"> e conquistare i tuoi seguaci.<\/span><\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Twitch: sorpresa nascosta<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Le modifiche al design di <\/span><a href=\"https:\/\/brand.twitch.tv\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Twitch<\/span><\/a><span style=\"font-weight: 400;\">, la piattaforma streaming di videogiochi, sono la scusa per realizzare un microsito che spieghi le novit\u00e0. <\/span><b>La motion graphic \u00e8 l\u2019assoluta protagonista della navigazione<\/b><span style=\"font-weight: 400;\">, con elementi che appaiono successivamente avanzando con la lettura.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">La sorpresa, per\u00f2, si scopre passando con il cursore sopra un piccolo piano. Premendo i tasti, si attiva un suono e appare una pioggia di gifs sullo schermo.<\/span><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-9521-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da5d8d2151dd775628904.mp4?_=1\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da5d8d2151dd775628904.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da5d8d2151dd775628904.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Bottoni multiuso<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Nello sviluppo di app mobile \u00e8 molto importante che la navigazione sia comoda. Per questo, <\/span><b>si cerca di far s\u00ec che l\u2019utente possa realizzare le azioni principali con una mano sola<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">In questo esempio, con una piccola animazione, un bottone rivela funzioni multiple se viene premuto.<\/span><\/p>\n<figure id=\"attachment_9525\" aria-describedby=\"caption-attachment-9525\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-9525 size-full\" title=\"esempio bottone multiuso chat \" src=\"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_bottone_multiuso_chat.jpg\" alt=\"esempio bottone multiuso chat \" width=\"748\" height=\"561\" srcset=\"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_bottone_multiuso_chat.jpg 748w, https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_bottone_multiuso_chat-300x225.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-9525\" class=\"wp-caption-text\">Bottone multiuso per una chat. Fonte: <a href=\"https:\/\/www.uplabs.com\/posts\/chat-interaction-8a68c31e-7206-4190-8dc6-c1fb8667dec3\" target=\"_blank\" rel=\"noopener noreferrer\">Uplabs<\/a><\/figcaption><\/figure>\n<div style=\"text-align: center;\">\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Un\u2019iscrizione diversa<\/span><\/h3>\n<p style=\"text-align: left;\"><b>Il processo di iscrizione in un sito web o in un\u2019applicazione \u00e8 solitamente la parte pi\u00f9 noiosa della navigazione<\/b><span style=\"font-weight: 400;\">. Perch\u00e8 non renderlo pi\u00f9 gradevole con il design?\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Con la motion graphic, puoi renderlo possibile aggiungendo animazioni che migliorino l\u2019esperienza utente.\u00a0<\/span><\/p>\n<figure id=\"attachment_9526\" aria-describedby=\"caption-attachment-9526\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-9526 size-full\" title=\"esempio animazione per iscrizione\" src=\"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_animazione_iscrizione_esempio.gif\" alt=\"esempio animazione per iscrizione \" width=\"600\" height=\"450\" \/><figcaption id=\"caption-attachment-9526\" class=\"wp-caption-text\">Esempio di interazion per l\u2019iscrizione. Fonte: <a href=\"https:\/\/dribbble.com\/shots\/2379703-Material-Signup-Interaction\" target=\"_blank\" rel=\"noopener noreferrer\">Dribbble<\/a><\/figcaption><\/figure>\n<h3 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Movimento per i contenuti evidenziati<\/span><\/h3>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">In questa applicazione, i video evidenziati sono i veri protagonisti. <\/span><b>Riproducendo il video, una transizione amplia la miniatura a schermo intero senza dover caricare una nuova schermata. <\/b><span style=\"font-weight: 400;\">Cos\u00ec, si ottiene una navigazione pi\u00f9 fluida.<\/span><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Articolo correlato | <a href=\"https:\/\/yeeply.com\/it\/blog\/perche-startup-bisogno-mvp-minimum-viable-product\/\" target=\"_blank\" rel=\"noopener\"><em>Perch\u00e9 la tua Startup ha Bisogno di un MVP (Minimum Viable Product)<\/em><\/a><\/p>\n<p>&nbsp;<\/p>\n<div style=\"text-align: center;\">\n<h2 style=\"text-align: left;\"><span style=\"font-weight: 400;\">Investi sulla motion graphic per lo sviluppo web o app<\/span><\/h2>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">La motion graphic d\u00e0 <\/span><b>la sensazione di interagire con oggetti fisici attraverso lo schermo di qualsiasi dispositivo <\/b><span style=\"font-weight: 400;\">e fa s\u00ec che la tua app o il tuo sito siano pi\u00f9 attrattivi per gli utenti.\u00a0<\/span><\/p>\n<p style=\"text-align: left;\"><b>Cerchi un team esperto in motion graphic<\/b><span style=\"font-weight: 400;\">? In Yeeply possiamo aiutarti a trovare i professionisti pi\u00f9 qualificati. Raccontaci il tuo progetto e\u2026 che cominci il movimento!<\/span><\/p>\n<p style=\"text-align: left;\"><p><a href=\"https:\/\/yeeply.com\/it\/?rel=IT-BP-proyecto-diseno#publish-project\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/04\/IT-CTA-Proyecto-Diseno-1.png\" alt=\"Proyecto Dise\u00f1o\" \/><\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La motion graphic nello sviluppo di app e siti web \u00e8 passata dall\u2019essere un\u2019extra gradevole ad una funzionalit\u00e0 imprescindibile per conquistare gli utenti.\u00a0 Se stai &#8230;<\/p>\n","protected":false},"author":35,"featured_media":9524,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[744],"tags":[],"class_list":["post-9521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u25b7 Motion graphic: una tendenza popolare nel disegno app e web<\/title>\n<meta name=\"description\" content=\"Cos&#039;\u00e8 la motion graphic e come si applica nella creazione di app e web? \u261d\ufe0f Ecco alcuni esempi ed i vantaggi di questo tipo di design!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u25b7 Motion graphic: una tendenza popolare nel disegno app e web\" \/>\n<meta property=\"og:description\" content=\"Cos&#039;\u00e8 la motion graphic e come si applica nella creazione di app e web? \u261d\ufe0f Ecco alcuni esempi ed i vantaggi di questo tipo di design!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-17T06:00:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-11T08:49:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lucia Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lucia Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/\"},\"author\":{\"name\":\"Lucia Bravo\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#\\\/schema\\\/person\\\/8d7261cb5ed555983c97c4be50b9a191\"},\"headline\":\"Motion graphic: l&#8217;ultima tendenza nell&#8217;app e web design\",\"datePublished\":\"2022-11-17T06:00:39+00:00\",\"dateModified\":\"2023-12-11T08:49:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/\"},\"wordCount\":1119,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/it\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/motion_graphic_ux_design.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/\",\"name\":\"\u25b7 Motion graphic: una tendenza popolare nel disegno app e web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/it\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/motion_graphic_ux_design.jpg\",\"datePublished\":\"2022-11-17T06:00:39+00:00\",\"dateModified\":\"2023-12-11T08:49:16+00:00\",\"description\":\"Cos'\u00e8 la motion graphic e come si applica nella creazione di app e web? \u261d\ufe0f Ecco alcuni esempi ed i vantaggi di questo tipo di design!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/it\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/motion_graphic_ux_design.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/it\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/motion_graphic_ux_design.jpg\",\"width\":748,\"height\":493,\"caption\":\"fluid gradient design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/blog\\\/design\\\/motion-graphic-tendenza-design-app-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motion graphic: l&#8217;ultima tendenza nell&#8217;app e web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/it\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/it\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/it\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/it\\\/#\\\/schema\\\/person\\\/8d7261cb5ed555983c97c4be50b9a191\",\"name\":\"Lucia Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ad2f32aab505842d1a9a50778a6a6143a465eb397609099343924c3397dbd02?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ad2f32aab505842d1a9a50778a6a6143a465eb397609099343924c3397dbd02?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ad2f32aab505842d1a9a50778a6a6143a465eb397609099343924c3397dbd02?s=96&d=mm&r=g\",\"caption\":\"Lucia Bravo\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/it\\\/author\\\/lucia-bravo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u25b7 Motion graphic: una tendenza popolare nel disegno app e web","description":"Cos'\u00e8 la motion graphic e come si applica nella creazione di app e web? \u261d\ufe0f Ecco alcuni esempi ed i vantaggi di questo tipo di design!","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:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/","og_locale":"it_IT","og_type":"article","og_title":"\u25b7 Motion graphic: una tendenza popolare nel disegno app e web","og_description":"Cos'\u00e8 la motion graphic e come si applica nella creazione di app e web? \u261d\ufe0f Ecco alcuni esempi ed i vantaggi di questo tipo di design!","og_url":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2022-11-17T06:00:39+00:00","article_modified_time":"2023-12-11T08:49:16+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg","type":"image\/jpeg"}],"author":"Lucia Bravo","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"Scritto da":"Lucia Bravo","Tempo di lettura stimato":"7 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/"},"author":{"name":"Lucia Bravo","@id":"https:\/\/yeeply.com\/it\/#\/schema\/person\/8d7261cb5ed555983c97c4be50b9a191"},"headline":"Motion graphic: l&#8217;ultima tendenza nell&#8217;app e web design","datePublished":"2022-11-17T06:00:39+00:00","dateModified":"2023-12-11T08:49:16+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/"},"wordCount":1119,"commentCount":0,"publisher":{"@id":"https:\/\/yeeply.com\/it\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg","articleSection":["Design"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/","url":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/","name":"\u25b7 Motion graphic: una tendenza popolare nel disegno app e web","isPartOf":{"@id":"https:\/\/yeeply.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg","datePublished":"2022-11-17T06:00:39+00:00","dateModified":"2023-12-11T08:49:16+00:00","description":"Cos'\u00e8 la motion graphic e come si applica nella creazione di app e web? \u261d\ufe0f Ecco alcuni esempi ed i vantaggi di questo tipo di design!","breadcrumb":{"@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#primaryimage","url":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg","contentUrl":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg","width":748,"height":493,"caption":"fluid gradient design"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/it\/blog\/design\/motion-graphic-tendenza-design-app-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/it\/"},{"@type":"ListItem","position":2,"name":"Motion graphic: l&#8217;ultima tendenza nell&#8217;app e web design"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/it\/#website","url":"https:\/\/yeeply.com\/it\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/it\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/yeeply.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/it\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/it\/#\/schema\/person\/8d7261cb5ed555983c97c4be50b9a191","name":"Lucia Bravo","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/1ad2f32aab505842d1a9a50778a6a6143a465eb397609099343924c3397dbd02?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1ad2f32aab505842d1a9a50778a6a6143a465eb397609099343924c3397dbd02?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ad2f32aab505842d1a9a50778a6a6143a465eb397609099343924c3397dbd02?s=96&d=mm&r=g","caption":"Lucia Bravo"},"url":"https:\/\/yeeply.com\/it\/author\/lucia-bravo\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",640,422,false],"large":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/it\/wp-content\/uploads\/2020\/01\/motion_graphic_ux_design.jpg",600,395,false]},"uagb_author_info":{"display_name":"Lucia Bravo","author_link":"https:\/\/yeeply.com\/it\/author\/lucia-bravo\/"},"uagb_comment_info":0,"uagb_excerpt":"La motion graphic nello sviluppo di app e siti web \u00e8 passata dall\u2019essere un\u2019extra gradevole ad una funzionalit\u00e0 imprescindibile per conquistare gli utenti.\u00a0 Se stai ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/posts\/9521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/comments?post=9521"}],"version-history":[{"count":7,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/posts\/9521\/revisions"}],"predecessor-version":[{"id":14451,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/posts\/9521\/revisions\/14451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/media\/9524"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/media?parent=9521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/categories?post=9521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/it\/wp-json\/wp\/v2\/tags?post=9521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}