Pendant longtemps, les dégradés ont été oubliés dans la conception de sites Web, rappelant les vieux sites des années 90. Les dégradés sont visibles dans les en-têtes et comme arrière-plan pour les boutons.
Source: Captain marvel official site
Mais aujourd'hui, tout a changé, et on voit beaucoup de dessins utilisant des gradients et des couleurs vives pures.
Pourquoi l'utilisation de dégradés peut être utile ?
Un dégradé bien conçu place correctement les accents et attire l'attention sur les éléments importants.
Source: Walid Beno (https://dribbble.com)
Vous pouvez utiliser le dégradé non seulement comme arrière-plan, mais aussi pour des boutons ou des icônes.
Source: Range.Trade
Source: http://khroma.co
Source: Eddie Lobanovskiy (https://dribbble.com)
Principaux types de dégradés
Dégradé linéaire
Les couleurs dégradées linéaires se fondent parfaitement et s'alignent en ligne droite.
Dégradé radial
Contrairement au dégradé linéaire, les couleurs se répandent à partir d'un seul point.
Dégradé conique
Il diffère du dégradé radial en ce que les couleurs ne sont pas distribuées autour du centre du cercle, mais autour du cercle lui-même.
Ambiance couleur
Chaque couleur provoque des réactions émotionnelles différentes. Nous devons utiliser cet outil pour communiquer avec le public à un niveau plus intime.
Pensez aux émotions que doivent ressentir les utilisateurs de votre site.
Par exemple, les nuances de rouge, de jaune et d'orange sont utilisées pour créer une atmosphère joyeuse.
Cependant, pour une atmosphère calme et relaxante, il est préférable de choisir un dégradé de bleu, vert et bleu.
