Les couleurs néon sont difficiles à utiliser sans se heurter au reste de votre conception. Ils fonctionnent parfaitement pour les enseignes et les lumières dans les applications du monde réel, mais peuvent présenter des problèmes majeurs en matière de conception Web, à moins d’être mis en œuvre avec soin.
Aujourd'hui, nous allons rechercher des moyens d'utiliser efficacement les couleurs au néon dans votre travail de conception, avec une liste de choses à faire et à ne pas faire pour vous aider à tirer le meilleur parti de choix de couleurs vives et éclatantes. Vous serez un néon ninja en un rien de temps, en le tissant tout au long de votre travail de conception!
Utilisez le vert lime
"La chaux est le nouveau neutre." Je ne sais pas si cela est vraiment vrai ou non, mais un ami organisateur de mariage ne jure que par cela. Elle jure que c'est le "ça". couleur à ajouter à presque n'importe quelle palette.
En ce qui concerne les néons, c'est certainement vrai. La chaux, les verts néon sur un fond sombre créent un impact instantané. La couleur est amusante, engageante et attire les utilisateurs dans la conception. C'est un moyen facile d'ajouter une touche de néon sans maîtriser le design dans son intégralité. (L'une des grandes difficultés rencontrées par les néons en conception de sites Web est qu'ils semblent bouger et peuvent choquer les utilisateurs.)
Ne pas utiliser un arc en ciel de néon
Bien que certaines couleurs vives puissent fonctionner ensemble pour créer un jeu de couleurs global, les néons ne sont pas la solution. La plupart des couleurs au néon ont des valeurs de couleur similaires en termes de luminosité et de saturation et se ressemblent toutes sur un écran. Cela peut causer des problèmes majeurs en termes de contraste et de lisibilité.
Faites une déclaration de couleur audacieuse
Aller grand avec un néon en plein écran. Ce n'est pas quelque chose que les utilisateurs rencontrent fréquemment et pour une conception avec peu de choses à concurrencer pour l'espace d'écran, une couleur néon peut avoir beaucoup d'impact.
Faites juste attention à garder le moins possible à l'écran. Optez pour du texte noir et le moins d’éléments possible.
Ne pas utiliser de néon sur un fond blanc
Les couleurs au néon et le blanc ne font pas bon ménage. La lumière d'un écran transparaît de la même manière à travers le blanc et de nombreuses couleurs au néon, ce qui rend les éléments au néon presque illisibles sur un fond blanc la plupart du temps. L'éviter.
Ne pas incorporer des néons de marque
Certaines marques utilisent une palette de couleurs au néon; ne vous éloignez pas de vous pour faciliter la création d’un site Web. La présence visuelle devrait être tout aussi audacieuse avec les néons en ligne.
Si une couleur au néon fait partie de l'identité de votre marque, telle que Mountain Dew (ci-dessus), n'hésitez pas. Embrassez la couleur avec un design qui la met au premier plan. La différenciation visuelle aidera à distinguer le design des autres sites Web.
Ne pas combiner avec d'autres effets
Une couleur au néon est une technique de conception assez frappante en soi. N'allez pas trop loin en l'encombrant d'autres effets. Vous risquez de vous retrouver avec quelque chose qui va complètement écraser - et éteindre - les utilisateurs.
Utilisez des accents au néon
Les lignes au néon, les marques, les boutons et autres accents peuvent attirer l’attention sur des éléments spécifiques. Incluez des teintes de néon à l'intérieur d'autres éléments pour créer un point de repère ou utilisez des éclaboussures de couleur néon pour attirer l'œil d'une partie du dessin à une autre.
Rappelez-vous que les néons fonctionnent mieux lorsqu'il y a beaucoup de contraste entre l'élément néon et l'arrière-plan. Par conséquent, les néons sont souvent les plus efficaces sur les fonds noirs.
N'utilisez pas de texte néon
La plupart du temps, le texte néon présente un défi de lisibilité. Cela peut fonctionner à l’occasion avec une police d’affichage audacieuse, mais doit généralement être évité.
Faire des couleurs? Glow?
L'idée derrière un néon est que la couleur est conçue pour la lumière, telle que la signalisation au néon. Créez un effet néon réaliste pour que les accents néon semblent briller avec les mêmes caractéristiques lumineuses et tactiles qu'une structure néon physique.
L’équilibre n’est pas de devenir trop fou avec des effets lumineux, car ils peuvent devenir criards très vite. Une simple lueur peut toutefois donner vie à l’élément néon de façon plus réaliste.
Une autre option pour créer? Lueur? pourrait être d'utiliser une animation simple qui améliore la couleur dans un mouvement de pulsation lente. Ce reflux de néon peut attirer l’attention tout en créant un effet réaliste.
N'utilisez pas de palettes de couleurs en conflit
Les couleurs au néon ne se mélangent pas bien avec les autres. La plupart des modèles comportant des néons n'utilisent pas d'autres couleurs et restent en noir et blanc. En effet, le contraste entre un néon brillant et une palette plus typique peut être rebutant et donner l’impression d’être étrange et décousu pour l’utilisateur.
Utilisez des images au néon
Les néons ne concernent que les éléments que vous créez dans la conception. Les images contenant des éléments au néon peuvent également ajouter une étincelle amusante à la conception.
Les véritables éléments au néon, tels que l'éclairage, peuvent être difficiles à capturer sur les photos. Optez pour des images contenant presque des éléments au néon - Yoke (ci-dessus) utilise une belle combinaison de pailles colorées - pour créer le même sentiment.
Conservez des images simples et utilisez les mêmes concepts d'espace et de contraste (vous avez besoin de beaucoup des deux) que si vous créiez un élément néon dans la conception.
Ne pas définir une humeur inappropriée
Les couleurs au néon sont généralement amusantes, ludiques et un peu excentriques. Veillez à ne pas créer la mauvaise humeur en les utilisant avec un contenu qui n'a pas le même sentiment. Bien que l’utilisation de couleurs au néon puisse ajouter un intérêt visuel, elle ne doit pas être utilisée pour tous les types de projets.
Ne régler les mélanges de couleurs
Faites votre propre néon! Ajustez la saturation et la luminosité pour créer vos propres styles de néon personnalisés. Commencez avec les couleurs de la marque pour un concept génial ou déconnez-vous simplement de teintes qui vous plaisent.
Et ne vous sentez pas pris au piège dans cet espace où il faut être parfaitement néon. Jouez avec des options presque lumineuses et intéressantes, mais peut-être un peu moins dans votre visage. Les couleurs au néon n'incluent pas seulement le vert, le jaune ou le rose. Les options de néon peuvent provenir de pratiquement toutes les couleurs avec une luminosité accrue.
Ne pas forcer
Les couleurs au néon ne doivent pas être forcées. Si vous commencez à utiliser des néons et que cela ne fonctionne pas, abandonnez l'idée.Ce n'est pas pour tous les projets et la couleur néon ne plaira pas à tous les goûts.
Utilisez des néons de fond
Essayez les couleurs au néon pour une esthétique de fond audacieuse et lumineuse qui peut donner un contenu quelque peu fade à la vie. Un fond néon peut aider? Ascenseur? d'autres éléments hors de l'écran et fournissent un espace amusant pour la superposition, comme la technique de Scale (ci-dessus).
Lorsque vous concevez un arrière-plan au néon, prenez en compte des couleurs un peu plus profondes et un peu moins lumineuses, de manière à ne pas surcharger les autres éléments de conception.
Conclusion
Les néons modernes ne sont pas animés des années 80, même si nombre d’entre eux ont évolué. Optez pour des néons qui fonctionnent dans des cadres de conception minimaux, mettez en surbrillance le contenu clé et diffusez des messages audacieux pour une sensation de modernité.
La couleur au néon peut être très amusante, mais le contenu et la messagerie doivent correspondre. Conservez cette technique pour le bon projet et vous serez plus heureux du résultat.