Diseño en blanco y negro: 10 ejemplos sorprendentes (+ consejos)
Un esquema de diseño en blanco y negro puede ser una de las combinaciones más llamativas para un proyecto. El profundo contraste y la naturaleza simplista de estos colores (o la falta de ellos) brinda muchas oportunidades para explorar otras técnicas para aprovechar al máximo su diseño.
Los diseños en blanco y negro siempre han sido bastante populares, y recientemente se han pasado a estilos más minimalistas con un fondo mayoritariamente blanco y elementos negros. Pero como verá en esta colección de increíbles proyectos de diseño en blanco y negro, hay muchas otras opciones para explorar.
1. Foto en blanco y negro
Los mejores usos de este estilo de fotografía suceden con un fotógrafo involucrado en un proyecto desde el principio.
La fotografía en blanco y negro puede ser una excelente manera de crear un diseño sin color con mucho impacto visual. Hay algo en una imagen en blanco y negro que te hace detenerte y mirar. (Tal vez porque no son muy comunes).
Imagista utiliza una hermosa colección de imágenes en blanco y negro, así como fotos que se desplazan, para el diseño del sitio web principal. Incluso el anuncio emergente en la página de inicio presenta la misma estética en blanco y negro. Incluso sin color, solo desea mirar las imágenes y comprender exactamente lo que el diseño intenta comunicar.
Debe planificar cuidadosamente el uso de la fotografía en blanco y negro; no se trata solo de usar un filtro de fotos. Los mejores usos de este estilo de fotografía suceden con un fotógrafo involucrado en un proyecto desde el principio.
2. Blanco y negro encima del pergamino
No todos los modelos son en blanco y negro. no más en blanco y negro. Muchos cuentan con un patrón de elementos en blanco y negro frente a elementos de color.
North Street Creative hace esto bien con un encabezado y pie de página en blanco y negro y toques de color en el medio. Esto crea una idea de qué es branding de agencia (blanco y negro) y qué es trabajo de proyecto (en color).
Esta técnica es una forma eficaz de crear una separación entre elementos y mensajes a lo largo de un diseño. Ayuda a los usuarios a comprender dónde se encuentran en el contenido y cómo los elementos están o no relacionados entre sí.
3. Negro intenso
Un diseño en blanco y negro no tiene por qué ser negro. Los diseñadores que trabajan en impresión pueden estar acostumbrados a trabajar con un negro K (o puro) para garantizar una mejor calidad final. Esta limitación no existe en línea.
Elija un negro intenso para crear combinaciones frías o cálidas y proporcione una paleta de blanco y negro más atractiva.
Black M hace esto con su sitio web. El fondo y la imagen usan un negro intenso con muchos matices azulados y un blanco más cremoso. Esta versión moderna del verdadero blanco y negro es un poco más llamativa visualmente y es exactamente lo que puede distinguir un diseño en blanco y negro de cualquier otro diseño que use este esquema de color.
4. Mayormente blanco
Las paletas en blanco y negro pueden comunicar cosas muy diferentes.
Al diseñar en blanco y negro, aplica los mismos principios que con cualquier otra paleta de colores y elige una de las opciones para que sea el color dominante. También puede considerarlo como opciones de fondo, texto y color para los elementos.
Pero los mejores esquemas de color en blanco y negro podrían ser en realidad negros. o blanco.
El sitio de la Colección Kalpa es agradable porque el blanco es más una opción «brillante» y no un blanco puro. Esto puede ser mucho más agradable a la vista, especialmente con la retroiluminación de las pantallas y los dispositivos, lo que hace que el diseño, en su mayoría blanco, sea bastante fácil de leer. El fondo y la imagen principal son sutilmente diferentes pero casi se desvanecen entre sí. El texto está en fuerte contraste.
5. Mayormente negro
Por otro lado, puede usar principalmente negro con el diseño y usar acentos y texto en blanco para enfatizar.
Lo primero que puede notar al mirar estos ejemplos uno tras otro es cuán diferentes se «sienten». Las paletas en blanco y negro pueden comunicar cosas muy diferentes. Es importante asegurarse de crear la conexión emocional deseada con los usuarios en relación con la paleta de colores.
Dubois es lindo porque el fondo negro liso está iluminado con lunares y una tipografía agradable con mucho espacio alrededor.
6. Sin color secundario
Si bien la mayoría de los diseños en blanco y negro incluyen algunos de los colores, puede hacer un proyecto sin un acento terciario.
Printworks es puro blanco y negro. El único elemento con alguna variación de color es la imagen en blanco y negro en el medio de la pantalla. El resultado es absolutamente impresionante.
7. Toque de color acentuado
Demasiado acento de color en un diseño en blanco y negro puede diluir el significado del acento.
Un toque de color en un diseño en blanco y negro es justo lo que necesita para llamar la atención sobre un detalle o elemento en particular en el diseño. Esta técnica es popular en muchos proyectos de diseño incoloro.
El desafío es encontrar el color de acento correcto y usarlo de manera nítida para que realmente signifique algo. Demasiado acento de color en un diseño en blanco y negro puede diluir el significado del acento, haciéndolo menos importante.
El sitio de demostración para un proyecto de Wolf Themes utiliza una paleta de colores distinta en blanco y negro con un toque de rojo. Este color atrae a los usuarios primero a esa parte de la imagen y luego directamente a través de la pantalla, horizontalmente, a los mensajes. El color de acento es un punto de entrada visual al diseño.
8. Sin arte
Una plantilla de diseño en blanco y negro puede ser la solución cuando no tiene ilustraciones con las que trabajar. Un par de colores llamativos (y un acento) pueden crear un punto focal incluso sin arte real.
Violet hace un buen trabajo con un patrón de diseño simple con un botón de un solo color para la llamada a la acción. El diseño crea profundidad mediante el uso de múltiples tonos de negro en forma angular para separar los elementos y mantener el flujo del diseño moviéndose hacia abajo en la página.
9. Sugerencias de animación
Agregar un toque de animación puede darle a su diseño una presencia visual más compleja.
Muchos de estos diseños son de naturaleza mínima. (No hay mucho que puedas hacer con un diseño en blanco y negro antes de que comience a abarrotarse).
Agregar un toque de animación puede darle a su diseño una presencia visual más compleja. Pruebe algo sutil para que los usuarios no tengan que trabajar demasiado para entender lo que está pasando y crear una animación que tenga un propósito.
Airnauts usa un simple cambio de texto más una línea móvil para atraer a los usuarios a la directiva de desplazamiento en la parte inferior de la pantalla. Gracias a todo el espacio, el ojo se mueve inmediatamente a la animación, lo que proporciona un claro punto de interés en lo que de otro modo podría ser un diseño en blanco y negro casi aburrido.
10. Crea intensidad
Un diseño en blanco y negro tiene un cierto sentido de intensidad por su naturaleza. Hay diseños más nítidos y claros que otros diseños.
Haga un punto para enfatizar y crear aún más intensidad con los elementos que usa en su diseño. La deslumbrante imagen del perro, nada menos que con ojos color ámbar, es difícil de quitarse de encima. El texto blanco dice algo. Casi se te da en la cara. Ese diseño intenso puede mantener a los usuarios en movimiento y con ganas de ver qué otros misterios y sorpresas están por venir.
Conclusión
Si bien la mayoría de las personas piensan de inmediato en «mínimo» cuando escuchan un diseño en blanco y negro, no tiene por qué ser así. Como muestran los ejemplos anteriores, un diseño en blanco y negro puede ser de naturaleza mínima o compleja e intrigante.
A la mayoría de los diseñadores les gusta agregar algunos toques de color a un proyecto de diseño en blanco y negro para agregar interés. Busque colores de alto contraste para lograr el máximo impacto.
