Tendance web : 30 web designs avec un dégradé de couleurs

12/06/2015

Webdesign

Partons à la découverte d'une tendance de plus en plus présente en web design avec l'utilisation des dégradés de couleurs !

Des sites hauts en couleurs

Depuis quelques années, le Flat Design à amener l'utilisation des aplats de couleurs sur une grande majorité des réalisations web, mais également dans la création de pictogrammes. Depuis quelque temps, on peut remarquer un grand nombre de sites qui réalisent leur web design avec un dégradé de couleurs. Cette technique est intéressante car elle permet de donner rapidement une profondeur au site et un univers avec les différentes connotations liées aux couleurs chaude ou froide.

Cette technique se rapproche des sites qui utilisent une photo ou une vidéo en arrière-plan afin d'habiller le web design. Vous pourrez voir dans les exemples cités dans l'article des mixtes entre ces tendances, qui donne un rendu intéressant au web design. Je vous laisse deux articles par rapport aux images et vidéos en web design.

– 23 web design utilisant la vidéo dans leur conception
– 15 sites web avec un full background

Le CSS pour créer vos dégradés en quelques secondes

Le CSS3 facilite l'émergence de cette tendance, notamment avec la gestion des dégradés qui permet de réaliser rapidement de beaux effets de couleur.

background: linear-gradient

Il existe des générateurs en ligne pour réalisé facilement cet effet : Ultimate CSS Gradient Generator

J'ai sélectionné pour vous une série de 30 web design récents utilisant un dégradé de couleurs, le tout rangé par gamme de couleurs ! On s'aperçoit rapidement que le bleu et le orange ont une part importante sur le web.

Nous espérons que cette sélection pourra vous aider à trouver l'inspiration si vous souhaitez utiliser ce type de design.
Bonne découverte !