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 ! 

Pixelart

Cregital – Creative Digital Agency

Fanout

Lumate | Our Now is Your Future

Erik Zuuring / Designer Front-End Developer

Customeed

You Gotta Love Frontend Conference

Bacae

Huggable

Keroth

Prevue

Oneo Live Demo

Vertical Loop

 

Onyx – History of the Cloud

Robert Krause Consulting 

IEC – Istanbul Education Consultancy Turkey

HBM FiberSensing

EQIPAZH – Digital agency from Zurich

Love Message

Nuansa Spa – Your Urban Escape

Hugo Mingoia — Interactive Designer

Symodd

Create a marketplace with Sharetribe

GOLD Bootstrap 3.3.4 – Front-End HTML/CSS Web Framework

Disseny web Barcelona.

Tu Kebab en Maó · Orient Express

Canal TP

VoetsDesign

Fine Folk

Moderne Haarschnitte

 

Notez cet article