{"id":7490,"date":"2017-02-27T10:15:52","date_gmt":"2017-02-27T10:15:52","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=7490"},"modified":"2020-05-08T06:42:11","modified_gmt":"2020-05-08T06:42:11","slug":"por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/","title":{"rendered":"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?"},"content":{"rendered":"<p>En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.<\/p>\n<p><!--more--><\/p>\n<p>Si dominas el arte de usar el espacio en blanco en tus proyectos, esto definitivamente llevar\u00e1 la calidad de tus dise\u00f1os al nuevo nivel. Y no nos malinterpretes, no s\u00f3lo el dise\u00f1o minimalista necesita el espacio en blanco. Todo tipo de dise\u00f1o web lo necesita, pero la pregunta es: \u00bfc\u00f3mo utilizarlo adecuadamente?<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3><b>Es hora de se\u00f1alar con el dedo y juzgar a alguien en Internet<\/b><\/h3>\n<p>Para mostrarte lo que es genial y lo que es horrible, vamos a se\u00f1alar al dise\u00f1o malo con el dedo.<\/p>\n<p>Pues, pasamos a los ejemplos. Ellos deben ayudarte a distinguir entre lo correcto y lo incorrecto.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7493\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-2.png\" alt=\"\" width=\"1386\" height=\"1810\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-2.png 1386w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-2-230x300.png 230w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-2-768x1003.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-2-784x1024.png 784w\" sizes=\"(max-width: 1386px) 100vw, 1386px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Como puedes ver en la primera imagen, el espacio en blanco mal utilizado puede afectar \u0444 la legibilidad del texto y da\u00f1ar la experiencia de usuario en general.<\/p>\n<p>Entonces, \u00bfqu\u00e9 es b\u00e1sicamente el espacio en blanco? Es un pegamento metaf\u00f3rico que mantiene los elementos de dise\u00f1o juntos y deje que tus contenidos no parezcan al caos total. Por otro lado, se trata tambi\u00e9n del espacio entre los caracteres legibles y otra tipograf\u00eda.<\/p>\n<p>Ahora echa un vistazo al ejemplo bueno del uso del espacio en blanco.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-4.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7494\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-4.png\" alt=\"\" width=\"1017\" height=\"2500\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-4.png 1017w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-4-122x300.png 122w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-4-768x1888.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-4-417x1024.png 417w\" sizes=\"(max-width: 1017px) 100vw, 1017px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>La raz\u00f3n por la que elegimos The New Yorker consiste en el hecho de que esta revista echa ganas en cuanto al uso del espacio en blanco. Su dise\u00f1o es uno de los m\u00e1s agradables y f\u00e1ciles de percibir.<\/p>\n<p>El espacio en blanco siempre ha sido un tema muy discutible entre los dise\u00f1adores y sus clientes. El problema principal consiste en lo que los clientes creen que el espacio en blanco es el espacio perdido y tratan de llenarlo. Pero no entienden lo principal.<\/p>\n<p>Puedes utilizar todo el espacio de la p\u00e1gina web, pero esto no te ayudar\u00e1 a atraer m\u00e1s clientes, como \u00e9ste no es un secreto del \u00e9xito. De lo contrario...<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3><b>Tipos del espacio en blanco<br \/>\n<\/b><\/h3>\n<p>Te sugerimos dividir el espacio en blanco en dos tama\u00f1os\/tipos: micro y macro.<\/p>\n<div class=\"spacer\"><\/div>\n<h4><b>Espacio en blanco - macro<br \/>\n<\/b><\/h4>\n<div class=\"spacer\"><\/div>\n<p><strong>Macro<\/strong> espacio en blanco es el espacio entre los grandes elementos de dise\u00f1o. Tambi\u00e9n puedes encontrarlo al lado derecho e izquierdo en la mayor\u00eda de los sitios web \"en cuadro\" (boxed) en Internet. Seguimos utilizando The New Yorker como un ejemplo, por lo que vamos a destacar las zonas del espacio en blanco macro en la imagen abajo.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-6-1024x907.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7495\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-6-1024x907.png\" alt=\"\" width=\"1024\" height=\"907\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-6-1024x907.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-6-1024x907-300x266.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-6-1024x907-768x680.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<h4><b>Espacio en blanco - micro<br \/>\n<\/b><\/h4>\n<p>\u00c9ste es el espacio en blanco que vemos entre los elementos peque\u00f1os. Este tipo de espacio se puede encontrar entre <strong>l\u00edneas, p\u00e1rrafos, secciones y elementos del men\u00fa<\/strong>.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-7-1024x907.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7496\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-7-1024x907.png\" alt=\"\" width=\"1024\" height=\"907\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-7-1024x907.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-7-1024x907-300x266.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-7-1024x907-768x680.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>El uso de espacios en blanco marginales en las publicaciones o vistas previas afecta directamente a la legibilidad del texto. Si lo utilizas correctamente, tu cliente no s\u00f3lo estar\u00e1 satisfecho con la sencillez, sino tambi\u00e9n leer\u00e1 los textos con mayor rapidez y sin ning\u00fan problema.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3><strong>\u00bfC\u00f3mo determinar qu\u00e9 tipo de espacio en blanco utilizar?<\/strong><\/h3>\n<p>Hay muchos factores que influyen en la elecci\u00f3n del tipo de espacio en blanco:<\/p>\n<h4><b>Contenido<\/b><\/h4>\n<p>Si te gustar\u00eds presentar una gran cantidad de informaci\u00f3n en tu p\u00e1gina web, la cantidad de espacio en blanco macro no ser\u00e1 grande. Esto significa que tu dise\u00f1o en gran medida depender\u00e1 de las \u00e1reas de espacio en blanco micro.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-8.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7497\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-8.png\" alt=\"\" width=\"821\" height=\"555\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-8.png 821w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-8-300x203.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-8-768x519.png 768w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Lo malo es que tendr\u00e1s que encontrar una soluci\u00f3n c\u00f3mo reducir la cantidad del contenido en tu sitio web y as\u00ed aumentar la cantidad de macro espacio. De lo contrario, tu sitio web parecer\u00e1 a un peri\u00f3dico mal dise\u00f1ado con nada m\u00e1s que texto. No parece a una experiencia de usuario muy buena...<\/p>\n<h4><b>Dise\u00f1o<\/b><\/h4>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-9-1024x377.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7498\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-9-1024x377.png\" alt=\"\" width=\"1024\" height=\"377\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-9-1024x377.png 1024w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-9-1024x377-300x110.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-9-1024x377-768x283.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Hay un problema peque\u00f1o... El dise\u00f1ador suele elegir el estilo de su dise\u00f1o, pero la cantidad del espacio en blanco depende de la interfaz de usuario.<\/p>\n<p>Por lo que puedes optar por uno de los tipos de espacios en blanco, mientras que no afecta a la experiencia de usuario.<\/p>\n<h4><b>P\u00fablico objetivo<br \/>\n<\/b><\/h4>\n<p>Si todav\u00eda no conoces tu usuario, tienes que hacer la investigaci\u00f3n necesaria. A veces puedes determinar la relaci\u00f3n entre el espacio en blanco macro y el espacio micro s\u00f3lo por examinar tu audiencia y comprender sus necesidades.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-10.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7499\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-10.png\" alt=\"\" width=\"650\" height=\"550\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-10.png 650w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-10-300x254.png 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Por ejemplo, si tus usuarios prefieren dispositivos m\u00f3viles, te recomendamos agregar \u00e1reas de espacio en blanco macro.\u00a0 Y tendr\u00e1 que trabajar con el espacio en blanco micro con mayor cuidad en este caso.<\/p>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3><b>\u00bfHay alguna otra manera de dividir el espacio en blanco?<br \/>\n<\/b><\/h3>\n<p>El espacio en blanco tambi\u00e9n puede ser <strong>activo <\/strong>y<strong> pasivo<\/strong>. La diferencia es muy simple y te lo mostramos con la ayuda de unos ejemplos a continuaci\u00f3n.<\/p>\n<p>El <strong>espacio en blanco pasivo<\/strong> incluye tales elementos como m\u00e1rgenes, familia y peso de fuente, altura de l\u00ednea. Todas estas opciones generales de texto pertenecen a los espacios en blanco pasivos.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7500\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-11.png\" alt=\"\" width=\"900\" height=\"538\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-11.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-11-300x179.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-11-768x459.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-11-335x200.png 335w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<p>Por otra parte, el <strong>espacio en blanco activo<\/strong> nos ayuda a destacar alg\u00fan elemento espec\u00edfico en toda la historia y llamar la atenci\u00f3n del usuario a ese elemento. El espacio en blanco activo es el espacio que se utiliza para mejorar la experiencia de lectura y guiar al lector a trav\u00e9s del contenido de la manera m\u00e1s eficiente.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-12.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7501\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-12.png\" alt=\"\" width=\"900\" height=\"538\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-12.png 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-12-300x179.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-12-768x459.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-12-335x200.png 335w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<h3><b>Buenos ejemplos del uso del espacio en blanco<\/b><\/h3>\n<p>Ya que hemos discutido las revistas de noticias al principio de este art\u00edculo, el primero ejemplo ser\u00e1 \u2018<strong><a href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress-tipo-58404.html\" target=\"_blank\" rel=\"noopener noreferrer\">KingNews<\/a><\/strong>\u2019.<\/p>\n<div class=\"spacer\"><\/div>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-13.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7502\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-13.png\" alt=\"\" width=\"963\" height=\"597\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-13.png 963w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-13-300x186.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-13-768x476.png 768w\" sizes=\"(max-width: 963px) 100vw, 963px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress-tipo-58404.html\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Comprar<\/b><\/a><b> | <\/b><a href=\"https:\/\/www.templatemonster.com\/es\/demo\/58404.html\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Demo<\/b><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<p><strong><a href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress\/monstroid2.html\" target=\"_blank\">Monstroid2 - Multipurpose WordPress Theme<\/a><\/strong><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/monstroid2-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7491\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/monstroid2-1.png\" alt=\"\" width=\"962\" height=\"595\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/monstroid2-1.png 962w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/monstroid2-1-300x186.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/monstroid2-1-768x475.png 768w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress\/monstroid2.html\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Comprar<\/b><\/a><b> | <\/b><a href=\"https:\/\/www.templatemonster.com\/es\/demo\/62222.html\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Demo<\/b><\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<p><strong><a href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress-tipo-58090.html\" target=\"_blank\" rel=\"noopener noreferrer\">Tema WordPress para Sitio de Negocio<\/a><\/strong><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-15.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-7503\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-15.png\" alt=\"\" width=\"967\" height=\"596\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-15.png 967w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-15-300x185.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-15-768x473.png 768w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><strong><a href=\"https:\/\/www.templatemonster.com\/es\/temas-wordpress-tipo-58090.html\" target=\"_blank\" rel=\"noopener noreferrer\">Comprar<\/a> | <a href=\"https:\/\/www.templatemonster.com\/es\/demo\/58090.html\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a><\/strong><\/p>\n<div class=\"spacer\"><\/div>\n<p>Fuente: \"<a href=\"https:\/\/monsterspost.com\/white-space-website-design\/\">Why You Need White Space In Your Designs<\/a>\" por Alex Tkachenko<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.<\/p>\n","protected":false},"author":1334762,"featured_media":7492,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?<\/title>\n<meta name=\"description\" content=\"En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?\" \/>\n<meta property=\"og:description\" content=\"En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-27T10:15:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-08T06:42:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?\",\"datePublished\":\"2017-02-27T10:15:52+00:00\",\"dateModified\":\"2020-05-08T06:42:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\"},\"wordCount\":986,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\",\"url\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\",\"name\":\"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2017-02-27T10:15:52+00:00\",\"dateModified\":\"2020-05-08T06:42:11+00:00\",\"description\":\"En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?","description":"En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?","og_description":"En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.","og_url":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2017-02-27T10:15:52+00:00","article_modified_time":"2020-05-08T06:42:11+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2017\/02\/TemplateMonster-WhiteSpace-1.png","type":"image\/png"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?","datePublished":"2017-02-27T10:15:52+00:00","dateModified":"2020-05-08T06:42:11+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/"},"wordCount":986,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/","url":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/","name":"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2017-02-27T10:15:52+00:00","dateModified":"2020-05-08T06:42:11+00:00","description":"En cuanto al dise\u00f1o web, se trata no s\u00f3lo de la organizaci\u00f3n de contenido, sino tambi\u00e9n de la comprensi\u00f3n de c\u00f3mo utilizar correctamente el espacio en blanco.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/por-que-necesitas-utilizar-el-espacio-en-blanco-en-tus-disenos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"\u00bfPor qu\u00e9 necesitas utilizar el espacio en blanco en tus dise\u00f1os?"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/7490"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=7490"}],"version-history":[{"count":4,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/7490\/revisions"}],"predecessor-version":[{"id":23290,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/7490\/revisions\/23290"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/7492"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=7490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=7490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=7490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}