Diseñando en la oscuridad 10 sitios oscuros y sus esquemas de color

¿Qué va bien con un sitio web negro? Hoy lo descubriremos, pero echando un vistazo a algunos ejemplos excelentes de diseño web oscuro junto con sus paletas de colores primarios.

Cada sitio web tendrá una captura de pantalla junto con una breve descripción, una representación visual de la combinación de colores y un enlace para descargar las muestras de color de Photoshop de Pictaculous.

Notio Web Design

Aquí, la página en sí tiene muy poco color y sirve más como un mate negro para mostrar el trabajo del diseñador. Esto hace que se sienta realmente elegante, especialmente cuando se combina con el brillo sutil y los reflejos.

Descargar Photoshop Swatches

Sofasurfer es ahora Digitallabs

Al diseñar con un tema oscuro, a menudo puede ser bastante potente mezclar en un solo color intenso (principalmente) y usarlo repetidamente como lo hizo el diseñador con el naranja a continuación.

Descargar Photoshop Swatches

Rails.mx

El sitio de Rails a continuación definitivamente hace algunas opciones de colores audaces. Esto se debe principalmente al excelente diseño del icono de Ruby, pero los colores de soporte funcionan extremadamente bien.

Descargar Photoshop Swatches

Doblado creativo

Al igual que con SofaSurfer, aquí vemos una paleta de colores en su mayoría en escala de grises con ráfagas de color para llamar su atención sobre los puntos clave. Esta es una de las principales funciones del color en el diseño web. Siempre considere cómo puede estructurar la experiencia y guiar al usuario a través de palabras, gráficos y, por supuesto, de color.

Descargar Photoshop Swatches

Diseñar o morir

Esta es probablemente mi paleta de colores favorita en toda la lista. Los colores apagados funcionan muy bien juntos y crean una sensación decididamente retro. Los períodos de tiempo definitivamente se pueden comunicar fuertemente a través de sus opciones de color. Ten en cuenta que esto sucede, ya sea que lo intentes o no.

Descargar Photoshop Swatches

Comunicación Rodeopark

Similar al primer sitio, este extrae la mayor parte de su color de las muestras de trabajo en las miniaturas.

Descargar Photoshop Swatches

Galería de elementos

Los colores aquí se destacan perfectamente del fondo de pizarra grungy. Observe que la variación de color se repite tanto en los elementos gráficos como en la tipografía.

Descargar Photoshop Swatches

Jose luis merino parra

Este muestra que no siempre se necesita color para tener un gran diseño. Pegarse con una paleta de colores en escala de grises pura puede hacer una declaración fuerte.

Descargar Photoshop Swatches

Osvaldas Valutis

Me encanta el concepto allí. Una explosión de color y vida está rompiendo las grietas de un mundo incoloro. ¡Muy bien hecho!

Descargar Photoshop Swatches

Natalie sklobovskaya

Natalie utiliza una mezcla de texturas, gráficos y colores realmente ricos para crear un ambiente fantasmagórico que se ve absolutamente hermoso.

Descargar Photoshop Swatches

¡Muéstrenos el tuyo!

Ahora que ha visto las combinaciones de colores de algunos de nuestros sitios oscuros, deje un comentario a continuación con un enlace a su sitio oscuro. Asegúrese de informarnos sobre su esquema de color y lo que estaba tratando de transmitir con él.