{"id":4212,"date":"2015-05-12T22:53:59","date_gmt":"2015-05-13T02:53:59","guid":{"rendered":"https:\/\/www.instantestore.com\/blog\/?p=4212"},"modified":"2017-06-06T12:12:46","modified_gmt":"2017-06-06T04:12:46","slug":"google-material-design","status":"publish","type":"post","link":"https:\/\/instantestore.com\/blog\/google-material-design\/","title":{"rendered":"Google Material Design"},"content":{"rendered":"<p>Google launched their new design guidelines somewhere middle of last year called <a title=\"Material Design\" href=\"http:\/\/www.google.com\/design\/spec\/material-design\/introduction.html#\" target=\"_blank\" rel=\"noopener noreferrer\">Material Design<\/a> because they wanted to come up with a new look and feel for all their apps. Since Google&#8217;s <a title=\"Android\" href=\"https:\/\/www.android.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Android<\/a> platform is being used in so many different devices and screens such as TVs, watches, mobile, automobiles, etc, they needed a streamlined design interface that is both intuitive, fluid yet responsive. Hence the <a title=\"Google Design\" href=\"http:\/\/www.google.com\/design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Design<\/a> team had to basically start from ground zero to create a better new design system.<\/p>\n<p><!--more--><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.android.com\/versions\/lollipop-5-0\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4215\" src=\"http:\/\/ecommerce.instantestore.com\/wp-content\/uploads\/2015\/05\/Lollipop.jpg\" alt=\"Lollipop\" width=\"600\" height=\"399\" \/><\/a><\/p>\n<p>Those who&#8217;ve tried out the new <a title=\"Android 5.0 Lollipop\" href=\"http:\/\/www.android.com\/versions\/lollipop-5-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Android 5.0 Lollipop<\/a> would definitely love the smoothness of Google&#8217;s Material Design at work. The look and feel of the user interface has improved tremendously. Users who are still using previous versions of Android may need to check whether their device are upgradable to the latest Lollipop version so they can experience the difference.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.tumblr.com\/login\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4216\" src=\"http:\/\/ecommerce.instantestore.com\/wp-content\/uploads\/2015\/05\/tumblr.jpg\" alt=\"tumblr\" width=\"600\" height=\"380\" \/><\/a><\/p>\n<p>In order to create a better design system, Google&#8217;s design team pretended to work for different brands to come up with a new material design look and feel for their sites &#8211; just to make sure that they can get it right and to show that the design system is expendable for 3rd parties. Users will notice the new <a title=\"Tumblr\" href=\"https:\/\/www.tumblr.com\/login\" target=\"_blank\" rel=\"noopener noreferrer\">Tumblr<\/a> site has not only been redesigned but that its app works, looks and feels better on mobile as a material design app.<\/p>\n<p>Designers will need to learn the new material design system in order to design apps for 3rd party users. The demand for material design apps will increase as companies want to ride on the latest design language that will allow their sites and apps to run and integrate smoothly in both Android and iOS with the rise in <a title=\"consumer mobile usage\" href=\"http:\/\/ecommerce.instantestore.com\/mobile-ad-spending-is-skyrocketing\/\">consumer mobile usage<\/a>.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.google.com\/design\/spec\/material-design\/introduction.html#\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4220\" src=\"http:\/\/ecommerce.instantestore.com\/wp-content\/uploads\/2015\/05\/Material-Design.jpg\" alt=\"Material Design\" width=\"600\" height=\"399\" \/><\/a><\/p>\n<p>Remember when Microsoft launched Windows 8 and Apple released iOS 7 changing the look of their interface to flat design? So in short, <a title=\"Google Material Design\" href=\"http:\/\/www.google.com\/design\/spec\/material-design\/introduction.html#\" target=\"_blank\" rel=\"noopener noreferrer\">Google&#8217;s Material Design<\/a> may look like the continuation of flat design but based on their design principle, they are actually looking to nature to create designs with meaning instead of incorporating design from man-made objects. They want users to easily identify and connect with not just the design layout but the way it functions in a more natural manner.<\/p>\n<p>Colors are now more bold along with the fonts. You&#8217;ll notice the contrast and the fact that the interface is now more consistent, fluid and responsive when viewed on different devices.<\/p>\n<p>Check out the short intro video on Google Material Design to see what I mean :<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Q8TXgCzxEnw\" width=\"560\" height=\"315\" frameborder=\"0\"><\/iframe><\/p>\n<p><span style=\"border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px\/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c no-repeat scroll 3px 50% \/ 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer;\">Save<\/span><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Related Posts generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Google launched their new design guidelines somewhere middle of last year called Material Design because they wanted to come up with a new look and feel for all their apps. Since Google&#8217;s Android platform is being used in so many different devices and screens such as TVs, watches, mobile, automobiles, etc, they needed a streamlined [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Related Posts generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":7,"featured_media":4214,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[13,1],"tags":[844,856,854,847,852,853,542],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts\/4212"}],"collection":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/comments?post=4212"}],"version-history":[{"count":22,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts\/4212\/revisions"}],"predecessor-version":[{"id":8032,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/posts\/4212\/revisions\/8032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/media\/4214"}],"wp:attachment":[{"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/media?parent=4212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/categories?post=4212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/instantestore.com\/blog\/wp-json\/wp\/v2\/tags?post=4212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}