Un bon design peut vraiment vous mettre dans l'ambiance. Aujourd'hui, nous avons une collection de conceptions de sites Web sombres et moroses qui vous aideront à créer une atmosphère distincte dans votre travail de conception.
Alors que la plupart des collections sombres ont un peu de? Downer? ambiance, toutes ces conceptions n’ont pas cette sensation (bien que la couleur ait beaucoup à voir avec ce que vous ressentez lorsque vous les regardez). Cette vitrine est plus qu'une galerie, nous espérons qu'elle vous incitera à créer votre propre design sombre et déprimant.
Couleurs sombres
Ce qui est important à considérer est que sombre ne signifie pas toujours noir. Une palette de couleurs sombres donne immédiatement un certain ton pour un dessin. Quel est important de considérer que foncé ne veut pas toujours dire noir. Ce sont souvent des couleurs qui sont teintées (addition de noir) ou ombrées (addition de gris).
En examinant le dessin ci-dessus pour Hooligan, l’ambiance générale est un peu sombre, grâce au fond noir, mais c’est vraiment la couleur des accents. L'or jaune profond a été ajusté pour s'adapter à l'ambiance de la vidéo d'arrière-plan. Le résultat est sérieux mais visuellement intriguant.
Ombres
Les ombres émanent du mystère. C'est l'une des principales raisons pour lesquelles les concepteurs utilisent des modèles de conception sombres et de mauvaise humeur. Ils suscitent l'intérêt et la curiosité de l'utilisateur.
Les ombres entourant la voiture sur le site Web de Clear Motion, ci-dessus, vous obligent presque à lire la copie. Pourquoi la voiture a-t-elle cette apparence? Qu'y a-t-il d'important? L'esthétique sombre contribue à créer une atmosphère centrée sur la curiosité d'apprendre davantage.
Superpositions noires
Une superposition en noir est l’un des moyens les plus courants de créer une ambiance sombre. Mais le type de noir que vous choisissez peut lui donner plus de sens. Est-ce plus sombre ou plus transparent? Quelle quantité d’image ou de fond l’utilisateur peut-il voir à travers la superposition?
Les superpositions plus sombres avec moins de transparence masquent presque ce qui se passe à l'arrière-plan, de sorte que ce n'est pas une partie centrale du dessin. Des superpositions noires plus transparentes permettent aux visuels de transparaître dans la conception principale tout en offrant un contraste avec les éléments principaux tels que le texte ou les appels à l'action.
Fhoke, ci-dessus, utilise bien cette technique. Vous pouvez voir l'action dans la vidéo d'arrière-plan, mais l'accent est mis sur le titre et l'action de défilement.
Stark Canvas
Rigide: Sévère ou nu en apparence ou contour.
Avec de nombreuses conceptions remplies d'éléments pour vous faire paraître, une conception plus sobre crée un sentiment de néant, obligeant presque l'utilisateur à l'examiner plus en profondeur. Encore une fois, l'obscurité et un arrière-plan plus sombre créent un mystère que l'utilisateur veut résoudre.
Dubois, bien que pas aussi frappant que des dessins sans arrière-plan, crée ce sens de l'émerveillement. Le motif de points contribue réellement au mystère - examinez-le attentivement et certains d’entre eux contiennent des notes de couleur.
Mais la conception force le regard sur le texte, qui se trouve dans un emplacement inconnu sur l'écran pour la plupart des utilisateurs. L'image de marque et le titre principal figurent au bas du premier parchemin plutôt que dans la moitié supérieure du dessin.
Choix de typographie
Quelles associations as-tu déjà avec? Punk ?? Cela vous met-il dans tous vos états d'excitation ou d'une colère plus forte? Le punk is Not Dead vous fait probablement ressentir quelque chose tout de suite. L’expérience est nette et très visuelle. Si vous cliquez sur le lien du site, vous aurez également un élément audio. Cela vous fera sentir d'une certaine manière. Quelles associations as-tu déjà avec? Punk ?? Cela vous met-il dans tous vos états d'excitation ou d'une colère plus forte?
L’arrière-plan sombre et les couleurs vives y contribuent, mais c’est le choix de la typographie qui donne le ton. (Imaginez-le simplement avec un script clair - totalement différent.) Les contours nets et irréguliers de la police et la lisibilité presque gênante jouent un rôle déterminant dans la façon dont vous la visualisez.
Le résultat est intéressant, mais difficile et s'accompagne d'un malaise.
Noir et blanc
Que ressentez-vous quand un dessin manque complètement de couleur? Et si c'était principalement en noir et blanc avec quelques éléments colorés?
Même si un dessin en noir et blanc n'a pas la même sensation dramatique qu'un dessin tout en noir, il peut être très intéressant. La conception elle-même est en conflit avec de nombreux éléments et zones de couleur contrastants.
Cela peut amener l'œil à se mouvoir en masse à travers la conception et différents éléments dans un tourbillon, à l'instar de ce qui se passe lorsque vous regardez Super Rebel. La grande image en noir et blanc est immédiatement visible dans l'œil, puis dans tous les autres blocs de type magazine, sans jamais atterrir à un endroit précis.
Le sentiment est un peu de surcharge d'information.
Imagerie
Le regard ciselé dans l'image de Jimmy Chin sur son portefeuille? page vous donne une impression de l'homme. Et c'est exactement ce que les images sombres, noir et blanc sont censées faire.
Les choix que vous faites avec la couleur, l'éclairage et l'utilisation de la photo contribuent à l'ambiance générale du dessin. Ici, le résultat est sombre et fort. Mais imaginez s'il portait une chemise jaune douce et un pantalon vert citron vert; l'ambiance serait très différente.
L'image crée un lien émotionnel distinct avec l'utilisateur, intentionnel de la part du concepteur.
Sombre avec une? Lumière? Ambiance
Bien que nous ayons examiné de nombreux modèles de mauvaise humeur ici, le noir ne doit pas nécessairement être assimilé à une humeur sombre. Une esthétique sombre peut en réalité conduire à une sensation plutôt légère et énergique. Tout dépend de la manière dont vous assemblez les pièces.
Atom utilise un arrière-plan plus sombre, mais avec une figure de style dessin animé pour donner un ton visuellement intéressant et sombre, mais émotionnellement léger. La juxtaposition du yin et du yang crée le même sens de merveille visuelle que des conceptions plus sombres, mais sans intimider l'utilisateur sur un site Web qui demande quelque chose de visiteur (pour télécharger un produit numérique).
La connexion émotionnelle globale plus légère entre le design et l'utilisateur se sent un peu plus fiable et moins spectaculaire, ce qui peut vous rendre plus à l'aise avec le téléchargement.
Conclusion
Aimez-vous un design avec un appel de mauvaise humeur?
Cette technique peut fonctionner pour certains types de projets. Mais cela pourrait être plus désastreux pour d'autres. Notez qu'il n'y a pas de sites de commerce électronique dans cette collection. Les projets les plus sombres et les plus sombre sont mystérieux et intéressants, mais ils ne communiquent pas toujours crédibilité et confiance aux utilisateurs.
Cela peut être un équilibre délicat et c'est pourquoi vous voyez souvent plus souvent des schémas sombres et sombre avec un portefeuille ou des sites Web d'information.