23 motifs pour booster le style de votre site

Quelles images choisir pour son site web ?

Quand on crée un site web, on a besoin de certaines ressources graphiques. Il faut choisir des polices, des couleurs, des icônes et bien sur des images.

La plupart des sites web, et notamment les landing pages, utilisent de grandes images qui s’affichent sur toute la largeur de l’écran. Ca fait d’ailleurs partie des techniques du design émotionnel, sur lequel j’avais écrit un article, puisque les images sont susceptibles de véhiculer des émotions et d’engager avec les visiteurs.

Il n’y a qu’à voir les sites d’Airbnb ou Uber !

patterns-2

 

Si vous cherchez de belles images pour votre site, jetez un oeil à ma selection des meilleures banques d’images gratuites !

 

Pourquoi utiliser des motifs en image de fond ?

Au delà des photos, il est intéressant de recourir à d’autres types d’images, notamment les motifs.

Les motifs (patterns, en anglais) permettent d’ajouter une sorte de texture au site web, tout en véhiculant aussi un certain état d’esprit. Certains sont féminins, d’autres industriels, sans compter tous les motifs colorés et funky.

L’avantage des patterns est leur capacité à s’adaptater sur tous les supports, que ce soit un écran d’ordi, une tablette ou un smartphone. En fait, les images des patterns sont toutes petites (et donc très légère) et uniques : c’est seulement par un effet de répétition que l’image que tu as choisi va s’afficher sur toute la largeur de la page et ainsi s’adapter à tous les écrans.

Il existe sur Internet plein de librairies de patterns. D’ailleurs, la plupart sont téléchargeables gratuitement. Sobres ou psychédéliques, voici ma sélection toute personnelle !

 

Besoin de motifs sobres ?

La librairie de référence quand on cherche des motifs sobres s’appelle Subbtle Patterns. Ils possèdent un choix immense, voici une sélection de mes préférés.

 

Pour un look cool et urbain :

 

patterns-2-2

http://subtlepatterns.com/concrete-seamless/

 

patterns-3-2

http://subtlepatterns.com/brick-wall/

 

Discrétion également, mais avec un esprit plus graphique :

23

http://subtlepatterns.com/greyzz/

 

11

http://subtlepatterns.com/cream-pixels/

 

patterns-4-2

http://subtlepatterns.com/wave-grind/

 

Surprenant et pourtant relativement sobre, non ?

12

http://subtlepatterns.com/inspiration-geometry/

 

Pour un graphisme tout en rondeur :

patterns-5-2

http://subtlepatterns.com/contemporary-china/

 

13

http://subtlepatterns.com/swirl-2/

 

A fond dans la vibe 70’s :

patterns-6-2

http://subtlepatterns.com/symphony/

 

Effets de texture cotonneux :

14

http://subtlepatterns.com/nice-snow/

 

patterns-7-2

http://subtlepatterns.com/subtle-white-feathers/

 

Pour des motifs sombres et légèrement texturés :

15

http://subtlepatterns.com/stardust/

 

18

http://subtlepatterns.com/tweed/

 

Un esprit graphique, également dans des teintes sombres :

16

http://subtlepatterns.com/escheresque-dark/

 

17

http://subtlepatterns.com/triangular/

 

Envie de motifs qui claquent ?

 

Pour trouver des motifs funky, je me suis tournée vers une autre librairie qui s’appelle The Pattern Library. La sélection est démente, les motifs sont superbes. Faites-toi plaisir ! C’est fun, c’est frais, c’est graphique.

 

7

http://thepatternlibrary.com/#naranjas

 

1

http://thepatternlibrary.com/#kiwis

 

5

http://thepatternlibrary.com/#science

 

4

http://thepatternlibrary.com/#leather-nunchuck

 

6

http://thepatternlibrary.com/#kale-salad

 

3

http://thepatternlibrary.com/#knitting

 

9

http://thepatternlibrary.com/#cuadros

 

2

http://thepatternlibrary.com/#flowers

 

8

http://thepatternlibrary.com/#fiesta

 

N’hésites-pas à parcourir ces librairies, la sélection est tellement large que tu vas forcément trouver ce qui te plait ! Et si te cherchez toujours le motif parfait, fais le toi-même !

 

Abonne toi à la newsletter pour recevoir plus d’articles sur le webdesign !

Envie de connaitre plein d’autres ressources graphiques ? Inscris-toi à la newsletter pour recevoir les prochains articles par mails !

Leave a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *