Combattre les couleurs des programmeurs
https://stackoverflow.com/questions/33079
-
09-06-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai quelques projets favoris dans lesquels je suis le seul concepteur/programmeur et je passe trop de temps à modifier l'interface utilisateur pour la rendre plus facile à utiliser. par de vrais utilisateurs et en évitant jaune vif et vert c'est si courant sur les conceptions de "programmeurs".
Avez-vous des astuces pour choisir une palette de couleurs lorsque vous n’avez pas de graphiste dans les parages ?Comment éviter de créer l’interface typique d’un « programmeur » ?
La solution
Kuler a beaucoup de schémas de couleurs soumis par les utilisateurs
modifier:je viens de me souvenir...Essayez aussi amateurs de couleurs
Autres conseils
Laissez-moi vous raconter une histoire.
Je n'ai absolument aucune confiance en ma capacité à faire des choix esthétiques. Il suffit de regarder la façon dont je m'habille pour comprendre que mon manque de confiance est justifié.Quoi qu'il en soit, il y a des années, j'ai été chargé d'écrire l'interface graphique d'un nouveau produit (le "Clip Editor" dans Cineon, pour tous ceux qui le savent).J'ai esquissé un dessin, mais j'ai demandé de l'aide à mon patron, au responsable des ventes et du marketing et à divers « spécialistes des applications » pour choisir les couleurs.Personne n'a répondu, alors j'ai dit "au diable" et j'ai choisi une palette de couleurs si moche que je suis sûr que les bêta-testeurs reculeraient d'horreur et exigeraient un changement.Mais ils ne l'ont pas fait – alors il a été expédié avec.Et j'ai entendu dire que les clients aimé les « couleurs vives ».Et pas seulement cela, mais quelques années plus tard, un concurrent a ajouté à son produit un programme qui ressemblait à une arnaque directe de mon Clip Editor, et ils ont copié ma palette de couleurs !
Pour les applications de bureau, obtenez les couleurs du système d'exploitation.Personnellement, je souhaite que toutes mes applications aient la même apparence et la même sensation que mon système d'exploitation.
Pour les applications Web, je ne suis pas vraiment sûr.
Garde en tête que près de 10% de la population masculine dans le monde souffre d’une forme importante de daltonisme.Vous devriez toujours en tenir compte lorsque vous choisissez les couleurs de l’interface (surtout si vous avez besoin de capital – devinez quoi ?1 investisseur masculin sur 10 pourrait ne pas voir vos points rouges sur le graphique sur fond vert montrant le risque par rapport au rendement !).
MSDN a un aperçu raisonnable de cela, et il existe plusieurs filtres de sites Web qui vous montrent à quoi ressemble votre site (ou n'importe quel site) compte tenu de toute forme de daltonisme.
A part ça, j'aime beaucoup COULEURSAmoureux - non seulement ils proposent une grande sélection de combinaisons de couleurs étiquetées et définies par l'utilisateur, mais ils vous les proposent de différentes manières, et vous pouvez vous connecter et suivre vos favoris (ou vos producteurs de combinaisons de couleurs préférés).
Allez découvrir les thèmes de l'automne !Vous ne pouvez pas vous tromper avec les couleurs du Michigan lorsque les feuilles changent...
-Adam
Les guides de couleurs comme Kuler sont un bon début si vous n’avez aucune idée du choix des couleurs.
Quelques considérations de base :
Utilisez le contraste et non la couleur pour différencier votre conception.Ceci est destiné à répondre aux besoins des utilisateurs daltoniens et malvoyants.
Utilisez une palette de couleurs aussi limitée que possible.Choisissez une couleur comme « thème » et choisissez des nuances de cette couleur, puis peut-être une ou deux couleurs contrastées pour l'accompagner.
Obtenez des conseils - il n'est pas nécessaire que ce soit celui d'un designer, vous connaissez peut-être toujours quelqu'un qui a un bon œil pour ces choses.En outre, des commentaires plus larges - demandez l'avis de quelques personnes, cela peut vous aider.
Dernièrement, j'utilise le site Web suivant : http://www.nickherman.com/colormatch/pour m'aider (également non-concepteur) à choisir des combinaisons de couleurs assorties.Je trouve généralement une couleur assez agréable, puis j'utilise les couleurs correspondantes de ce site Web.
Si tout le reste échoue, je demande aussi à ma femme !
J'aime utiliser ColorSchemer et FacileRVB.
Quelques ressources mises à jour que j'utilise :
Colorotate.org est un site bien conçu avec des palettes de différentes tailles fournies par les utilisateurs (contrairement à Kuler qui ne propose que 5 couleurs par palette).Il vous permet de voir à quoi ressemblent les combinaisons pour différents types de personnes ayant une déficience chromatique.
couleurschemedesigner.com génère pour vous des palettes cohérentes à l'aide de divers algorithmes (complément, triade, tétrade...)
Adobe Kuler Le site Web propose de nombreuses combinaisons de couleurs créées par les utilisateurs et téléchargées par les concepteurs.Normalement, je recherche d'abord les programmes les mieux classés.
Il existe de nombreux « sélecteurs de thèmes de couleurs » sur le Web.Si vous les utilisez, vos couleurs auront au moins l’impression qu’elles vont ensemble.Le premier que j'ai regardé sur Google : http://www.yafla.com/dforbes/yaflaColor/ColorRGBHSL.aspx?
Visez des couleurs pastel légèrement plus sombres que leurs homologues à part entière, c'est-à-direun rouge pastel est plus sombre qu'un rouge (255,0,0) par exemple.Essayez de sélectionner des couleurs dans la même palette. Une façon simple de déterminer les jeux de couleurs que j'utilise consiste à prendre une capture d'écran d'une application Office 2007, généralement Excel, et à coller certaines couleurs de leurs palettes coordonnées à l'aide de l'outil Pipette de couleurs dans un fichier. application comme Paint.NET.En fait, cette approche trompeuse doit être étendue à « emprunter » des schémas de couleurs à des applications déjà existantes qui ont des schémas de couleurs que vous admirez :-)
Si vous choisissez une couleur de « thème » pour votre application, vous pouvez utiliser Kuler pour aider à étoffer la palette.
Article similaire:
- Combinaisons de couleurs Web 2.0
- Je sais que j'en ai vu plus, mais je ne les trouve pas :)
J'ai tendance à utiliser beaucoup de gris, ainsi que du noir et du blanc, à garder les choses simples et à éviter toute sorte de couleurs vives et ennuyeuses.Il me semble que c'est ce que les gars du SO ont fait.
Les signets essentiels de Vitaly Friedman pour les concepteurs et développeurs Web répertorient de nombreux sites Web en ligne. outils de couleur, aussi un version condensée
Il y a aussi liste des outils de couleur sur twiki.org qui a quelques sites supplémentaires.
Je vous recommande de commencer par lire la théorie informatique des couleurs.Wikipédia est en fait un excellent endroit pour se renseigner sur le sujet.Essayez de rechercher une couleur par son nom sur Wikipédia.Vous trouverez plus que ce à quoi vous vous attendez.Partez de là jusqu'à ce que vous ayez un résumé du domaine.
Au fur et à mesure que vous développez votre œil analytique, concentrez-vous sur la compréhension de vos couleurs et palettes d’interface préférées (ou les plus méprisées) en termes de leurs différentes représentations dans différents espaces colorimétriques :RVB, HSB, HSL.Gardez Photoshop/GIMP ouvert afin de pouvoir faire correspondre l'expérience subjective des palettes à leurs aspects quantifiables.Voyez comment vos couleurs sont rendues sur des moniteurs moche.Notez ce qui reste toujours lisible et quelles combinaisons de couleurs ont tendance à produire des résultats peu charismatiques ou illisibles.Faites attention aux informations émotionnelles véhiculées par des palettes spécifiques.Vous verrez rapidement des modèles émerger.Par exemple, vous vous rendrez compte qu’il est préférable d’éviter les couleurs à saturation élevée dans les composants de l’interface utilisateur, sauf à des fins particulières.
Finalement, vous serez en mesure d'analyser le résultat des générateurs de palettes recommandés ici et vous développerez vos propres théories sur ce qui constitue une bonne correspondance et sur le contraste nécessaire pour bien jouer sur la plupart des écrans.
(Pour éviter toute frustration potentielle, vous souhaiterez peut-être passer directement au test gratuit de perception des couleurs de Pantone.Il est préférable de le prendre sur un écran couleur calibré.S'il indique que vous avez une mauvaise perception des couleurs, alors l'analyse numérique est particulièrement importante pour vous.)
Pourquoi les programmeurs pensent-ils qu’ils ne peuvent pas avoir de compétences en conception ?C'est une de mes bêtes noires.C'est une compétence qui s'apprend, comme toute autre chose.
