{"id":12153,"date":"2020-06-26T11:36:16","date_gmt":"2020-06-26T09:36:16","guid":{"rendered":"https:\/\/rubrika.es\/marketing-digital\/?p=12153"},"modified":"2020-06-30T09:06:26","modified_gmt":"2020-06-30T07:06:26","slug":"menos-es-mas-en-diseno-web","status":"publish","type":"post","link":"https:\/\/rubrika.es\/marketing-digital\/diseno-web\/menos-es-mas-en-diseno-web\/","title":{"rendered":"Menos es m\u00e1s en dise\u00f1o web"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#e8eaf0;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-1\"><p>Seguro que ha escuchado alguna vez el concepto de \u201cmenos es m\u00e1s\u201d. Esta m\u00e1xima del minimalismo podemos encontrarla en los campos m\u00e1s diversos, no solo en las artes o la arquitectura, tambi\u00e9n existe este concepto para la literatura, el cine e incluso en la vida cotidiana. As\u00ed pues, la pregunta ser\u00eda \u00bfQu\u00e9 implica el minimalismo o la regla del menos es m\u00e1s en dise\u00f1o web?<\/p>\n<p>Sencillez, concreci\u00f3n , eficiencia.<\/p>\n<p>En primera instancia, que minimalismo sea sin\u00f3nimo de simplicidad es una idea que puede llevarnos a enga\u00f1o. Es as\u00ed porque, lo que puede parecernos sencillo, o incluso f\u00e1cil y poco trabajado, es en realidad el resultado de una gran complejidad en el proceso creativo. Este proceso converge en un dise\u00f1o en donde cada elemento est\u00e1 cuidadosamente estudiado y colocado con acierto. En <a href=\"https:\/\/rubrika.es\/diseno-web\/\">el mundo del dise\u00f1o web<\/a>, podr\u00edamos llegar a ello siguiendo estas reglas b\u00e1sicas:<\/p>\n<h4 style=\"font-size: 25px;\"><b>1.No temer al espacio vac\u00edo.<\/b><\/h4>\n<p>Cuando una p\u00e1gina web tiene una cantidad adecuada de espacio vac\u00edo, conseguimos un efecto de calma y relajaci\u00f3n.<br \/>\nLo que podr\u00edamos considerar \u201cespacio desaprovechado\u201d en realidad nos sirve para atraer la atenci\u00f3n del espectador a los puntos espec\u00edficos que queremos resaltar de nuestro dise\u00f1o, y guiarlo por nuestra p\u00e1gina web.<br \/>\nEste concepto se denomina \u201c<b>espacio negativo<\/b>\u201d, el espacio que queda entre los diferentes elementos de una composici\u00f3n.<\/p>\n<\/div><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img width=\"589\" height=\"442\" alt=\"espacio negativa en menos es mas\" title=\"espacio negativo\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/espacio-negativo.jpg\" class=\"img-responsive wp-image-12154\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/espacio-negativo-200x150.jpg 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/espacio-negativo-400x300.jpg 400w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/espacio-negativo.jpg 589w\" sizes=\"(max-width: 800px) 100vw, 589px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-2\"><h4 style=\"font-size: 25px;\">2. La importancia de una buena tipograf\u00eda.<\/h4>\n<p>Dado que nos interesa utilizar la menor cantidad de elementos posibles y aprovechar el efecto del espacio negativo, el texto pasa a tener una importancia fundamental, y sobretodo, en el aspecto que ese texto ofrece al dise\u00f1o global. Seleccionar un grupo de fuentes o estilos con los que poder comunicar nuestro mensaje no solo mediante los conceptos escritos sino tambi\u00e9n usando la propiedad ornamental de algunas tipograf\u00edas es se\u00f1al de un buen dise\u00f1o minimalista.<\/p>\n<\/div><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img width=\"363\" height=\"185\" title=\"tipografia-minimalista\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/tipografia-minimalista.jpg\" class=\"img-responsive wp-image-12155\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/tipografia-minimalista-200x102.jpg 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/tipografia-minimalista.jpg 363w\" sizes=\"(max-width: 800px) 100vw, 363px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-3\"><h4 style=\"font-size: 25px;\">3. Escoger las im\u00e1genes con cuidado.<\/h4>\n<p>Para el ojo inexperto, una p\u00e1gina web puede considerarse \u201cprofesional\u201d simplemente por elegir un material visual adecuado. La diferencia entre parecer que se tiene un acabado profesional y un acabado verdaderamente profesional es sutil y se encuentra en los detalles. Al igual que las tipograf\u00edas, las im\u00e1genes de nuestra web deben seleccionarse con cuidado para poder sacarles el mayor partido posible.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-4\"><h4 style=\"font-size: 25px;\">4. Los contrastes de color.<\/h4>\n<p>Aunque los estilos monocrom\u00e1ticos son habituales en el dise\u00f1o minimalista, no se limitan \u00fanicamente al par blanco\/negro. De hecho, el contraste entre los tonos es tan importante como los colores escogidos en s\u00ed, que, habitualmente, se utilizan en formas planas, casi sin efectos de degradado.<br \/>\nComo todo en este tipo de dise\u00f1o, la paleta se encuentra muy limitada y muy bien escogida.<\/p>\n<\/div><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-3 hover-type-none\"><img width=\"975\" height=\"306\" title=\"contrast\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast.png\" class=\"img-responsive wp-image-12156\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-200x63.png 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-400x126.png 400w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-600x188.png 600w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-800x251.png 800w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast.png 975w\" sizes=\"(max-width: 800px) 100vw, 975px\" \/><\/span><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-5\"><h4 style=\"font-size: 25px;\">5. Estructura consistente.<\/h4>\n<p>Un dise\u00f1o web que aspira a mostrar m\u00e1s con menos no debe de olvidar nunca la regla m\u00e1s importante, su principal funci\u00f3n es mostrar informaci\u00f3n al usuario. El dise\u00f1o debe estar al servicio de la legibilidad y la experiencia de uso y no al rev\u00e9s. Bien utilizado, y gracias al uso del espacio negativo y elementos muy bien escogidos, la navegaci\u00f3n por nuestro sitio web ser\u00e1 agradable, r\u00e1pida y eficiente.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-6\"><h4 style=\"font-size: 25px;\">6. Focaliza tu mensaje.<\/h4>\n<p>Cuando se trabaja con tan pocos elementos en mente, es m\u00e1s sencillo poder centrarse en la parte fundamental del mensaje que queremos transmitir, evitando toda la paja innecesaria y ofrecer conceptos claros y concisos, que sin duda llegar\u00e1n a nuestra audiencia.<\/p>\n<\/div><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-4 hover-type-none\"><img width=\"975\" height=\"306\" title=\"contrast\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast.png\" class=\"img-responsive wp-image-12156\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-200x63.png 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-400x126.png 400w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-600x188.png 600w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast-800x251.png 800w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2020\/06\/contrast.png 975w\" sizes=\"(max-width: 800px) 100vw, 975px\" \/><\/span><\/div><div class=\"fusion-text fusion-text-7\"><p>En este ejemplo ning\u00fan elemento sobra, cada uno de ellos nos ofrece informaci\u00f3n relevante, y nos encamina hacia una navegaci\u00f3n concreta, la experiencia de usuario que queremos. Hacer click en el bot\u00f3n es casi irresistible.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-8\"><h4 style=\"font-size: 25px;\">7. Dise\u00f1o responsive sencillo.<\/h4>\n<p>El dise\u00f1o responsive para dispositivos m\u00f3viles es minimalista por necesidad, as\u00ed que partir de un dise\u00f1o minimalista facilita enormemente la tarea de transcribirlo al entorno responsive sin perder un \u00e1pice de impacto y efectividad. Aunque ojo con ocultar o eliminar elementos en la versi\u00f3n m\u00f3vil de la web. Dejo por aqu\u00ed un art\u00edculo que entra m\u00e1s en profundidad en el dise\u00f1o responsive.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-9\"><h4 style=\"font-size: 25px;\">8. Naturalmente optimizado.<\/h4>\n<p>A menos elementos, menos recursos utilizados y mayor rendimiento con menores tiempos de carga. Adicionalmente, el mantenimiento de nuestro sitio web tambi\u00e9n resultar\u00e1 m\u00e1s econ\u00f3mico y sencillo de realizar.<\/p>\n<p>En definitiva, el dise\u00f1o minimalista y el concepto del \u201cmenos es m\u00e1s\u201d es una tendencia que, en el mundo del dise\u00f1o web, siempre tendr\u00e1 su lugar porque no afecta exclusivamente al aspecto visual de nuestro espacio web. Es una filosof\u00eda multidisciplinar a la que podemos sacar beneficio en todas las etapas del proceso de creaci\u00f3n de nuestra p\u00e1gina web. A fin de cuentas, la eficiencia, la elegancia y la rapidez siempre estar\u00e1n de moda.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":12157,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[166],"tags":[],"_links":{"self":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/12153"}],"collection":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/comments?post=12153"}],"version-history":[{"count":3,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/12153\/revisions"}],"predecessor-version":[{"id":12270,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/12153\/revisions\/12270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/media\/12157"}],"wp:attachment":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/media?parent=12153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/categories?post=12153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/tags?post=12153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}