{"id":3903,"date":"2018-08-21T13:48:58","date_gmt":"2018-08-21T13:48:58","guid":{"rendered":"http:\/\/commarts.pleather.us\/2018\/08\/21\/motion-design-ui-ux-google-home-animations\/"},"modified":"2018-08-21T13:48:58","modified_gmt":"2018-08-21T13:48:58","slug":"motion-design-ui-ux-google-home-animations","status":"publish","type":"post","link":"https:\/\/blog.valdosta.edu\/m2\/2018\/08\/21\/motion-design-ui-ux-google-home-animations\/","title":{"rendered":"Motion Design &amp; UI\/UX: Google Home Animations"},"content":{"rendered":"<p><span class=\"field field--name-title field--type-string field--label-hidden\">Motion Design &amp; UI\/UX: Google Home Animations<\/span><\/p>\n<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">\n<p>It&#8217;s always interesting and inspiring to see what incredible brands like <a href=\"https:\/\/www.google.com\/\" rel=\"nofollow\">Google<\/a> is publishing on Behance. Today, we are having a little glimpse at their process into the <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.google.android.apps.chromecast.app&amp;hl=en_CA\" rel=\"nofollow\">Google Home App<\/a>. More precisely at their informative onboarding animations for users when they experience the setup of their devices. What is to retain is the animations are shipped in code using <a href=\"https:\/\/airbnb.design\/introducing-lottie\/\" rel=\"nofollow\">Lottie<\/a>. What is Lottie? Well it&#8217;s an open source animation tool by Airbnb.<\/p>\n<h3>Credits<\/h3>\n<ul>\n<li>Directed By: Gunner<\/li>\n<li>Illustration: Ian Sigmon, John Hughes<\/li>\n<li>Animation: John Hughes, Ian Sigmon, Marcus Bakke, Ver\u00f3 G\u00f3mez, Nick Forshee<\/li>\n<li>Producer: Brandon Delis<\/li>\n<li>Music: Bryan Popes<\/li>\n<\/ul>\n<blockquote>\n<p>It&#8217;s been crazy to learn that, since launching in 2017, the Google Home app has been downloaded more than 50 million times, and our animations have been implemented across other Google apps, bringing the total installs count above 1 billion. We&#8217;re honored to have been a part of such a cool project and to have received a Motion Award for the Interactive: UI\/UX category.<\/p>\n<\/blockquote>\n<h3>More Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/johnhughesmotion.com\/\" rel=\"nofollow\">Personal Site<\/a><\/li>\n<li><a href=\"https:\/\/www.behance.net\/johnhughes\" rel=\"nofollow\">Behance<\/a><\/li>\n<\/ul>\n<div class=\"photoset-grid\"><a href=\"https:\/\/johnhughesmotion.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Motion Design &amp; UI\/UX: Google Home Animations\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800\/571b8160610079.5a5e4cb342a3d.png\" \/><img decoding=\"async\" alt=\"Motion Design &amp; UI\/UX: Google Home Animations\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/1400\/50ee2e60610079.5a53a076125d1.gif\" \/><img decoding=\"async\" alt=\"Motion Design &amp; UI\/UX: Google Home Animations\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/1400\/547d1760610079.5aa27ef8dabff.gif\" \/><img decoding=\"async\" alt=\"Motion Design &amp; UI\/UX: Google Home Animations\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/1400\/f41c5260610079.5b466a9b9597d.gif\" \/><img decoding=\"async\" alt=\"Motion Design &amp; UI\/UX: Google Home Animations\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/1400\/2de32f60610079.5b466a9b954de.gif\" \/><img decoding=\"async\" alt=\"Motion Design &amp; UI\/UX: Google Home Animations\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800\/49f9cb60610079.5b466af2be021.png\" \/><\/a><\/div>\n<h3>Watch the Animation<\/h3>\n<\/p>\n<\/div>\n<p>      <span class=\"field field--name-uid field--type-entity-reference field--label-hidden\"><a title=\"View user profile.\" href=\"http:\/\/abduzeedo.com\/index.php\/profile\/aoirostudio\" class=\"username\">AoiroStudio<\/a><\/span><br \/>\n<span class=\"field field--name-created field--type-created field--label-hidden\">Aug 21, 2018<\/span><\/p>\n<div class=\"field field--name-field-tags field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/index.php\/tags\/google\">google<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/index.php\/tags\/motion\">Motion<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/index.php\/tags\/motion-design\">motion design<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/index.php\/tags\/uiux\">UI\/UX<\/a><\/div><\/div>\n<p>Source: Abduzeedo UI\/UX<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Motion Design &amp; UI\/UX: Google Home Animations It&#8217;s always interesting and inspiring to see what incredible brands like Google is publishing&#8230;<\/p>\n","protected":false},"author":245,"featured_media":3904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[44],"class_list":["post-3903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-camera"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/blog.valdosta.edu\/m2\/wp-content\/uploads\/sites\/107\/2018\/08\/571b8160610079.5a5e4cb342a3d.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqOTj-10X","_links":{"self":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/3903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/users\/245"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/comments?post=3903"}],"version-history":[{"count":0,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/3903\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media\/3904"}],"wp:attachment":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media?parent=3903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/categories?post=3903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/tags?post=3903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}