{"id":8410,"date":"2019-03-25T05:22:58","date_gmt":"2019-03-25T12:22:58","guid":{"rendered":"http:\/\/jnack.com\/blog\/?p=8410"},"modified":"2019-03-24T17:24:02","modified_gmt":"2019-03-25T00:24:02","slug":"motion-graphics-googles-design-language-for-hardware","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2019\/03\/25\/motion-graphics-googles-design-language-for-hardware\/","title":{"rendered":"Motion graphics: Google&#8217;s design language for hardware"},"content":{"rendered":"<p>Here\u2019s a cool 1-minute tour from Detroit\u2019s <a href=\"https:\/\/www.gunner.work\/#\/google-imagery\/\">Gunner<\/a> agency:<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/313004782?title=0&amp;byline=0&amp;portrait=0\" width=\"600\" height=\"338\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/p>\n<blockquote><p>We teamed up with Google, to reimagine how imagery could be unified across their hardware. Creating core design principles based on simplicity and abstraction, we developed a visual language that allowed us to depict their many devices and states, explain app features, and guide users\u2019 interactions.<\/p><\/blockquote>\n<p><img decoding=\"async\" src=\"https:\/\/static1.squarespace.com\/static\/5ae748e5a2772c3020f21856\/t\/5c47a920758d46280be0af23\/1548200236925\/Get_Your_Pixel_Ready.gif?format=1500w\"> <img decoding=\"async\" src=\"https:\/\/static1.squarespace.com\/static\/5ae748e5a2772c3020f21856\/t\/5c47a9358a922d0603e13e04\/1548200264109\/CopyData.gif?format=1500w\"><\/p>\n<p>[<a href=\"https:\/\/vimeo.com\/313004782\">Vimeo<\/a>] [<a href=\"http:\/\/motionographer.com\/quickie\/google-imagery-case-study\/\">Via<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here\u2019s a cool 1-minute tour from Detroit\u2019s Gunner agency: We teamed up with Google, to reimagine how imagery could be unified across their hardware. Creating core design principles based on simplicity and abstraction, we developed a visual language that allowed us to depict their many devices and states, explain app features, and guide users\u2019 interactions. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,2],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/8410"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=8410"}],"version-history":[{"count":3,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/8410\/revisions"}],"predecessor-version":[{"id":8415,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/8410\/revisions\/8415"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=8410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=8410"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=8410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}