Dégradés
Comment fonctionnent les dégradés, tous les types, et comment en créer qui ont l’air haut de gamme.
200 guides · 11 thèmes
DégradésQu’est-ce qu’un dégradé ? Un guide simple des fondus de couleur
7 min de lecture
Le dégradé est l’idée la plus simple de la couleur, et l’une des plus faciles à rater. Voici ce que c’est, comment il se construit, et pourquoi il est revenu sur tous les écrans.
DégradésLinéaire, radial, conique, maillé : les types de dégradés expliqués
6 min de lecture
Tout dégradé fait voyager la couleur le long d’un chemin. Changez le chemin, et vous changez l’impression. Voici chaque type, son apparence, son code et le rôle qu’il remplit le mieux.
DégradésDégradés maillés : ce que c’est et comment en créer un
6 min de lecture
Les dégradés maillés sont ces champs de couleur doux et flottants derrière la moitié des pages de lancement de l’année. Voici comment ils fonctionnent, comment en construire un à la main, et les deux erreurs qui gâchent la plupart d’entre eux.
DégradésFond en dégradé : comment éviter le résultat générique
6 min de lecture
La plupart des fonds en dégradé se ressemblent parce qu’ils partent des mêmes quelques préréglages. Voici une méthode en cinq étapes pour en faire un qui paraisse pensé, avec des codes à copier.
DégradésDégradés granuleux : un peu de bruit donne de la valeur à la couleur
6 min de lecture
Un dégradé propre ressemble à un réglage d’écran par défaut. Le même dégradé avec une fine couche de grain ressemble à un imprimé, à un photogramme de film ou à un mur peint. Voici pourquoi, quelle dose ajouter et comment faire.
DégradésDégradés aurore : une lumière douce, bien faite
6 min de lecture
Les dégradés aurore empruntent l’aspect des aurores boréales : des voiles lumineux de couleur qui dérivent dans l’obscurité. Ils sont beaux, et basculent vite dans l’économiseur d’écran. Voici comment rester du bon côté.
DégradésPourquoi votre dégradé a des rayures, et comment corriger le banding
6 min de lecture
Vous avez fait un dégradé lisse et il est ressorti rayé. C’est du banding : il a une cause simple et une poignée de remèdes fiables. Voici l’arithmétique, puis les remèdes.
DégradésPourquoi certains dégradés grisent au milieu, et comment l’éviter
5 min de lecture
Le bleu et le jaune devraient faire un beau dégradé. Mélangez-les de la façon par défaut et vous obtenez une bavure grise au milieu. Voici exactement pourquoi, et quatre façons de garder chaque fondu net.
Dégradés60 combinaisons de couleurs en dégradé qui marchent, avec codes
6 min de lecture
Soixante dégradés, classés selon l’impression voulue plutôt que par teinte. Chacun est un code CSS vivant à copier, et chaque groupe explique la règle qui fait fonctionner ses fondus.
DégradésDégradés de deux couleurs : 30 duos qui marchent toujours
5 min de lecture
Deux couleurs, une direction, rien qui puisse mal tourner. Ou presque. Voici les deux règles qui décident si un duo fonctionne, et trente duos qui passent les deux, prêts à copier.
DégradésFonds dégradés sombres : de la profondeur sans grisaille
6 min de lecture
Un dégradé sombre peut ressembler à une scène nocturne haut de gamme ou à un écran boueux dont on a baissé la luminosité. La différence tient à une poignée de décisions, toutes faciles à copier.
DégradésDégradés pastel qui restent frais, pas sucrés à l’excès
5 min de lecture
Les pastels sont les dégradés les plus faciles à aimer et les plus faciles à forcer. Quelques règles les gardent proches de la lumière de printemps sur du papier plutôt que d’un gâteau d’anniversaire.
DégradésDégradés néon : de l’éclat sans fatigue visuelle
6 min de lecture
Le néon, c’est la couleur poussée à fond. Sur fond sombre, il luit ; étalé sur tout un écran, il bourdonne. Voici comment garder l’éclat et perdre le bourdonnement.
DégradésDégradés holographiques et iridescence expliqués
5 min de lecture
Le film holographique, les bulles de savon et la nacre changent de couleur quand on bouge. Un écran plat ne peut pas le faire, mais un dégradé bien construit peut en convaincre l’œil.
DégradésEffet duotone : une photo aux couleurs de votre marque
6 min de lecture
Le duotone transforme n’importe quelle photo en deux couleurs de votre choix : une pour les ombres, une pour la lumière. C’est le moyen le plus rapide d’unifier des images disparates sous une même marque.
DégradésDégradé ou couleur unie : quand choisir l’un ou l’autre
6 min de lecture
La couleur unie est claire, économique et exacte. Les dégradés sont vivants, distinctifs et plus difficiles à maîtriser. La plupart des bonnes marques utilisent les deux. Voici comment décider ce dont chaque surface a besoin.
DégradésTexture de dégradé : grain, papier, verre et soie expliqués
6 min de lecture
Deux dégradés aux couleurs identiques peuvent évoquer un photogramme de film, une carte typographique, un écran de téléphone ou une robe de soirée. La différence, c’est la texture, et elle en dit plus que les couleurs.
DégradésGlassmorphism et dégradés : guide pratique
6 min de lecture
Du verre dépoli sur un dégradé lumineux est l’un des plus beaux effets du design d’interface, et l’un des plus faciles à rendre illisible. Voici comment garder la beauté et les mots.
DégradésCarte de dégradé : recolorez n’importe quelle image
5 min de lecture
Une carte de dégradé reprend n’importe quelle image, photo, texture ou illustration, et la repeint dans les couleurs de votre choix en gardant toute sa lumière et ses ombres. C’est l’outil de recoloration le plus rapide qui existe.
DégradésAngle et direction d’un dégradé : quel sens choisir
6 min de lecture
Les deux mêmes couleurs peuvent paraître calmes, exaltantes ou agitées selon le seul sens dans lequel elles courent. Voici comment choisir une direction exprès, et obtenir l’angle exact en code.
DégradésNeuf erreurs de design en dégradé qui donnent un air cheap
6 min de lecture
La plupart des dégradés qui font cheap échouent de l’une de neuf façons prévisibles. Voici chaque erreur, ce qui la cause et le changement précis qui la corrige.
DégradésDégradés radiaux : le projecteur qui guide le regard
5 min de lecture
Le dégradé radial est ce qui ressemble le plus, en design, au fait de braquer une lumière sur quelque chose. Voici comment le viser, le dimensionner et éviter qu’il ressemble à une cible.
DégradésDégradés coniques : cercles, graphiques et reflets
5 min de lecture
Les dégradés linéaires avancent, les radiaux s’étendent, et les coniques tournent. Cette seule différence en fait l’outil idéal pour les cercles chromatiques, les graphiques, le métal et les faisceaux de lumière.
DégradésImprimer des dégradés sans banding ni couleurs boueuses
7 min de lecture
Un dégradé qui rayonne à l’écran peut revenir de l’imprimeur terne, strié ou brunâtre. Presque tous ces échecs sont prévisibles, et la plupart se corrigent avant même que le fichier quitte votre bureau.