Share
Les moniteurs d’étalonnage des couleurs sont un problème qui existe dans la communauté des concepteurs depuis des décennies. Mais un débat récent sur Twitter entre Amy Hoy, Peter Cooper, Thomas Fuchs et Thijs van der Vossen a soulevé une question cruciale: le calibrage des couleurs est-il nécessaire dans la conception Web??
La vignette: Graffiti coloré, disponible sur Photodune
L'étalonnage des couleurs a commencé au moment de la conception de l'impression et constitue toujours un problème très important pour de nombreux concepteurs travaillant dans le support. Compte tenu de la variabilité de la sortie couleur des écrans, associée aux différences entre les imprimantes, les concepteurs doivent calibrer leurs moniteurs et leurs profils de couleur au sein du système d’exploitation pour qu’ils correspondent à une norme afin d’assurer une sélection correcte des couleurs. C’est là que Pantone entre en jeu, car il fournit un standard de l’industrie en matière de sortie couleur. Si vos écrans et vos imprimantes sont calibrés selon la norme Pantone, la sortie couleur (devrait) être précise entre les deux.
Paramètres d'étalonnage du moniteur OSX À mesure que de plus en plus de concepteurs d'impression migrent, la question de la sortie couleur standardisée devient plus importante. Est-ce que chaque moniteur adhère à une norme semblable à la norme Pantone? Faut-il calibrer nos écrans pour répondre aux qualifications de cette norme?
Heureusement, Microsoft et HP ont contribué à la création de l’espace colorimétrique sRGB, qui a été adopté par la plupart des appareils grand public et approuvé par le W3C. Cependant, la sortie des appareils varie beaucoup. ce qui nous ramène à la question de l'étalonnage.
Le plus grand facteur qui met en lumière le principe est l’importance des normes. Nous essayons de tout normaliser (en tant que concepteurs et développeurs), alors pourquoi notre processus de conception (sélection des couleurs) ne devrait-il pas être normalisé également??
Chris Coyier a posé la question récemment aux lecteurs de CSS Tricks, avec un certain nombre d'excellentes réponses dans les commentaires. Cependant, je pense que le meilleur argument pour étalonner les appareils a été présenté par Shane Parker:
Je ne comprends pas comment c'est même une question? Bien sûr, vous devez calibrer votre moniteur en utilisant des normes connues via un dispositif de calibrage matériel. La majorité des personnes qui consultent votre site auront-elles également un moniteur calibré? Bien sûr que non. MAIS, ce n'est pas comme tous les moniteurs non étalonnés voir de la même façon. Les moniteurs non calibrés sont partout en ce qui concerne la couleur, et c'est la raison principale pour laquelle vous devriez calibrer! Au moins, vous saurez que vous êtes calibré pour corriger les couleurs afin que ceux qui sont calibrés (ou qui utilisent des moniteurs dont l'étalonnage ne soit pas horriblement décalé depuis le début) voient les couleurs que vous souhaitiez qu'ils voient..
Garbage in = garbage out. Si vous commencez avec des déchets, vous êtes plus susceptible de vous retrouver avec des déchets. En tant que professionnels, la calibration d'écran est l'une des premières étapes de la configuration d'un environnement de conception (je suis un développeur Web et un photographe, il est donc encore plus important pour moi de rester calibré)..
Je suis d'accord avec son argument: vous devriez vous efforcer d'être au milieu du spectre afin de réduire le décalage par rapport aux appareils de votre public. Si votre moniteur est involontairement incliné dans une direction, les résultats seront encore plus décalés sur un appareil avec un étalonnage différent. Au moins lorsque vos appareils sont calibrés pour le milieu, la sortie sera "moins fausse".
La grande majorité des concepteurs semblent également être d'accord avec sa déclaration. Les arguments contre l'étalonnage des couleurs dans la conception Web ne sont pas une réprimande contre la pratique, mais indiquent plutôt qu'il y a des problèmes plus importants que la tonalité des couleurs..
Le débat sur l'étalonnage des couleurs ne peut pas simplement être défini comme une situation "oui / non", car il s'agit d'une question de priorités. Ceux qui contestent l'étalonnage soulignent l'importance du contraste par rapport à la tonalité de couleur appropriée dans la conception Web..
En un sens, si vous savez que votre écran est adéquat et "raisonnablement calibré", ne vous inquiétez pas pour obtenir un véritable calibrage des couleurs. Concentrez-vous plutôt sur l'accessibilité et placez les couleurs précises au rang des préoccupations secondaires. Les dessins sont conçus pour être facilement lisibles et accessibles. En mettant l'accent sur la tonalité des couleurs avec des équipements coûteux et de qualité professionnelle, les priorités du concepteur sont modifiées de telle sorte que l'utilisateur finit par en souffrir. Bien que l'on puisse faire valoir que choisir le mauvais ton d'une couleur peut changer la réaction de l'utilisateur à un dessin, il existe deux arguments plus importants qui ont la priorité:
L'accessibilité doit toujours être à la pointe de la conception du site, et se focaliser sur des palettes de couleurs basées sur de subtils changements de tons ne correspond généralement pas à cet idéal. De nombreux exemples peuvent être vus à Contrast Rebellion, et cela a été discuté à plusieurs reprises sur ce site..
Celui-ci me fait particulièrement mal parce que j'aime tout ce qui concerne Reeder. J'ai pu interviewer Patrick Kovacich, concepteur d'interface utilisateur et d'expérience, qui possède également une grande expérience de l'impression (sans parler des designs de chemise les plus cool que j'ai vus) sur le sujet, et il a pu élaborer variabilité de la sortie de l'appareil:
Il faut un certain niveau de génie et de folie pour trouver de telles idées.. Avant de commencer, la mise en page imprimée avant le Web était bien plus qu’une utilisation académique (milieu des années 90), et j’ai donc beaucoup d’expérience dans ce domaine. Même après être passé à la conception Web et à la conception d'interface utilisateur d'applications natives, j'ai poursuivi de nombreux projets d'impression parallèlement. Je travaille principalement sur le Web / écran, et le travail d'impression est la grande minorité.
Visuellement, Adobe Fireworks et Adobe Illustrator. Si je travaille sur le Web et que les visuels sont réellement rendus par le navigateur, j'utilise un éditeur de texte brut ou Dreamweaver..
Surtout MacOSX 10.6, écran Macbook pro 17 pouces (mat). J'utilise un ordinateur Windows 7 environ 25% du temps, avec un moniteur Acer de 20 pouces et une tablette Wacom Graphire pour un travail plus artistique. La plupart des travaux de conception que je fais n'utilise pas de tablette, cependant.
Non. La grande majorité de mon travail est consommée par des personnes qui ne calibrent pas leur moniteur. Je veille donc à ne pas m'appuyer sur des détails de contraste ne fonctionnant que sur un écran de cinéma parfaitement calibré ou un écran plasma à rapport de contraste élevé..
Mon public cible varie des écrans tout-en-un iMac aux ordinateurs portables XP pilotés par des écrans LCD très bon marché. Par conséquent, je ne partage pas ce que je souhaite en adhérant à un profil de couleurs défini et en calibrant rigoureusement mon écran. par mes imprimeries. Je trouve que l'affichage des épreuves et le partage des profils de couleur résolvent très facilement tous les problèmes que j'ai rencontrés lors de leur utilisation..
En fait, j'ai tendance à inverser les profils de couleurs pour tester différentes configurations, et plus particulièrement, des différences de luminosité et d'inclinaison de l'écran LCD. Alors que de plus en plus de mon public se tourne vers les écrans LCD et les appareils mobiles, dont certains ont des angles de vision très étroits, la position de la charnière d’un ordinateur portable ou le positionnement d’un appareil mobile peuvent en réalité altérer une couleur perçue. Ce type d’expérimentation concrète me permet de vérifier que les parties critiques des conceptions fonctionnent quels que soient le périphérique et l’environnement de travail de mon public. C’est plus utile que de supposer qu’elles adhéreront toutes à mes conditions de conception idylliques..
Comme je l'ai dit, dans l'imprimé, il existe de nombreux outils pour "traduire" et vérifier que nous sommes sur la même page avec le résultat final. Les ateliers d'imprimerie sont généralement capables de parler un langage de conception supérieur avec moi pour obtenir un résultat mutuellement satisfaisant. Je n'ai pas le luxe d'exiger que mon public à l'écran passe par là, et je ne m'inquiète donc pas trop de voir mes écrans réglés sur une norme qui n'a pas de sens pour eux..
Ian Yates (notre rédacteur en chef à Webdesigntuts + pour les nouveaux venus) a eu la gentillesse de donner son opinion sur le sujet, ce qui, à mon avis, est essentiel à la discussion compte tenu de son passé chargé en impression:
De nos jours, je travaille principalement dans la conception Web, bien que mon premier emploi dans la conception ait été dans une petite agence de publicité à Rotterdam et que je sois nettement plus partial. Je suis concentré sur le Web depuis environ cinq ans.
En raison de mes racines dans la conception d'impression et l'illustration, je suis plus à l'aise avec les vecteurs. Assieds-moi derrière Adobe Illustrator et je suis un gars heureux. Photoshop m'intéresse beaucoup en ce qui concerne la conception Web, ce qui est étrange, car on pourrait s'attendre à ce que Fireworks soit une maison plus logique. Cependant, je commence toujours toujours avec un stylo et du papier - je n'arrive pas à me débarrasser de cette habitude :)
J'ai un Mac Pro quadricœur avec deux écrans 22 "Dell (qui sont d'un excellent rapport qualité-prix). Le Mac n'a que quelques années et était la mise à niveau logique de mon ancien PC d'alimentation. Cependant, si j'avais attendu, J'ai plutôt opté pour un iMac massif: une belle et grosse tablette Wacom figure en bonne place dans ma liste de souhaits, mais il semble toujours y avoir quelque chose de plus judicieux pour dépenser mes centimes durement gagnés.
Lorsque j'étais occupé à imprimer, une grande partie de mon travail tournait autour de l'identité: logos, papier à en-tête, papeterie, stands d'exposition, matériel de promotion, etc., ce qui impliquait beaucoup de travail de couleur soigné. Un paquet d’identité visuelle bien agencé comprend une palette Pantone spécifique, souvent assez limitée, car plus de couleurs génèrent des coûts d’impression plus élevés. Travailler avec les couleurs Pantone dans vos documents (au lieu de CMYK, par exemple) signifie que le résultat imprimé est un certificat mort. il aura exactement la même apparence que n'importe quel autre produit imprimé avec ces couleurs (en supposant que l'imprimante effectue correctement le travail.)
Lorsque vous travaillez pour l'impression, il est conseillé de calibrer vos moniteurs afin que ce que vous voyez soit aussi fidèle que possible à la sortie imprimée réelle. Personnellement, j'étais désespéré. Je gardais toujours des échantillons de Pantone sur mon écran en me disant: "Est-ce que j'utilise vraiment le bon ton ici?!"
Sur le Web, je ne suis pas sûr que ce soit si pertinent. Je n'y avais pas vraiment réfléchi auparavant, car il est impossible de reproduire exactement comment les utilisateurs voient votre travail. Ces jours-ci, je vais pour l'étalonnage par défaut, prêt à l'emploi.
Je ne suis pas sûr que vous puissiez. Vous devez accepter le fait que les utilisateurs ont de nombreux écrans, appareils et étalonnages différents. Il y aura même une discordance entre des écrans identiques d'un âge différent. C'est un fait que la majorité des utilisateurs ne verront probablement pas votre travail exactement comme vous le souhaitiez. Optez pour le mode moyen - la plupart des gens utiliseront leurs appareils dès leur sortie du magasin..
La norme Pantone fonctionne parce que l’industrie de l’impression l’a largement adoptée et que les praticiens entretiennent systématiquement leurs périphériques pour assurer leur étalonnage. Mais la même chose ne peut pas (et ne devrait pas) être attendue de la plupart des utilisateurs du Web; certains appareils peuvent ne jamais avoir été calibrés du tout. C’est là que l’argument de la «fenêtre sale d’Internet» est le plus valable: le problème de votre site qui ne s'affiche pas correctement sur un écran est généralement un problème plus grave lié à l’affichage lui-même..
Si vous avez le temps et les ressources nécessaires pour calibrer votre appareil ou si disposer d'une large palette de couleurs est essentiel à votre travail, vous devez alors calibrer votre moniteur. Cependant, dans la plupart des cas, le calibrage des couleurs devient un problème dès lors que le concepteur accepte le fait qu'il n'existe pas de sortie standard sur le Web, contrairement à l'impression. Un contraste de couleur fort et l’accessibilité sont des facteurs bien plus importants qui doivent être pris en compte dans la conception Web..
Ce fut un plaisir d'écrire cet article et j'espère que tout le monde sera ravi de le lire autant que j'ai aimé l'écrire! Comme toujours, les commentaires sont grandement appréciés.
Accentsconagua