Por qué el Negativo es Positivo en el Diseño Web
Con todos los términos que se nos arrojan durante nuestra educación de diseño (ya sea que nos enseñen a nosotros mismos o institucionalmente), es fácil entender por qué algunas tierras solo miran golpes con apenas penetración en nuestras psiques.
Aquellos que pronto se desvanecerán de nuestro ámbito de comprensión total sin el constante refuerzo y atención que se les dedica. Que es lo que queremos hacer hoy, dedicar un poco de atención a un elemento básico del diseño web, el espacio negativo.
¿Qué es espacio negativo?
Para aquellos que necesitan un recordatorio, tomemos un momento para desglosarlo en lo básico: hay dos tipos de espacio en el diseño, espacio positivo y negativo. El espacio positivo contiene todos los elementos de su sitio, contenido, navegación, imágenes, etc. El espacio negativo (a menudo denominado espacio en blanco) es todo el espacio vacío en el medio, el espacio alrededor del contenido que separa los elementos y ayuda a estructurar y define la forma en que el usuario interactúa con el contenido en el espacio positivo.
Ahora que tenemos eso, sigamos adelante, ¿de acuerdo? También hay dos tipos de espacio negativo, micro y macro. El espacio micro negativo es el espacio entre los elementos más pequeños del diseño. Cosas como el espacio entre párrafos, líneas de tipo individuales, todo el camino hasta el espacio entre letras y palabras. El espacio macro negativo es el espacio entre los elementos centrales más grandes del diseño, como el encabezado y el pie de página.
Yeedor
Amistad Hamburgo
Moving Things Design Company
Espacio micro negativo
Primero, veremos el extremo más pequeño del espectro. Teniendo en cuenta que el tamaño no designa el lado micro para una posición de mínima importancia. Lejos de ahi. Mantener una buena cantidad de espacios en blanco dentro de nuestros bloques de texto puede ayudar a hacer que un sitio sea más legible, más fácil de escanear e incluso puede ayudar a las personas a comprender mejor lo que están leyendo.
Y estamos hablando de Micro, por lo que este enfoque y mantenimiento debe profundizarse. Debemos asegurarnos de que todo el espacio negativo en nuestros bloques de texto sea ajustado. No de una manera abarrotada, pero apretada de una manera estéticamente equilibrada y abierta. ¿Tienes razón? Esto significa abordar el espacio entre los encabezados y los párrafos. Prestando especial atención a las alturas de línea dentro de los párrafos. Asegurarse de que el espacio entre los elementos de línea en las listas no se haya completado. Incluso el espacio entre las palabras y las letras.
Esta no es siempre una tarea fácil. Decidir sobre los márgenes y el relleno para este tipo de ajuste de espacio micro negativo es un arte delicado. Uno que debe elaborarse con cada sitio individual que construimos. Cada sitio tendrá su propio equilibrio para encontrar. Si bien no quieres espacios en blanco demasiado pequeños, tener demasiado afectará a la legibilidad igual de negativamente.
Carretera de información
Digerir
MakeMatter
Espacio macro negativo
Ahora aumentemos nuestro alcance un poco, y nos concentremos en el lado Macro de este espectro. Aunque este lado es el que tendemos a prestar más atención, todavía no le damos más espacio para respirar. A la gente le gusta llenar sus encabezados con todo lo que puede caber, ya que es lo primero que ven los visitantes. En cambio, trate de mantener esta área en unos pocos elementos clave para que los usuarios sepan exactamente dónde están y no se sofoquen tan pronto ingresen al sitio.
Al igual que el encabezado, es una trampa bastante fácil caer en la visualización de los pies de página y las barras laterales de un diseño como algo como un todo de contenido. Un lugar para empujar y disponer de tanta información como sea posible. A diferencia del encabezado, es cierto que uno puede salirse con la suya con más contenido en estas áreas, pero aún se debe tener cuidado para asegurarse de que dejamos amplios espacios en blanco alrededor y dentro de estos elementos también.
Cuanto más dejamos espacio y espacio adecuados, más decididas parecen nuestras inclusiones. Cuando abarrotamos (a menos que se haga estilísticamente, lo cual es fácil de distinguir de lo que estamos hablando aquí), a menudo damos la impresión de que no prestamos suficiente atención a nuestras etapas de planificación. Por supuesto, cuando nos atenemos, seguramente podemos culpar a nuestros clientes, sabiendo que gran parte del desorden se hace a petición suya. Un punto que abordaremos y cubriremos en breve.
Por lo tanto, queremos asegurarnos de que el espacio es abundante alrededor de cada elemento del bloque, alrededor de toda la sección (asegúrese de que su barra lateral no se empuje directamente contra el contenido principal del sitio). Prestando especial atención para garantizar que habrá mucho espacio alrededor de todas las llamadas a la acción. Deje que los CTA se destaquen.
Viva Audio
Bienes
Hacer un Backflip
Por qué el espacio negativo importa
El uso del espacio negativo juega un papel muy importante en la usabilidad. Lo cual hemos señalado todo el tiempo. Los usuarios no solo deben poder leer cómodamente todo el contenido del sitio, sino que también deben poder encontrar fácilmente lo que están buscando. Clutter evita que sea una tarea fácil. Muchas personas, especialmente los clientes, tienden a querer llenar cada pulgada de pantalla con información y luego preguntarse por qué el sitio se ve tan abarrotado y poco atractivo. Y, además, por qué los usuarios parecen tener problemas para navegar en dicho sitio.
Y aquí es donde entran en juego nuestros poderes de persuasión y confianza en nuestras sensibilidades de diseño. Como diseñadores, tenemos que hacerles entender por qué este espacio negativo es tan esencial y por qué es igualmente importante elegir qué contenido incluir en su sitio. Esto no es un desperdicio de su dinero. Tampoco es un desperdicio de espacio en la pantalla. Pero, en cambio, un elemento necesario para hacer que la información importante que ya está en la pantalla se destaque en un entorno limpio y profesional. Tenemos que lograr que lo vean.
Todavía podemos ajustar todo lo necesario dentro del sitio. Solo asegúrate de darle espacio para respirar. Está bien que la gente tenga que desplazarse por el sitio, de hecho es lo que se espera. "Arriba del pliegue" ya no tiene el poder que solía tener. Sin embargo, es importante recordar que el contenido (especialmente el contenido de la página principal) debe elegirse de forma inteligente. Cuantas más opciones se proporcionen en la página inicial, más dificultad tendrá el usuario para elegir dónde ir después sin sentirse abrumado y posiblemente abandonar el sitio por completo.
Ciclos de reparación puros
Nurun
Casi imposible
¿Cómo utilizas el espacio negativo en tus diseños? ¿Es 'negativo' el término correcto para espacios en blanco? Háganos saber sus pensamientos en los comentarios.