Pourquoi cet outil se distingue-t-il ? La réponse tient en sa conception unique. Radix Colors n'est pas un outil de coloration ordinaire, mais une solution méticuleusement élaborée pour répondre aux exigences spécifiques des éléments d'une interface utilisateur. Contrairement à d'autres outils de coloration qui se limitent à assombrir ou éclaircir une teinte en la mélangeant avec du noir ou du blanc, Radix Colors introduit une approche innovante. Il offre une palette de couleurs organisée de manière à attribuer à chaque nuance une fonction précise : une couleur est dédiée aux bordures, une autre au fond, une troisième aux textes principaux, et ainsi de suite. Cette méthodologie permet une personnalisation et une cohérence visuelle inégalées, facilitant la création d'interfaces utilisateur à la fois esthétiques et fonctionnelles. Outil https://www.radix-ui.com/colors Merci à Julien Perrière pour le partage.
Adobe ColourFlux de palettes, illustrations et photos par gamme de couleur https://color.adobe.com/fr/exploreBrandColorsListe alphabétique de couleurs par marque https://brandcolors.net/Color ClaimInspirations par le designer Tobias van Schneider (Allemagne) https://vanschneider.com/Color HuntPlateforme gratuite et extension Google Chrome avec un flux de différentes palettes de couleurs. https://colorhunt.co/Color SafeDes palettes accessibility friendly! http://colorsafe.coColorinspoPalettes de couleurs, couleurs "solides", gradients, couleurs par marque, inspirations, tutoriels, etc. C'est plutôt riche ! https://colorsinspo.com/ColorSparkGénérateur de couleurs et gradients (pas de palettes) https://colorspark.app/Coolors.coGénération rapide de palettes de 5 couleurs https://coolors.co/CulrsSite gratuit et app pour Mac. On filtre les palettes par schéma de couleurs (analogue, triad, monochrome, etc). https://www.culrs.com/Duo (UK)Sélection manuelle de matchings de couleurs, filtrables par accessibilité, par le designer British Alex Pate. https://duo.alexpate.uk/Eva Color GeneratorGénérateur de couleurs par le deep learning. On saisit une couleur primaire et une palette (exportable) est proposée. https://colors.eva.design/Happy HuesDes palettes de couleur affichées en contexte https://www.happyhues.co Khromahttp://khroma.co/ En beta. On choisit 50 couleurs en préférence et un algorithme propose des palettes. LOL ColorsPas très sûr pourquoi ça s'appelle LOL mais une sélection de palettes de couleurs assez jolie. https://www.webdesignrankings.com/resources/lolcolors/ Julia
Colorblind Filter Un outil sympa pour prendre n'importe quelle page existante sur le web et la visualiser avec ce que des personnes avec des handicaps visuels voient. https://www.toptal.com/designers/colorfilterExtension ColorblindingCette extension simule le site Web comme le verrait une personne ayant une déficience visuelle des couleurs. Colorblinding peut simuler: Aveugle rouge / Protanopie Green-Blind / Deutéranopie Bleu-aveugle / Tritanopie Rouge-faible / Protanomalie Vert-faible / Deutéranomalie Bleu-faible / Tritanomalie Monochromie / achromatopsie Monochromie à cône bleu De plus, il s'agit d'un projet open source hébergé sur https://github.com/LeonardoCardoso/ColorblindingNoCoffee NoCoffee peut être utile pour comprendre les problèmes rencontrés par les personnes ayant des problèmes de vision légers à extrêmes, tels que: Faible acuité: certaines pages Web utilisent du texte très petit ou des cibles de clic. S'il est vrai que les utilisateurs utilisent un zoom de navigateur intégré ou des loupes d'écran comme ZoomText (http://www.aisquared.com/zoomtext/), de nombreux utilisateurs non techniques ne savent pas comment faire. Faible sensibilité au contraste: de nombreux concepteurs utilisent du texte avec un contraste très faible, par exemple texte gris clair sur blanc. Soit dit en passant, voici quelques excellents outils pour analyser le contraste sur le Web, et mon préféré est le Snook Color Contrast Check à http://snook.ca/technical/colour_contrast/colour.html.Daltonisme: bien que l'utilisation de la couleur dans la conception soit définitivement une bonne chose, il est important de se souvenir de la maxime «ne vous fiez pas uniquement à la couleur», car 7 à 10% des hommes souffrent d'une forme de daltonisme. Chris Campbell a un excellent article décrivant les problèmes et solutions de conception liés aux couleurs. Voir http://www.particletree.com/features/interfaces-and-color-blindness/. Eblouissement, fantômes et cataractes. Nystagmus (mouvement oscillatoire rapide, involontaire des yeux). Champ visuel obstrué: corps flottants, obstruction d'un côté (décollement de la rétine ou hémanopie), vision centrale obstruée (glaucome), vision inégale (rétinopathie diabétique) ou vision périphérique obstruée (rétinite pigmentaire ou dégénérescence maculaire). Remarque: les simulations de champs visuels partiels ne peuvent pas suivre votre regard comme elles le feraient dans le monde réel. https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-USSpectrum extension Vous aide à tester des pages Web pour des personnes présentant différents types de déficit de vision des couleurs (CVD). https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en
Un outil sympa qui démontre le rendu des couleurs (texte et fond) en fonction des différentes affections visuelles (daltonisme, glaucome, cataracte, etc.) https://whocanuse.com/
(lire la suite)
Nathalie Rosenberg
· Lead UX designer
· il y a 3 ans
Ainsi, cela aidera les utilisateurs qui ne peuvent pas ou ont des difficultés à distinguer une couleur d'une autre et cela inclura plus de personnes: Imaginez, les personnes daltoniennes (1 homme sur 12, 1 femme sur 200), malvoyantes (1 personne sur 30) ou aveugles (1 personne sur 188). Utilisez la couleur seulement pour mettre en évidence ou compléter ce qui est déjà visible. Comment puis-je utiliser la couleur de manière réfléchie? En ayant un indicateur supplémentaire à la couleur. Une bordure visible Un titre / libellé Un soulignement ou une icône. Par exemple, installez ce simulateur de daltonisme pour vérifier vos conceptions. https://colororacle.org/
Un groupe pour poser vos questions et partager vos astuces, ressources, outils, et actualités sur l'utilisation des sciences cognitives dans le monde produit.
Un groupe pour poser vos questions et partager vos astuces, ressources, outils, et actualités sur la green UX qui comprend l'éco-conception et la sobriété numérique.
Groupe pour partager les offres d'emplois, et de missions freelance en France ou ailleurs ainsi que de discuter de nos choix de carrières.
Postage libre aux professionnels UX. Pas de recruteurs/RH.