Navigation

Toutes les catégories

Filtrer par auteur

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

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

Top 19 des applications mobiles de retouche photo

Quel plaisir de prendre des photos avec votre smartphone ! Seulement, il faut parfois les retoucher avant de les publier sur les réseaux sociaux ou sur votre site internet....

Publié le par Marion
Graphisme

7 règles à respecter pour exceller en UX writing

L’UX writing, c’est le texte qui va accompagner l’expérience des utilisateurs sur votre site ou votre application. Il doit servir aussi bien à lui...

Publié le par Melanie De Coster