Los sitios web varían, tanto en imagen como en intención. Lo que funciona para uno no funcionará para otro. Dicho esto, hay algunos elementos de diseño receptivo que se aplican a la mayoría de los sitios, si no a todos, y deberían ser una parte esencial de todos sus herramientas y estrategias de marketing digital. Uno de estos elementos es el buen uso del “espacio en blanco”.
El diseño de sitios web, por supuesto, siempre busca encontrar un punto óptimo entre apariencia y eficacia. Ya sea que sea un bloguero principiante o un desarrollador avanzado que intenta lograr esto, el desafío sigue siendo el mismo.
Sin embargo, el diseño de WordPress en particular es bueno con espacios en blanco. Ver WPTaverna para un gran ejemplo de un sitio que usa bien los espacios en blanco. No tienes que usar un tema de blog para esto. Siéntete libre de experimentar.
Otra gran cosa acerca de WordPress es cuán ampliamente se usa.
Esto da como resultado una preponderancia de usuarios que brindan una gran cantidad de consejos sobre lo que hace que un sitio web sea fácil de entender.
Esa es suficiente información de apertura. Cerremos este párrafo y disfrutemos de un pequeño espacio en blanco para crear una delimitación clara entre esta sección y la siguiente.
¿Qué es el espacio en blanco?
Hasta cierto punto, el espacio en blanco es como suena. Es lo que está en la página donde hay una ausencia de contenido. Sin embargo, no se deje engañar pensando que este espacio tiene que ser blanco. No, puede ser del color que quieras. WordPress ofrece excelentes indicadores de color personalizados con respecto a lo que funcionará mejor en su proyecto, incluido, por supuesto, el tono del espacio en blanco que decida.
Como ejemplo, vale la pena mirar el fabuloso uso de opciones de color en el espacio en blanco en el Museo Nacional de Arte Africano sitio creado con diseño de WordPress. Forman un fondo tranquilo que sirve para complementar maravillosamente las imágenes destacadas.
Entonces, el espacio en blanco es un espacio de cualquier color que, a primera vista, no tiene mucha función.
¿O es eso?
Mire más allá de la cara y aparecerá la función. Al igual que con cualquier aplicación de diseño, el espacio puede ser muy importante en términos de claridad, contraste, contexto y encuadre. A su debido tiempo, veremos estas razones (y otras) para usar espacios en blanco.
Tipos de espacios en blanco
Primero echemos un vistazo a las variedades de espacios en blanco que puede encontrar.
Micro y Macro
El primero es la cantidad relativamente pequeña de espacio en blanco que hace fundamentalmente posible la comprensión. Esto incluye el espacio entre líneas de texto. Sin esto, el sitio claramente no funcionará como una herramienta de comunicación en ningún aspecto, aparte de comunicarle al usuario que no debería estar diseñando sitios web.
Este último se refiere a los espacios más grandes entre los componentes a la vista. Por lo tanto, el espacio que forma los bordes de la página, así como el espacio que da espacio para respirar a las imágenes y fragmentos de texto, desea que se aprecien y entiendan con claridad. Y una comprensión clara es clave para el éxito de su sitio.
Es fácil explorar las formas de optimizar el diseño de WordPress en esta área.
Pasivo y Activo
El espacio en blanco pasivo aparece ya sea que el diseñador lo haya querido o no. Es la presencia automática de espacio que el editor de texto insertará a medida que cree líneas y párrafos.
El espacio en blanco activo es donde el diseñador ha dado deliberadamente más espacio entre los elementos de la página, por las razones que veremos a continuación. Como regla general, cuanto más distintos sean los elementos entre sí, más espacio debe haber entre ellos. Podemos ser criaturas muy rudimentarias y tendemos a trabajar con una mentalidad de «los pájaros del mismo plumaje se mantienen unidos».
Razones para usar espacios en blanco
Ahora echemos un vistazo a por qué se utilizan espacios en blanco en el diseño web.
Claridad
Esto es enormemente importante; Un error muy común que cometen los diseñadores de sitios web es incluir demasiado en una página, lo que desordena y oscurece los mensajes centrales que intenta transmitir. Recuerde que un diseño limpio es un buen diseño.
En el tipo de situación en la que los elementos de diseño sufren de falta de disciplina, es probable que los usuarios se sientan desconcertados y, como resultado, abandonen el sitio prematuramente. Si ofrece una experiencia de usuario deficiente como esta, un alto tasa de salida es lo que puedes esperar.
El desorden excesivo probablemente también afectará la velocidad de carga en primer lugar, y una alta velocidad de carga = altas tasas de abandono.
Afortunadamente, hay muchas maneras de acelerar WordPress.
Contraste
Una imagen o un cuadro de texto puede tener mucho más impacto si lo rodea con un espacio de un color contrastante. Este tipo de combinación de colores brinda espacio de digestión para que el usuario pueda masticar lo que se imparte antes de encontrar el siguiente material.
El contraste a través de espacios en blanco también se puede usar para resaltar un elemento particular del sitio, lo que anima al usuario a tomar una ruta determinada, por ejemplo, haciendo clic en un cuadro de CTA.
Contexto
A veces, necesitará establecer un poco de espacio para evitar la aplicación incorrecta del contexto. Una desafortunada yuxtaposición de un punto serio y una imagen humorística no hará ningún favor.
Enmarcado
Esto es puramente estético. Las imágenes se ven mejor con marcos.
Y un marco es efectivamente un espacio alrededor de la imagen para evitar que otros estímulos se cuelen y se entrometan.
El encuadre suena un poco trivial, pero es enormemente importante. Para cualquiera que busque iniciar una tienda en línea, parte del trato será inevitablemente una colección de imágenes de productos. Intente pegar esas imágenes una contra la otra sin enmarcarlas. Un lío es lo que resulta. El ojo, naturalmente, necesita un marco para poder apreciar correctamente lo que tiene delante. Por cierto, el diseño de WordPress tiene algunas excelentes funciones de inicio disponibles.
Si funciona…
El espacio en blanco ha estado con nosotros durante mucho tiempo. Tiene sus raíces en el enfoque de los calígrafos y artistas de la China de principios del siglo XX. Trabajando con tinta y papel de arroz, estos artesanos encontraron significado no solo en lo que añadían a la hoja, sino también en lo que quedaba vacío. De la misma manera, el silencio en una conversación puede ser más expresivo que cualquier palabra, y un espacio en una página puede transmitir significado si se usa de la manera correcta en el momento adecuado.
Desde este comienzo, el espacio en blanco pasó a caracterizar el modernismo que se volvió globalmente dominante a lo largo del siglo XX. Este genial neoclasicismo continúa resonando hoy y es una abreviatura de elegancia y calidad. Es por eso que tantas marcas lo usan con gran efecto en el diseño de su imagen. WordPress puede entregarlo con creces con sus temas minimalistas.
Temas y Plantillas
Los diseñadores de temas de todo el mundo han contribuido con una miríada de opciones de temas personalizados para los usuarios de WordPress, lo que puede ayudarlo con el uso de los espacios en blanco. Ya sea que desee utilizar un tema de comercio electrónico, un tema limpio, un tema puramente elegante o un tema flexible, vale la pena echar un vistazo a cómo el diseño de WordPress ofrece una amplia variedad de opciones de temas.
los Tema completo de WordPress ofrece una serie de configuraciones, por ejemplo, que puede usar para agregar y personalizar espacios en blanco activos en su sitio. Use opciones para anchos de sitio, espaciado de columnas, filas de pantalla completa y más para agregar espacios en blanco a publicaciones y páginas.
O puedes hacer todo lo posible con Lienzo en blancoque es completamente minimalista y más un tema multipropósito.
Las plantillas también pueden ayudar con la implementación de espacios en blanco. WordPress le da al diseñador algunas hermosas plantillas para usar, ya sea que desee una plantilla de página de destino o algo más genérico.
Obtenga el equilibrio correcto
Lo importante con el espacio en blanco es lograr un equilibrio exitoso. Como se mencionó, no puede arriesgarse a sobrecargar la pantalla y al usuario con demasiado al mismo tiempo. Por otro lado, debe parecer que realmente tiene algo que decir y un servicio que brindar.
La cantidad de espacio en blanco a utilizar puede depender en gran medida del tema del sitio web. Al igual que con todas las herramientas de marketing, lo que está comercializando puede dar forma a la forma en que lo comercializa. ¿Necesita mucho en el camino de la exposición? Si el producto es muy conocido, el usuario no necesitará tanta información contextual.
por ejemplo, el walt disney El sitio, creado con el diseño de WordPress, sigue la ruta de poca información en la página de destino. Tienes el nombre de Disney superpuesto a una imagen dando un gran impacto. Lo que definitivamente no obtienes, y no necesitas, es ninguna información que explique quién es Disney y de qué se trata.
Para una empresa nueva con nuevos productos, habrá otras consideraciones y ideas SaaS para explorar. Es tentador que toda esta información se presente fácilmente en la parte superior de la página.
Sin embargo, es justo decir que, incluso si tiene misas que impartir, debe errar por el lado de menos en lugar de más. Siempre puede remitir a los usuarios a subpáginas con más detalles tan pronto como muestren una inclinación a aprender más. Para ver un ejemplo de esto hecho realmente bien, vea el WooCommerce página de destino.
Los sitios web están en su mejor momento cuando atraen la atención a través de una buena apariencia y luego dirigen esa atención hacia un buen uso al facilitar una comunicación significativa. Como hemos aprendido, la transmisión de información no se basa únicamente en el volumen de contenido. Si da todo a la vez con el fin de obtener datos para el lector, puede resultar en una sobrecarga.
Puede simplificar esto con espacios en blanco. Y el espacio en blanco se puede usar para obtener el mejor efecto con WordPress, ya sea que sea un diseñador experto o alguien que recién se esté iniciando.
El espacio en blanco da espacio, y eso puede ser lo que se necesita para obtener un punto para dar en el blanco. A veces, la parte más elocuente de una conversación puede ser la embarazada…. pausa.