{"id":5577,"date":"2018-09-10T09:00:37","date_gmt":"2018-09-10T07:00:37","guid":{"rendered":"https:\/\/www.lowi.es\/blog\/?p=5577"},"modified":"2022-05-09T16:08:04","modified_gmt":"2022-05-09T14:08:04","slug":"que-es-material-design-y-por-que-va-a-petarlo","status":"publish","type":"post","link":"https:\/\/www.lowi.es\/blog\/que-es-material-design-y-por-que-va-a-petarlo\/","title":{"rendered":"Qu\u00e9 es Material Design y por qu\u00e9 va a petarlo"},"content":{"rendered":"<p>Durante mucho tiempo, las aplicaciones de iOS para iPhone eran mucho m\u00e1s bonitas y atractivas que las de Android. Pero con Google Material Design, eso ya es historia.<\/p>\n<p>\u00bfQu\u00e9 es el Material Design? \u00bfPor qu\u00e9 se cre\u00f3? \u00bfQu\u00e9 novedades ha habido recientemente? Hoy te lo contamos todo.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79_2 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice de Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #696969;color:#696969\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #696969;color:#696969\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.lowi.es\/blog\/que-es-material-design-y-por-que-va-a-petarlo\/#Que_es_Google_Material_Design\" >Qu\u00e9 es Google Material Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.lowi.es\/blog\/que-es-material-design-y-por-que-va-a-petarlo\/#Por_que_nacio_Material_Design\" >Por qu\u00e9 naci\u00f3 Material Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.lowi.es\/blog\/que-es-material-design-y-por-que-va-a-petarlo\/#La_nueva_version_de_Material_Design_20\" >La nueva versi\u00f3n de Material Design 2.0<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Que_es_Google_Material_Design\"><\/span>Qu\u00e9 es Google Material Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Hablamos de <strong>unas gu\u00edas de dise\u00f1o que Google cre\u00f3 para sus propias aplicaciones<\/strong>. Bas\u00e1ndose en el trabajo de sus mejores creativos, Material Design <strong>sirve para hacer m\u00e1s atractivas e intuitivas las apps<\/strong>, siguiendo patrones de dise\u00f1o bonitos y modernos.<\/p>\n<p>Adem\u00e1s, esa gu\u00eda est\u00e1 a disposici\u00f3n de todos los programadores, para que, sobre todo, las aplicaciones de tu tel\u00e9fono Android sean la envidia del resto.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5578\" src=\"https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-1.png\" alt=\"material design\" width=\"750\" height=\"419\" srcset=\"https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-1.png 750w, https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-1-300x168.png 300w, https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-1-360x200.png 360w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Por_que_nacio_Material_Design\"><\/span>Por qu\u00e9 naci\u00f3 Material Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si llevas alg\u00fan tiempo con Android y recuerdas las primeras aplicaciones y versiones del sistema operativo, tambi\u00e9n recordar\u00e1s lo \u00abfeo\u00bb que era. No hay otra manera de decirlo, ve\u00edas las apps del iPhone y todas segu\u00edan un estilo moderno y atractivo que marcaba la tendencia.<\/p>\n<p>Mientras tanto, en Android, como es m\u00e1s abierto y libre, cada uno dise\u00f1aba como quer\u00eda. As\u00ed, algunas aplicaciones estaban hechas con un muy buen gusto y otras\u2026 Bueno, otras eran para esconderlas en el s\u00f3tano, no vamos a mentir\u2026 Pero, sobre todo,<strong> no hab\u00eda una uniformidad<\/strong>, una identidad que hiciera que reconocieras que algo era de Android y, adem\u00e1s, fuera tan bonito que quisieras presumir ante tus amigos.<\/p>\n<p>Y como el dise\u00f1o es muy importante, y por eso Apple vende m\u00f3viles por el doble de precio que la mayor\u00eda, en 2014 Google present\u00f3 Material Design. Es decir, unas gu\u00edas y normas de dise\u00f1o para Android, pero tambi\u00e9n para otras aplicaciones web o de ordenador.<\/p>\n<p>Adem\u00e1s, empez\u00f3 a aplicar ese dise\u00f1o a sus propias apps: Gmail, Youtube, Google Drive\u2026 As\u00ed que pronto empezaron a ser uniformes y atractivas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5579\" src=\"https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-2.png\" alt=\"material design\" width=\"750\" height=\"453\" srcset=\"https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-2.png 750w, https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/08\/material-design-2-300x181.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Antes, pod\u00edas tener una idea muy buena, pero si no sab\u00edas de dise\u00f1o, creabas apps que eran muy \u00fatiles, pero no demasiado atractivas&#8230;<\/p>\n<p>Ahora, el dise\u00f1o es m\u00e1s f\u00e1cil que nunca para quienes hacen las aplicaciones. Solo tienen que seguir la gu\u00eda de Google Material Design, y coger los elementos gr\u00e1ficos que necesitan. As\u00ed, Google consigue con Android lo que siempre quiso, que fuera tan atractivo visualmente para el usuario como las aplicaciones de iOS.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"La_nueva_version_de_Material_Design_20\"><\/span>La nueva versi\u00f3n de Material Design 2.0<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Material Design ha sacado recientemente su nueva versi\u00f3n 2.0 y, si usas herramientas de Google en la web o en tu tel\u00e9fono, ver\u00e1s que han cambiado su dise\u00f1o, ahora son mucho m\u00e1s molonas.<\/p>\n<p><strong>Colores m\u00e1s oscuros cuando quieren resaltar algo, mucho blanco por todas partes y botones m\u00e1s redondeados<\/strong> son algunas de las se\u00f1as de identidad de Material Design 2.<\/p>\n<p>Con eso las aplicaciones se vuelven m\u00e1s di\u00e1fanas y minimalistas, siguiendo el estilo moderno que predomina ahora, alejado de lo recargado, el relieve y los detalles. \u00a1Todo muy <em>clean<\/em>!<\/p>\n<p>El dise\u00f1o de muchos m\u00f3viles Android hace que ya no tengan nada que envidiar a los iPhone por fuera. Con Material Design, Google quiere que tampoco tengan nada que envidiar por dentro. \u00a1Deseo concedido!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Durante mucho tiempo, las aplicaciones de iOS para iPhone eran mucho m\u00e1s bonitas y atractivas que las de Android. Pero con Google Material Design, eso ya es historia. \u00bfQu\u00e9 es el Material Design? \u00bfPor qu\u00e9 se cre\u00f3? \u00bfQu\u00e9 novedades ha habido recientemente? Hoy te lo contamos todo.<\/p>\n","protected":false},"author":5,"featured_media":10760,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[6],"tags":[217,205],"class_list":["post-5577","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia","tag-apps","tag-novedades"],"jetpack_featured_media_url":"https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg","uagb_featured_image_src":{"full":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",750,400,false],"thumbnail":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1-150x150.jpg",150,150,true],"medium":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1-300x160.jpg",300,160,true],"medium_large":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",750,400,false],"large":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",750,400,false],"1536x1536":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",750,400,false],"2048x2048":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",750,400,false],"authorship-box-avatar":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",150,80,false],"authorship-box-related":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",70,37,false],"small":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",300,160,false],"yarpp-thumbnail":["https:\/\/www.lowi.es\/blog\/wp-content\/uploads\/2018\/09\/MATERIAL-DESIGN-1.jpg",120,64,false]},"uagb_author_info":{"display_name":"Lowi","author_link":"https:\/\/www.lowi.es\/blog\/autor\/blog-lowi\/"},"uagb_comment_info":0,"uagb_excerpt":"Durante mucho tiempo, las aplicaciones de iOS para iPhone eran mucho m\u00e1s bonitas y atractivas que las de Android. Pero con Google Material Design, eso ya es historia. \u00bfQu\u00e9 es el Material Design? \u00bfPor qu\u00e9 se cre\u00f3? \u00bfQu\u00e9 novedades ha habido recientemente? Hoy te lo contamos todo.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/posts\/5577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/comments?post=5577"}],"version-history":[{"count":1,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/posts\/5577\/revisions"}],"predecessor-version":[{"id":5580,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/posts\/5577\/revisions\/5580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/media\/10760"}],"wp:attachment":[{"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/media?parent=5577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/categories?post=5577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lowi.es\/blog\/wp-json\/wp\/v2\/tags?post=5577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}