{"id":357,"date":"2012-05-21T17:44:56","date_gmt":"2012-05-21T17:44:56","guid":{"rendered":"http:\/\/vjc-media.com\/arete\/?p=8"},"modified":"2019-05-17T07:28:47","modified_gmt":"2019-05-17T14:28:47","slug":"motion-graphics-in-user-interface","status":"publish","type":"post","link":"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/","title":{"rendered":"Motion Graphics in User Interface"},"content":{"rendered":"<p>With the successful utilization of animated graphics in Apple\u2019s iPhone, it would be to every UI designer\u2019s benefit to better understand the basic rules of motion graphics and how they affect user experience satisfaction.<\/p>\n<p>There is a very nice article on ui-transitions.com that deals with the use of motion graphics and animation in UI design. Among the issues covered are knowing where transitions can be a helpful extension to the static user interface, the cognitive benefits obtained from including movement within a product\u2019s UI, and how Disney&#8217;s Twelve Basic Principles of Animation can help User Interface designers in their quest to integrate animation into the user experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the successful utilization of animated graphics in Apple\u2019s iPhone, it would be to every UI designer\u2019s benefit to better understand the basic rules of motion graphics and how they affect user experience satisfaction. There is a very nice article on ui-transitions.com that deals with the use of motion graphics and animation in UI design.&hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Motion Graphics in User Interface | Areteworks<\/title>\n<meta name=\"description\" content=\"With the utilization of animated graphics in Apple\u2019s iPhone, it would benefit every UI designer to better understand the basic rules of motion graphics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion Graphics in User Interface | Areteworks\" \/>\n<meta property=\"og:description\" content=\"With the utilization of animated graphics in Apple\u2019s iPhone, it would benefit every UI designer to better understand the basic rules of motion graphics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"Areteworks\" \/>\n<meta property=\"article:published_time\" content=\"2012-05-21T17:44:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-17T14:28:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steven Liu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/areteworks.com\/#website\",\"url\":\"https:\/\/areteworks.com\/\",\"name\":\"Areteworks\",\"description\":\"UI UX Design Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/areteworks.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/#webpage\",\"url\":\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/\",\"name\":\"Motion Graphics in User Interface | Areteworks\",\"isPartOf\":{\"@id\":\"https:\/\/areteworks.com\/#website\"},\"datePublished\":\"2012-05-21T17:44:56+00:00\",\"dateModified\":\"2019-05-17T14:28:47+00:00\",\"author\":{\"@id\":\"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a\"},\"description\":\"With the utilization of animated graphics in Apple\\u2019s iPhone, it would benefit every UI designer to better understand the basic rules of motion graphics.\",\"breadcrumb\":{\"@id\":\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/areteworks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motion Graphics in User Interface\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a\",\"name\":\"Steven Liu\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/areteworks.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g\",\"caption\":\"Steven Liu\"},\"url\":\"https:\/\/areteworks.com\/author\/steven-liu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion Graphics in User Interface | Areteworks","description":"With the utilization of animated graphics in Apple\u2019s iPhone, it would benefit every UI designer to better understand the basic rules of motion graphics.","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:\/\/areteworks.com\/motion-graphics-in-user-interface\/","og_locale":"en_US","og_type":"article","og_title":"Motion Graphics in User Interface | Areteworks","og_description":"With the utilization of animated graphics in Apple\u2019s iPhone, it would benefit every UI designer to better understand the basic rules of motion graphics.","og_url":"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/","og_site_name":"Areteworks","article_published_time":"2012-05-21T17:44:56+00:00","article_modified_time":"2019-05-17T14:28:47+00:00","twitter_card":"summary","twitter_misc":{"Written by":"Steven Liu","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/areteworks.com\/#website","url":"https:\/\/areteworks.com\/","name":"Areteworks","description":"UI UX Design Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/areteworks.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/#webpage","url":"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/","name":"Motion Graphics in User Interface | Areteworks","isPartOf":{"@id":"https:\/\/areteworks.com\/#website"},"datePublished":"2012-05-21T17:44:56+00:00","dateModified":"2019-05-17T14:28:47+00:00","author":{"@id":"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a"},"description":"With the utilization of animated graphics in Apple\u2019s iPhone, it would benefit every UI designer to better understand the basic rules of motion graphics.","breadcrumb":{"@id":"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/areteworks.com\/motion-graphics-in-user-interface\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/areteworks.com\/motion-graphics-in-user-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/areteworks.com\/"},{"@type":"ListItem","position":2,"name":"Motion Graphics in User Interface"}]},{"@type":"Person","@id":"https:\/\/areteworks.com\/#\/schema\/person\/824fde08f51c36e32a3ad23407c8f65a","name":"Steven Liu","image":{"@type":"ImageObject","@id":"https:\/\/areteworks.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e0fe557088000ed6c9a689a9b1fb0fda?s=96&d=mm&r=g","caption":"Steven Liu"},"url":"https:\/\/areteworks.com\/author\/steven-liu\/"}]}},"_links":{"self":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/posts\/357"}],"collection":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/comments?post=357"}],"version-history":[{"count":0,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/posts\/357\/revisions"}],"wp:attachment":[{"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/media?parent=357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/categories?post=357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/areteworks.com\/wp-json\/wp\/v2\/tags?post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}