Krypton Solid

La última tecnología en raciones de 5 minutos

Cómo hacer que los espacios en blanco funcionen en la Web

Cómo hacer que los espacios en blanco funcionen en la Web

El término espacio en blanco a veces se usa indistintamente con espacio negativo, y el concepto es el mismo. Aunque el término se refiere al espacio «en blanco» en particular, el área en cuestión no tiene que ser blanca en absoluto. Es solo el espacio vacío alrededor de los elementos del diseño de una página web.

Un espacio como este puede tener muchas formas diferentes, como el espacio entre imágenes y gráficos, medianías, márgenes, columnas e incluso líneas de texto. Si bien parece estar hecho de “nada”, solo porque ningún otro elemento de diseño ocupa el espacio, los espacios en blanco no deben tratarse de esa manera. Tratarlo como «nada» puede llevar a perder oportunidades en el diseño de algo verdaderamente estético y atractivo.

El espacio en blanco, bien hecho, puede proporcionar una gran cantidad de beneficios al diseño web. En lugar de reducir el espacio en blanco en el diseño web, vaya contra la corriente y asegúrese de aumentar el espacio en blanco en una página web. Algunas marcas conocidas y populares ya se están moviendo en esta dirección, y es hora de que más diseñadores sigan su ejemplo.

Más espacio en blanco equivale a una marca y un sitio web más lujosos

Por lo general, los clientes quieren que los diseñadores utilicen la mayor cantidad de espacio posible en un sitio web, ya que puede ser costoso pagar los bienes raíces del sitio y existen límites de pantalla en los que se pueden incluir mensajes. Sin embargo, hacer lo contrario (aumentar el espacio en blanco) impulsa al diseñador a crear un mensaje de marca más inteligente en un espacio más restrictivo.

Además, la percepción será que un sitio web con más espacios en blanco es aquel cuyo contenido es más vital que su espacio en pantalla. Como resultado, una marca parece más lujosa porque parece capaz de sacrificar más espacio en la pantalla para enfocarse en sus mensajes de contenido.

CONTENIDO RELACIONADO  ArenaNet crea la API de Guild Wars 2 para que los jugadores construyan sus propias herramientas

Las marcas de lujo no han dejado de comprender este fenómeno y utilizan regularmente más espacios en blanco para lograr este efecto preciso. Granero de cerámica es un conocido minorista de muebles para el hogar más exclusivos, y el uso inteligente de los espacios en blanco en su sitio web lo refleja a la perfección. El espacio en blanco domina en la página de inicio, y muchos de ellos existen en los lados de la página para dirigir mejor la atención de los visitantes del sitio a sus ofertas y promociones en el medio de la página. Incluso el nombre de la marca presenta un generoso espacio en blanco entre los caracteres en la parte superior de la página.

pottery_barn

Espacio en blanco para promover búsquedas fluidas

Una demostración simple, aunque ideal, de la simplicidad efectiva del espacio en blanco se puede ver en dos motores de búsqueda principales: Google y Búsqueda de Yahoo.

Google entiende precisamente que los usuarios que buscan un tema de búsqueda determinado no quieren distraerse con fondos y anuncios ruidosos. Por lo tanto, el espacio en blanco domina toda la página del motor de búsqueda de Google, y la búsqueda real solo ocupa una pequeña franja de espacio en el medio de la página. De manera similar, Yahoo Search también incorpora este uso inteligente de los espacios en blanco. Si bien la página web tiene una barra de menú bastante larga en la parte superior, la idea es la misma: mucho espacio en blanco para que el usuario pueda concentrarse en la búsqueda y nada más que la búsqueda.

La legibilidad y la legibilidad reciben un impulso muy merecido

La legibilidad y la legibilidad en cualquier sitio web se refuerzan cuando los espacios en blanco se utilizan de forma inteligente. Si el texto de una página se aprieta excesivamente, se interpondrá en el camino de una experiencia de lectura cómoda, lo que obstaculizará la experiencia general del usuario. Más espacio en blanco mejora la experiencia de lectura al hacer que el texto sea más fácil de escanear, lo que también aumenta la comprensión.

CONTENIDO RELACIONADO  Android se convertirá en el segundo sistema operativo para teléfonos inteligentes más grande del mundo

El sitio de una persona que tiene un control sobre este principio es Highwayman de la información, que es el sitio de D Bnonn Tennant, redactor y comercializador. Como alguien que se jacta de saber lo que el excelente contenido web puede hacer por cualquier pequeña empresa, es reconfortante ver que Tennant practica lo que predica en su propio sitio. El espacio entre los caracteres en la copia del título, el texto y la barra de menú es propicio para garantizar la legibilidad y la legibilidad.

information_highwayman

