• A la une
  • Catégories
  • Dossiers
  • +

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

par Vincent Ginetle 12/06/2015

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

fanout

Lumate | Our Now is Your Future

Erik Zuuring / Designer Front-End Developer

Customeed

You Gotta Love Frontend Conference

you gotta love frontend

Bacae

bacae

Huggable

huggable

Keroth

Prevue

prevue

Oneo Live Demo

Vertical Loop

 

Onyx - History of the Cloud

history-of-the-cloud

Robert Krause Consulting 

robert-krause

IEC - Istanbul Education Consultancy Turkey

iecturkey

HBM FiberSensing

fiber sensing

EQIPAZH - Digital agency from Zurich

eqipazh

Love Message

Nuansa Spa - Your Urban Escape

nuansa spa

Hugo Mingoia — Interactive Designer

hugo mingoia

Symodd

symodd

Create a marketplace with Sharetribe

sharetribe

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

gold bootstrap

Disseny web Barcelona.

Tu Kebab en Maó · Orient Express

Canal TP

canaltp

VoetsDesign

voets design

Fine Folk

uakrondesign

Moderne Haarschnitte

red-level

 

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir