El blog de dinahosting
  • Inicio
    • Noticias
  • Productos
    • Novedades
    • Dominios
    • Hosting
      • WordPress
    • Servidores
    • Resellers
    • Afiliados
  • Seguridad
  • Crear tienda online
    • Prestashop
    • WooCommerce
  • Digitalización pymes
  • Marketing
  • Somos DH
    • Eventos
    • Equipo DH
    • Clientes

El blog de dinahosting

  • Inicio
    • Noticias
  • Productos
    • Novedades
    • Dominios
    • Hosting
      • WordPress
    • Servidores
    • Resellers
    • Afiliados
  • Seguridad
  • Crear tienda online
    • Prestashop
    • WooCommerce
  • Digitalización pymes
  • Marketing
  • Somos DH
    • Eventos
    • Equipo DH
    • Clientes
#HalloweenDH

Suscríbete a nuestra newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

Newsletter
Maquetacion web

Beneficios del White Space en diseño web

escrito por Edi Vieito agosto 11, 2020

¿Qué es eso del White Space? En diseño no todo es rellenar y rellenar. El White Space es precisamente lo contrario, una zona vacía. Es muy importante porque permite que tu diseño respire, que no de sensación de agobio y que quede mejor definida la estructura de la página.

En diseño web el White Space o espaciado se define como el espacio vacío alrededor de cada elemento de tu layout.

Ya te hemos hablado de su importancia en nuestro post de consejos básicos para mejorar los botones de tu web. Ahora vamos a profundizar un poco más en la materia, explicándote con ejemplos los 3 grandes beneficios que genera el espaciado en tus diseños.

Índice de contenidos

  • 1 Mejora la UX (User Experience)
  • 2 Favorece la lectura
  • 3 Crea grupos

Mejora la UX (User Experience)

Emplear el White Space entre elementos enfatiza la jerarquía de los mismos y deja más claros los límites de cada uno. Esto facilita la interacción, convirtiendo tu sitio en una web más usable.

Ejemplo de uso del White Space en UX | dinahosting

Piensa por ejemplo en un botón. Sobre todo cuando estamos navegando desde el móvil, es de agradecer que los botones tengan una separación entre ellos, para no hacer clic en uno equivocado. Especialmente imprescindible es en las tiendas online, en las que tener una buena experiencia de usuario es clave para llegar a la conversión.

Favorece la lectura

Este beneficio perdura desde bastante tiempo atrás. Añadir espacio entre títulos y párrafos es algo que viene heredado de la maquetación editorial.

Ejemplo de mejora de la legibilidad a través del espacio negativo o White Space | dinahosting

Diferentes estudios afirman que dar espacio entre las diferentes jerarquías tipográficas (en este caso h1, h2, etc.) facilita la lectura y mejora la estructura visual de nuestra redacción. En otras palabras, nos es más sencillo leer y encontrar lo que buscamos si estamos inmersos en una lectura ligera.

Crea grupos

Existe una ley no escrita, la ley de proximidad, por la que los elementos que tienen poca distancia entre sí pertenecen al mismo grupo. Si utilizamos esta regla en nuestro diseño, podremos crear grupos y organizar nuestra página sin necesidad de utilizar separadores o líneas divisorias.

Creación de grupos a través del espacio negativo o White Space | dinahosting

En definitiva: más usabilidad, mejor lectura y mejor organización. Como ves son tres propiedades que mejorarán y mucho el diseño de tu web.

¿Tu página cumple las reglas de juego del White Space? ¿Se te ocurre alguna ventaja más que el espaciado aporte a tu diseño?

Si aún no estás online pero ya tienes en mente crear tu propia web corporativa, blog, portfolio personal, ecommerce… recuerda que en dinahosting tenemos todos nuestros hostings al 50 %. Por ejemplo, desde solo 2,25 €/mes puedes poner en marcha una web con WordPress o PrestaShop incluidos.

Y ahora haz uso del White Space y demuéstranos que quedarse en blanco no tiene por qué ser malo 😉

diseñodiseño webmaquetación webuiux
0 comentario
0
Facebook Twitter Google + Pinterest

Deja un comentario Cancelar respuesta

Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional

Información básica sobre protección de datos

Responsable
Dinahosting S.L.  [+ info]
Finalidad y legitimación
Tratamos los datos que nos proporcionas con la finalidad de gestionar tu comentario, incluida su publicación en nuestro blog. Al enviarnos tu comentario o sugerencia nos das tu consentimiento explícito para que tratemos tus datos con esta finalidad  [+ info]
Destinatarios
Publicamos los comentarios que nos envías en el blog. Enviar un comentario en nuestro blog implica la publicación en el blog del ‘nombre’ y, en su caso, el ‘avatar’ que utilices al dejar el comentario  [+ info]
Derechos
Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad

En dinahosting

Promotion Image

Dominios

Promotion Image

Hosting SSD NVMe

Promotion Image

VPS

Suscríbete a nuestra newsletter

Promotion Image Newsletter

Newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL. [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter.[+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal.[+info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción.[+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad.

Conviértete en afiliado

Gana dinero recomendando dinahosting a todo el mundo.
Hazte afiliado

¡Síguenos!

Facebook Twitter Instagram Linkedin Youtube
Facebook Twitter Instagram Linkedin Youtube

LLÁMANOS GRATIS

900 854 000


ESCRÍBENOS

soporte@dinahosting.com

En dinahosting

  • Hosting
  • Dominios

Área privada

  • Panel de administración
  • Webmail
  • Feedback
  • Protección de datos
  • Ayuda
  • 900 854 000
  • soporte@dinahosting.com

@2020 - Dinahosting

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL  [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter  [+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal  [+ info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad