50 diseños cautivadores que aprovechan al máximo el espacio negativo

48-Espacio-Negativo

Menos es más, ¿cierto?

Probablemente podrías estar y no estar de acuerdo, dependiendo de a qué pertenezca la situación. Si estás hablando del queso en tu pizza contra el interés en tu tarjeta de crédito, la respuesta es obvia (a menos que seas intolerante a la lactosa, en cuyo caso sería una situación en la que perderías por ambos lados).

Pero respecto al diseño, ¿en verdad menos es más? ¿Qué hay de las elaboradas, intrincadas y hermosamente diseñadas obras? ¿Su valor es menor al de sus contrapartes minimalistas y modernas? La respuesta no se encuentra en la apariencia o en el estilo de la obra, sino en su efectividad.

En algunos casos, menos de hecho es más, y en otros – no tanto. Aunque en los ejemplos que se muestran debajo menos absolutamente es más. Los siguientes diseños usan el espacio negativo para su beneficio y los resultados son increíblemente hermosos.

01. Sé literal

Behance/Maurizio Pagnozzi

Este diseño usó el número uno para crear una letra en la palabra uno. Podrían simplemente haber usado la palabra uno o solo el número, pero la combinación de ambos le da un giro único. La ‘N’ no es sumamente aparente al principio, pero una vez que te das cuenta que está ahí, hace que todo se vea estupendo.

02. Enmarca una imagen

Behance/Tang Yau Hoong

Esta ilustración enmarca el punto focal dentro de una plumilla. La imagen en sí muestra a un hombre escribiendo debajo de una lámpara, pero cuando observas más de cerca ves la manera en que se componen las sombras para crear la punta de la pluma, uniendo todo.

03. Recorta cosas

Behance/Makrina Oikonomidou

En lugar de mostrar solo el premio (bocadillo), solo el perro, o un perro y el premio, este diseño los muestra a ambos sin realmente mostrarlos. El recorte en el hueso representa la boca del perro, y el pequeño punto representa la nariz. Es divertido y alegre, y es mucho más efectivo que haber mostrado la figura completa del perro.

04. Combina elementos

Behance/Tang Yau Hoong

Esta imagen combina múltiples elementos dentro de la composición, y todo fluye de una cosa a la siguiente. La nube de murciélagos en el cielo se convierte en un brazo, y los dedos pegados a la mano crean la silueta de una casa.

05. Crea contraste

Behance/Tang Yau Hoong

Crear contraste entre el tema es un enfoque interesante independientemente de lo que estés diseñando. En este gráfico, los rascacielos se crean en el espacio negativo entre los árboles de un bosque. Obtienes el contraste de la ciudad con la naturaleza, pero también puedes ver cómo ambas trabajan juntas en armonía.

06. Usa formas

Behance/Nicolas Baillargeon

Esta marca de cerveza usa formas para dictar el flujo de la palabrería en sus botellas. El color sobresale frente al texto, pero no le resta valor a la tipografía única. Trabajan en conjunto y le dan a cada botella su propia personalidad única.

07. Usa tu producto

Behance/Nicolas Baillargeon

Sí, es la misma cerveza de la imagen anterior, pero comparte algo importante en su logo. En vez de tener una ‘A’ estándar en mayúscula y negrita como logo, utilizaron la forma del producto en el espacio negativo. Sí, es sutil, pero eso lo vuelve más único.

08. Sé sutil

Behance/David Massara

Utilizar tu espacio negativo no tiene que ser evidente y aparente para todos. Este logo usa una cantidad mínima de espacio negativo y es extremadamente efectivo. Solo un fragmento de las letras es invisible, y la sección que ha desaparecido representa el agua de la cultura nórdica, dándole un propósito.

09. Juega con las mentes de las personas

Behance/Avinash Jai Singh

Las ilusiones ópticas son una manera estupenda de usar el espacio negativo. Este póster contrasta un helado con un cielo estrellado, aún así cuando lo miras de nuevo puedes ver el contorno de dos rostros. En vez de solo mostrar dos rostros reales, estos se vuelven secundarios y transmiten más como un elemento de diseño.

10. Incorpora la cultura

Behance/Louai Alasfahani

Este logo incorpora palmeras contrastadas con un cálido fondo dorado. Habla de la cultura, y el hecho de que las palmeras se encuentran dentro de la botella lo hace más estilizado y elegante.

11. Deja que respire

Behance/Ahmad Tarek

Sea cual sea tu punto focal, dale algo de espacio. Este póster tiene un figura justo en el centro, con mucho espacio vacío negro a su alrededor. Te enfocas en la figura y ves su importancia, y los brazos que surgen del fondo negro alrededor de la figura son un toque agradable y sutil.

12. Usa capas

Behance/Sedki Alimam

Esta ilustración es doble. A primera vista, ves una calavera, pero cuando examinas la imagen más de cerca, ves la maquinaría y las nubes de humo en el interior. Ambos mensajes se apoyan entre sí, poniendo la revolución industrial junto a la muerte, representando el daño que le ha hecho al ambiente al igual que las vidas perdidas en las primeras etapas de la revolución industrial.

13. Cambia el enfoque

Behance/Bittersuite/Tessa Kleingeld/Jade Eccles

Este póster usa la silueta de un pingüino para crear capas de un patrón. En las hileras superiores los pingüinos se están viendo de frente, y conforme te desplazas hacia abajo, se dan la espalda y se hunden hacia el fondo de la página. Los números se reducen mientras avanzas hacia abajo, representando la peligrosa realidad de su población en decadencia.

14. Ten un personaje

Behance/Tilius Superoid

Este logo para Boom! Burger usa su producto como mascota. Todos sabemos que las vacas tienen manchas, y usualmente en blanco y negro. Ellos jugaron con este hecho con la letra, colocándola dentro de la vaca. Si miras más de cerca, puedes ver que incluso la cola actúa como el signo de exclamación.

15. Usa realmente el espacio negativo

Behance/Isis Marques

Este póster para un concierto de piano usa físicamente el espacio negativo como elemento de diseño. Los recortes intrincados le dan un toque de prestigio al póster, y el hecho de que los recortes sean físicos le permiten al entorno en el que se encuentra el póster trabajar con la composición.

16. Ve más allá de los límites

Behance/Kaitlin Kobs

Este manual para GTRC usa espacio negativo en formas muy creativas. Si no estás familiarizado sobre quién es la compañía, es difícil descifrar las letras de inmediato. Las formas (y la falta de ellas) trabajan en conjunto para crear una forma de letra abstracta.

17. Haz que funcione

Behance/Guillaume Morellec

Esta ilustración obliga a que el concepto trabaje, y en una manera brillante. Un pino no tiene enormes e irregulares bordes como los dientes de un lobo, y los dientes del lobo no tienen el grosor de una aguja de pino. Sin embargo, este trabajo encuentra el equilibrio perfecto entre ambos, y tus ojos pueden cambiar la atención entre la silueta del árbol y la figura del lobo.

18. Ponlo de cabeza

Behance/Dutch Uncle

Este póster tiene una doble función. En un extremo, muestra un mensaje, y en el otro, algo totalmente diferente. Los gráficos se hacen con las mismas formas, pero cuando los observas con una perspectiva diferente, cambian completamente su forma.

19. Usa metáforas

Behance/Kevin Blackburn

Este póster de cáncer de seno usa la metáfora de una pieza de rompecabezas para representar la cura faltante. Esta pieza también se convierte en una persona, y la colocación del espacio negativo es representativa de lo que podría ayudar la cura.

20. No le temas a la estilización

Behance/Raven Gill

Otro ejemplo en un póster de concierto de piano, pero con un enfoque diferente. Las teclas de un piano se estilizan dentro de la partitura, y la suavidad de las curvas respalda el diseño mucho más de lo que lo hubiesen hecho rectángulos definidos. Parece estar fluyendo y elegante, representando el sonido que escucharías en el concierto.

21. Sé ilustrativo

Behance/Craig Bourne

Usa el espacio negativo en tu ilustración para agregar detalles. Esta portada de libro usa espacio negativo en el color de la portada del libro para crear la figura, los árboles y las nubes. Se funde en el fondo, y agrega un giro interesante a la ilustración.

22. Incorpora tu profesión

Behance/Patryk “Biały” Białas

Este logo para un entrenador profesional incorpora su silueta en la forma de la letra. Todavía se lee como una ‘A’, pero la figura que separa la ‘A’ hace que la parte inferior también se lea como una ‘M’, conectando su nombre y apellido.

23. Recorta fotos

Behance/Bryan Davila

Este catálogo de Target recorta sus fotos para que se relacionen a la forma de su logo. Proporciona un efecto más interesante que si hubiesen colocado fotos cuadradas y rectangulares en la página, y esto va de la mano con su marca.

24. Úsalo mínimamente

Behance/Aaron von Freter

Este póster usa el espacio negativo en una manera muy minimalista. El color del fondo se desvanece en las olas y agrega los detalles en la ilustración. En vez de usar otro tono de azul y complicar la composición, el color crema actúa como el separador y funciona muy bien.

25. Ponte creativo con tus recortes

Behance/Alexander Johnson

Esta portada de libro para la famosa obra Mooby Dick usa la historia para su beneficio. El libro trata de una ballena, por lo que la cola de la ballena tiene la letra ‘M’ tallada en ella. Es lo suficientemente sutil como forma de letra a primera vista, pero una vez que ves la cola, no puedes dejar de verla.

26. Muestra tu mensaje

Behance/Avinash Jai Singh

Este póster para MTV habla de tener tu propia voz, hacer preguntas, y expresar tus opiniones. Los altavoces por sí solos hubiesen transmitido ese mensaje, pero la inclusión de perfiles de gente hablando realmente acentúa el punto de una manera inesperada.

27. Cuenta una historia

Behance/morgan delk

Este póster es un homenaje para los compradores de casas primerizos. Ves el juego de llaves que recibirías, pero en el espacio entre los dientes de ambas llaves, puedes ver casas. Debido a esto sabes que las llaves son para casas, y esto se logra sutilmente justo de la manera correcta.

28. Usa las formas de las letras

Behance/Thu Doan

Este folleto para un zoológico usa la letra ‘Z’ para albergar imágenes de sus animales. En lugar de tener fotos estándares en cuadrados o rectángulos, estas fueron recortadas para caber dentro de la letra, agregando dimensión al folleto.

29. Sé abstracto

Behance/purple leaves/Andrea Minini/Steve Simpson

Este póster para PETA usa listones como las siluetas de los animales para crear una composición muy interesante. A primera vista, puede que solo veas el gato, el gorila y el perro. Pero cuando observas detenidamente entre los listones grises, puedes ver el contorno de un ave, un conejo y otro perro en el espacio blanco. Conectaron una variedad de animales mientras solo muestran unos cuantos.

30. Incorpora otros elementos

Dribbble/Ramotion

El logo para Code Book incorpora algunos elementos de codificación (los corchetes) y los utiliza para crear letras. La ‘B’ se crea en el espacio negativo, y la ‘C’ puede verse tanto en el primer como en el segundo corchete.

31. Aliviánate

Behance/Charlie Davis

Esta portada de libro está ilustrada muy libremente, y funciona bien. La mayor parte del fondo son solo tonos de naranja, y la tipografía sobresale muy bien. En lugar de usar dos ‘L’s en ‘willow’, se usan dos remos, conectándose con el tema del agua.

32. No lo compliques

Behance/Tamás Csility

Esta etiqueta de botella de vino realmente deja que el vino hable. Es pequeña y está cortada para imitar las colinas donde se cultivaron las uvas. La botella actúa como un elemento de diseño, contrastando la etiqueta y dejando que resalte con el fondo.

33. Sé gráfico

Creative Bloq/Olly Moss

Este póster es muy gráfico. Puedes ver el contorno del Reino Unido en una vista aérea, y dentro se encuentra el monstruo de la película. Como un todo, es solo una imagen, pero cuando miras más de cerca, es mucho más.

34. Elige un lado

Creative Bloq/Simon C. Page

Similar al póster anterior, este enfrenta a Batman con el Pingüino. El contorno del perfil de Batman crea el perfil del Pingüino, y viceversa. No puedes tener uno sin el otro, y ambos crean una pieza completa.

35. Trabaja con el fondo

Behance/Sharon Milne

Esta ilustración de un gato usa el color de fondo para su beneficio. El negro se funde con el negro del gato, y permite que el blanco y el naranja resalten de verdad.

36. Haz que funcione

Creative Bloq/Glad

Si bien el espacio natural entre las piernas de un elefante que está caminando no crea la forma de África, esto no parece fuera de lugar en este diseño. Sí, sabes perfectamente que un elefante no tiene esa forma, pero funciona, y relaciona al animal con su tierra natal.

37. Usa textura

Behance/Dan Elijah Fajardo

Esta imagen de una cebra está llena de textura. Las ramas que forman sus rayas, las hojas que brotan de las ramas, y el contraste con el cielo. Los bordes ásperos de la parte superior de la cabeza de la cebra parece pelo y contrasta muy bien con la suave parte inferior.

38. Usa menos de lo que piensas

Behance/Omar Bustamante

Este póster de Wolf of Wall Street usa tan pocas imágenes que es casi indescifrable. Los dos puntos agudos crean la solapa de la chaqueta del traje, y la figura de su interior forma el contorno de una corbata. Es increíblemente simple y minimalista, aún así funciona de manera increíblemente efectiva.

39. Refleja formas

Behance/Samantha Keck

Este gráfico de un gato imita la forma de su cola en la serpiente que se enrolla, y viceversa con la cola replicando el extremo de la cola de una serpiente. Ambos trabajan en conjunto, ninguno le resta valor al otro, y ayudan a enfatizar el punto.

40. No uses una etiqueta sólida

Behance/Judii Tran

Esta botella de whisky usa su etiqueta en una manera muy efectiva. El nombre, Seven Seas, se correlaciona con el océano. El dicho tradicional de ‘la x marca el sitio’ usado en las costumbres del océano honra la parte delantera de la botella. En vez de tener una etiqueta sólida con una gran ‘x’ negra, eligieron recortar la etiqueta y revelar la calavera que yace debajo (relacionándose aún más con el océano y las historias de piratas).

41. Llena tu texto

Behance/Nick Arce

Este gráfico llena el texto con parte de la imagen en el fondo. En vez de usar un color sólido y perder un elemento valioso, la textura se aplica dentro de los confines de las letras, uniendo todo.

42. Deja espacio

Behance/evie allum

Este póster tiene mucho espacio negativo en la parte superior, lo que ayuda a equilibrar el abarrotado fondo. El texto es pequeño y tiene buena relación con las barras gráficas, permitiendo que ambos trabajen en conjunto y sin que se resten valor entre sí.

43. Ten algo que decir

Behance/Bao-Hanh Do

Este gráfico tiene una burbuja de diálogo dentro del espacio vacío de la esposa. Puede tener muchos mensajes dependiendo del espectador, y el ligero movimiento de la cola de la burbuja realmente cambia el tono de lo que pudiese haber sido.

44. Crea algo de la nada

boredpanda/vasvari

Esta ilustración de letra crea un gato a partir de las letras. Todo lo que puedes ver son los ojos, que son las letras ‘c’, y tu cerebro llena el resto. El gato literalmente surge de un espacio negro de nada.

45. Usa cada oportunidad

Behance/Thayane Victoriano

Esta ilustración de una taza de café aprovechó la oportunidad de mostrar una imagen secundaria en el vapor. El perfil del rostro y la cabeza de una mujer pueden verse en el vapor, y le da a la pieza una sensación mucho más femenina y sensual.

46. Usa elementos contrastantes

Behance/Maie M. Etman

Este póster usa el contraste de un par de pulmones y árboles. Los pulmones y los árboles por lo regular no van de la mano, pero al usarlos para promover la respiración natural hace que sean como el pan y la mantequilla. Sus formas naturales también combinan muy bien en una manera inesperada.

47. Introduce algo sigilosamente

Behance/Doug Hucker

Este patrón de cerdos introduce sigilosamente rosas entre ellos. Proporciona un buen contraste con el tema, y hace que el patrón sea bonito y hermoso.

48. Juega con los cuadros de texto

Behance/Frank Kalala

Este artículo de revista se divierte un poco con sus cuadros de texto. No solo los colocaron en lugares poco ortodoxos de la página, sino que también le dieron a uno la forma de una ‘t’ para trabajar con el texto en inglés ‘-shirt’. La colocación de los cuadros deja mucho espacio en blanco en la página, y hace que se vea limpia y moderna.

49. Crea confusión

Behance/Gregory Klarfeld

Este póster te hace ir de un lado a otro, decidiendo si se trata o no de una persona sacudiendo sus brazos o una llave inglesa que proviene del texto. Tus ojos se mueven fácilmente entre ambas cosas, y las formas trabajan bien entre sí de manera que no generan distracción una de la otra.

50. No uses muchos detalles

Enpundit/Noma Bar

Este póster de Spock no usa muchos detalles, aún así sabes exactamente de qué figura se trata. El uso del popular símbolo de la mano como el ojo garantiza que sepas exactamente de quién se trata, y es una manera ingeniosa de atraer a los fanáticos.

Después de ver todos estos ejemplos de diseño que usan espacio negativo, es justo decir que puedes hacer mucho con poco. El espacio negativo interactúa con el cerebro en una manera que los diseños regulares no pueden, permitiéndote descifrar qué es lo que está y no está ahí. Una imagen o logo diseñados de forma negativa realmente se alejan de la rutina, la cual puede ser un diseño regular y predecible.

La mejor herramienta para crear diseños increíbles