Concevoir dans le noir 10 sites sombres et leurs schémas de couleurs

Qu'est-ce qui va bien avec un site Web noir? Aujourd'hui, nous le découvrirons en jetant un coup d'œil sur d'excellents exemples de web design sombre avec leurs palettes de couleurs primaires.

Chaque site Web aura une capture d'écran avec une brève description, une représentation visuelle de la palette de couleurs et un lien pour télécharger les échantillons de couleur Photoshop à partir de Pictaculous.

Notio Web Design

Ici, la page elle-même a très peu de couleur et sert plutôt de cache noir pour montrer le travail du designer. Cela donne une sensation très classe, surtout quand elle est combinée à la lueur et aux reflets subtils.

Télécharger Photoshop Swatches

Sofasurfer est maintenant Digitallabs

Lors de la conception avec un thème sombre, il peut souvent être assez puissant de mélanger une seule couleur vive (principalement) et de l'utiliser à plusieurs reprises comme le concepteur l'avait fait avec l'orange en dessous.

Télécharger Photoshop Swatches

Rails.mx

Le site Rails ci-dessous propose des choix de couleurs audacieux. Ceci est principalement dû à l'excellent design de l'icône Ruby, mais les couleurs de soutien fonctionnent extrêmement bien.

Télécharger Photoshop Swatches

Doublé créatif

Comme avec SofaSurfer, nous voyons ici une palette de couleurs principalement à niveaux de gris avec des touches de couleur pour attirer votre attention sur des points clés. C’est une fonction majeure de la couleur dans la conception Web. Réfléchissez toujours à la manière dont vous pouvez structurer l'expérience et guider l'utilisateur au moyen de mots, de graphiques et, bien sûr, de couleurs.

Télécharger Photoshop Swatches

Concevoir ou mourir

Celui-ci est probablement ma palette de couleurs préférée dans toute la liste. Les couleurs en sourdine fonctionnent très bien ensemble et créent une sensation résolument rétro. Les périodes de temps peuvent certainement être fortement communiquées à travers vos choix de couleurs. Gardez à l'esprit que cela se produit que vous le vouliez ou non!

Télécharger Photoshop Swatches

Communication Rodeopark

Semblable au premier site, celui-ci tire l'essentiel de sa couleur des échantillons de travail dans les vignettes.

Télécharger Photoshop Swatches

Element Gallery

Les couleurs ici se détachent parfaitement du fond de tableau sale. Notez que la variation de couleur se répète dans les éléments graphiques et la typographie.

Télécharger Photoshop Swatches

Jose Luis Merino Parra

Celui-ci montre que vous n'avez pas toujours besoin de couleur pour avoir un beau design. S'en tenir à une palette de couleurs pure en niveaux de gris peut faire une déclaration forte.

Télécharger Photoshop Swatches

Osvaldas Valutis

J'aime le concept là-bas. Un éclat de couleur et de la vie traverse les fissures d'un monde incolore. Très bien fait!

Télécharger Photoshop Swatches

Natalie Sklobovskaya

Natalie utilise un mélange de textures, de graphiques et de couleurs très riches pour créer un environnement fantasmagorique qui est absolument magnifique.

Télécharger Photoshop Swatches

Montrez-nous les vôtres!

Maintenant que vous avez vu les schémas de couleurs de certains de nos sites sombres, laissez un commentaire ci-dessous avec un lien vers votre site sombre. Assurez-vous de nous parler de votre palette de couleurs et de ce que vous tentiez de transmettre.