{"id":3224,"date":"2014-06-26T10:57:55","date_gmt":"2014-06-26T00:57:55","guid":{"rendered":"https:\/\/reckoner.com.au\/?p=3224"},"modified":"2014-06-26T10:57:55","modified_gmt":"2014-06-26T00:57:55","slug":"google-introduces-material-design","status":"publish","type":"post","link":"https:\/\/reckoner.com.au\/news\/google-introduces-material-design\/","title":{"rendered":"Google Introduces Material Design"},"content":{"rendered":"<p>Today at I\/O 2014, Google introduced their new <a href=\"http:\/\/www.google.com\/design\/spec\/material-design\/introduction.html\">Material Design guidelines<\/a> as part of a company-wide design revamp. These are a series of design principles that underpin the new visual language of Google:<\/p>\n<blockquote><p>\n  We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design.\n<\/p><\/blockquote>\n<p>Firstly, the designs and visual language itself looks great. Simple, striking, confident and distinctive. Google (and Android) are finally starting to look like a cohesive whole.<\/p>\n<p><iframe loading=\"lazy\" title=\"Material design\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Q8TXgCzxEnw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Second, unlike Microsoft&#8217;s Metro\/Modern\/Windows app-style linguistic clusterbomb, this term <em>Material Design<\/em> is simple, and easy to remember. You&#8217;d be surprised how important it is to have a catch-all term like that to describe what you mean. Microsoft had it, and they blew it. Google is smart to get that idea&#8211;that <em>terminology<\/em>&#8211;locked down from the get-go.<\/p>\n<p>Third, the documentation is superb, and surprisingly simple to follow. Instead of waxing lyrical about what they want in words, they&#8217;ve made a bunch of very specific visual examples, including <em>dos<\/em> and <em>don&#8217;ts<\/em> for broad concepts like <a href=\"http:\/\/www.google.com\/design\/spec\/animation\/meaningful-transitions.html\">animation<\/a>, <a href=\"http:\/\/www.google.com\/design\/spec\/layout\/layout-principles.html#layout-principles-paper-craft\">layout<\/a> and <a href=\"http:\/\/www.google.com\/design\/spec\/style\/typography.html\">typography<\/a>, as well as incredibly specific details like <a href=\"http:\/\/www.google.com\/design\/spec\/components\/switches.html#switches-checkbox\">switches<\/a>, <a href=\"http:\/\/www.google.com\/design\/spec\/components\/buttons.html\">buttons<\/a> and <a href=\"http:\/\/www.google.com\/design\/spec\/components\/cards.html#cards-usage\">cards<\/a>.<\/p>\n<p>Even a talentless schlub like me can follow what they mean with these examples. If I was a Android developer, I&#8217;d be absolutely stoked. What&#8217;s the best way to handle a dialog box? Oh no worries, <a href=\"http:\/\/www.google.com\/design\/spec\/components\/dialogs.html\">I&#8217;ll just look it up right here<\/a>.<\/p>\n<p>Brilliant.<\/p>\n","protected":false},"excerpt":{"rendered":"Today at I\/O 2014, Google introduced their new Material Design guidelines as part of a company-wide design revamp.&hellip;\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[10],"tags":[122,111,183],"jetpack_publicize_connections":[],"reckoner_social_message":null,"_links":{"self":[{"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/posts\/3224"}],"collection":[{"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/comments?post=3224"}],"version-history":[{"count":0,"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/posts\/3224\/revisions"}],"wp:attachment":[{"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/media?parent=3224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/categories?post=3224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reckoner.com.au\/wp-json\/wp\/v2\/tags?post=3224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}