El espacio en blanco también se puede utilizar entre diferentes secciones de contenido, no solo para mejorar la experiencia de lectura, sino para dividir varias partes del contenido para facilitar la absorción de la información. Andrew Lucas‘sitio lo demuestra muy bien. Es un diseñador web de Londres y utiliza los espacios en blanco de forma eficaz en su página de inicio.

andrew_lucas

Hace que los colores sean más vívidos

Quizás el beneficio más directo, aunque más simple, del espacio en blanco es que hace que otros colores en un sitio web se destaquen hasta el punto de que sean más brillantes que nunca. Esto es muy útil para captar la atención del visitante del sitio, ya que la profundidad, la riqueza e incluso la intensidad de los colores se enfatizan más que nunca.

El diseñador web detrás de Yo soy dan El sitio web lo entiende tan bien que personifica este concepto en su página de inicio con su escaso uso del color. Gran parte de su sitio web es solo un espacio en blanco roto por el raro toque de rojo. Debido a esta táctica, los colores rojos que destacan los enlaces a su portafolio e invitan a los visitantes del sitio a navegar por su sitio se destacan de manera efectiva, aumentando así las posibilidades de que los visitantes completen la llamada a la acción.

i_am_dan

Zurb es una empresa de diseño web que también demuestra cómo los espacios en blanco pueden hacer que los colores se destaquen. Su página de inicio se caracteriza por un color sólido en la parte superior de la página de inicio e íconos de colores para diferentes páginas web (justo en el pliegue). Aparte de este uso mínimo del color, todo el diseño de la página de inicio presenta espacios en blanco.

zurb

Los colores simples como el verde, el naranja y el rojo tendrán el efecto de crear una apariencia agradable y bien enfocada. Los dos sitios mencionados anteriormente adoptan un enfoque minimalista del color porque hay mucho espacio en blanco. Como resultado, los colores se utilizan con mucho criterio, lo que hace que los usuarios los aprecien aún más.

CONTENIDO RELACIONADO  20 millones de estadounidenses en 2005 compraron algo en línea por menos de $ 2

El espacio en blanco no es espacio desperdiciado

Los diseñadores web tienen que alejarse cada vez más de la creencia errónea de que tienen que meter todos los elementos y colores posibles en la pantalla al diseñar un sitio. Como se ilustra en los ejemplos anteriores, el espacio en blanco puede tener un impacto poderoso cuando se usa de tal manera que resalta el contenido de una marca, aumenta la legibilidad y la legibilidad y hace que los colores minimalistas se destaquen.

La frase «menos es más» se aplica realmente a todo el concepto de espacio en blanco, sin importar cómo se mire. En un sentido más amplio, esta versión del minimalismo en el diseño web también se ha vuelto popular últimamente, y ciertamente es una tendencia que continuará.

Deja un comentario

También te puede interesar...

Insurgencia llega a Unreal Engine 4

El tirador táctico Insurgency está recibiendo una expansión, un puerto, una nueva versión o alguna combinación de esas opciones. Insurgency: Sandstorm, a partir de 2017, traerá el juego en equipo y el control territorial del

Cómo el sistema de Bretton Woods cambió el mundo

Las aproximadamente tres décadas que coincidieron con los arreglos monetarios del sistema de Bretton Woods a menudo se consideran un período de relativa estabilidad, orden y disciplina. Sin embargo, dado que pasaron casi 15 años

Construyendo 3D en el navegador con Three.Js

Construyendo 3D en el navegador con Three.Js Tenemos capacidades en nuestros navegadores con las que no hubiéramos soñado hace 5 o 10 años. Se pueden ejecutar mundos de juegos en 3D completos en el navegador

Un comienzo sólido para este ETF multifactorial

El espacio de los fondos cotizados en bolsa (ETF) busca constantemente nuevas fronteras de crecimiento. En los últimos años, la versión beta inteligente ha experimentado un crecimiento excepcional. En el espacio de la beta inteligente,

¿ODF carece de suficientes detalles?

I Me perdí esta publicación de blog por Mary Jo Foley sobre los debates sobre la ratificación ISO de OOXML. Sin embargo, a diferencia de los periódicos impresos, que se desechan poco después del día

Burocracia canina implementando WiMax en Asia

La asignación de espectro y otros problemas regulatorios continúan provocando la adopción de WiMax en Asia, según observadores de la industria. Un analista de Malasia advierte que tales incertidumbres también podrían socavar la confianza de

Definición de reaganómica

¿Qué es Reaganomics? Reaganomics es un término popular para las políticas económicas de Ronald Reagan, el 40º presidente de los Estados Unidos (1981-1989). Sus políticas han pedido recortes de impuestos a gran escala, menor gasto