Navigation

Toutes les catégories

Voir les derniers articles

Inspiration : 10 sites web élégants avec un background noir

Maintenant que vous connaissez les bonnes pratiques pour intégrer un arrière-plan noir sur votre site Internet, il est temps de puiser quelques idées pour...

Publié par Charlotte Chollat

Maintenant que vous connaissez les bonnes pratiques pour intégrer un arrière-plan noir sur votre site Internet, il est temps de puiser quelques idées pour trouver l’inspiration.

Je vous propose aujourd’hui une sélection de 10 sites web utilisant parfaitement le background noir.

Dot to Dot

Vous vous rappelez ? Le jaune est une couleur qui se marie très bien avec un fond noir. C’est donc un très bon choix de la part de cette agence espagnole.

Sur ce site, vous apprécierez les animations liées à l’apparition du texte et vous retrouverez un scroll horizontal dès la page d’accueil.

Dot to Dot

A+Smith Creations

Sur ce site c’est le rouge qui est à l’honneur pour contraster avec l’arrière-plan noir. Toute l’élégance ressort grâce à l’utilisation de traits fins, que ce soit dans la police d’écriture, dans l’image ou encore sur les call-to-action.

Asmith creations

Denver and Liely

Pour mettre en valeur ces produits luxueux le noir est de mise. L’élégance qui se dégage de ce site permet ainsi de créer une atmosphère feutrée, réservée à des consommateurs aguerris.

Denver and Liely

Blind Studio

L’utilisation de couleurs vives sur la page d’accueil apporte du dynamisme à l’interface qui aurait parue trop vide.

Petit plus : vous apprécierez certainement l’effet de flou selon la position de votre soucis.

Blind Studio

6tematik

La photographie assombrie en noir et blanc donne une élégance particulière au site de cette agence digitale.

Même si les informations ressortent, votre regard sera absorbé par l’image de fond illustrant parfaitement le projet présenté. Chez Graphiste.com on adore cette profondeur.

arrière-plan noir 6tematik

Bionic

Voici un exemple de site internet utilisant le fond noir pour mettre en avant les informations interactives.

Le sujet semblant technique cet arrière-plan sombre fonctionne très bien car il permet de crédibiliser les propos en rendant le site sérieux. Avec un background jaune vous n’auriez pas eu le même ressenti.

Bionic data

Signature Element

Vous remarquerez que le background noir permet ici de dissimuler des extraits de la vidéo afin de donner toute la visibilité au texte.

D’ailleurs, voyez comment les expressions clés ressortent grâce au surlignage dorée. C’est très malin !

Background noir Signature element

Mirko Zeppieri

Utilisé pour les portfolios le background noir donne toute son importance au texte et aux visuels.

Ce designer utilise cette couleur très simplement mais le résultat est efficace : le design épuré gagne en élégance.

Portfolio background noir

Genesis

Associé à l’illustration l’arrière-plan noir vous plonge sans difficulté dans l’univers créé.

Ici, la taille des polices d’écriture se mêle très bien aux nombreuses illustrations présentes.

Genesis arrière-plan noir

Hourly

Pour présenter les fonctionnalités de cette application mobile le choix s’est porté sur un arrière-plan noir.

Les polices épaisses rendent la lecture plus facile et l’utilisation du rouge apporte du contraste.

Data background nori

Lire la suite de l'article
Afficher les commentaires (0)

Commentaires

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

Design d’application mobile : comment bien utiliser les images ?

Créer une application utile, voire indispensable, n’est pas suffisant. Il faut encore qu’elle attire l’œil, qu’elle donne envie de la...

Publié le par Melanie De Coster
Graphisme

Psychologie des couleurs : que signifie un logo brun

Certaines couleurs, comme brun, ne vont peut-être pas remporter vos faveurs immédiatement. Pourtant cette teinte a des racines qui pourraient être bien utiles...

Publié le par Melanie De Coster