I am doing web graphics for about a year on quite good PVA LCD display. 95% of people who see my websites/banners are watching them on low quality TN displays suited for gaming or laptops. Colors on those displays have much lower quality and differ a lot from those I see on my display.

My question is: Is it better to do web graphics on high quality monitors( so when I design mild yellowish background on website, normal people see it almost as white) or is there some other way how to fix this?

closed as off topic by Mervin Johnsingh, DA01, Vitaly Mijiritsky, JonW Aug 16 '12 at 7:59

Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here. If this question can be reworded to fit the rules in the help center, please edit the question.

  • I'd suggest migrating this to Graphic Design. – DA01 Aug 10 '12 at 16:35
  • @DA01 I've asked the GD mods – Ben Brocka Aug 10 '12 at 17:30

This isn't a UX question.

That said, I always recommend having a really nice monitor and a really crappy one. Run them side by side, and drag things in between the two to get an idea of what it will look like on a range of displays.

  • You don't need waste money on 2 monitors. You can turn a good monitor into a bad one by purposely screwing up the settings. And even if you had 2 monitors, how would you know the bad one is bad enough or represents the average badness of your users? – JoJo Aug 13 '12 at 1:10
  • a) everyone should be using 2 monitors...I can't imagine going back to one b) why ruin a good monitor when there's plenty of crappy cheap ones. :) c) there is no 'average badness', the idea is to just have two varying monitors. – DA01 Aug 13 '12 at 1:41
  • @DA01 I use two high end 24" monitors. Am I doing it wrong..? =D – AndroidHustle Aug 13 '12 at 7:54
  • I think it's time you get a 3rd monitor. Pick that one up at GoodWill and you should be good to go. ;) – DA01 Aug 13 '12 at 17:22

The problem with designing on poor-quality displays is that every poor-quality display has different kinds of problems. I expect what you're talking about is designing on a panel with relatively small gamut, but there are other issues that are equally likely to affect the quality and fidelity of colours on a display:

  • Some are fine when viewed directly in front but quickly deteriorate when viewed at an angle.
  • Some have internal colour or backlight intensity variations which mean parts of the display look fine and other parts look terrible (or darker, or brighter, or undersaturated, or oversaturated).
  • There are displays/configurations with very low colour temperatures and ones with very high colour temperatures, leading to very warm or very cool whites and other colours. Likewise some people mess with the gamma settings on their displays, setting them to very different levels to other users.

If you're targeting a specific device/hardware profile (as in mobile development), you really should check the output on the display itself (especially if the display uses a different kind of display altogether such as an OLED display, especially a PenTile one, since the colour reproduction can vary dramatically from a conventional LCD screen—especially saturation). There are some great tools to help you with that such as LiveView (for iOS devices) and Android Design Preview (for Android devices).

However if you're designing for general use across a very wide and uncontrolled set of devices there's no reason to suspect that designing on one terrible display will ensure better fidelity on some other bad display. It's my belief, then, that you should design on a well-calibrated, high-fideltiy display if possible and, as with any other design task, test the output in as realistic a condition as you can, on a few different displays of varying quality.

Pay special attention to the way JPEG artefacts are shown; designing on one display and choosing output settings/compression ratios in Photoshop to be unnoticeable can sometimes mean viewing on a machine with much lower gamma reveals all those terrible-looking compression artefacts plain as day.

  • 1
    Agreed, there's no reason to assume any particular flaw in a monitor. Better you design it for "real" good than "broken" good as the user is probably already used to exactly how their monitor breaks "real" good colors/lines/etc – Ben Brocka Aug 14 '12 at 21:21

Yes, you should use good quality monitor for designing, but it is always good idea to check the work on same settings as end user will see it.

What I find useful in monitors is "Magic Angle" option, that will show more colors.

  • But why? In the end I am the 5% minority which will see it properly. The rest will see much more bland colors cause majority of the are people in age from 30-50 watching it on laptop, probably from wrong angle... – Zedd Aug 10 '12 at 16:06
  • It depends on the standards you have. Also 5% still can be a huge number, depending on total visitors. – Michael Aug 10 '12 at 20:28

The best monitor for designing web graphics might be on a commonly used laptop. The bulk of users will be viewing your site on a laptop so you should what they will see.

This obviously doesn't cover EVERY user but it should help you design things that will degrade nicely when people done have a top of the line external monitor.


Yes, it's better to use a decent monitor for design work than a crappy one. The reason is that crappy monitors are all different, and adapting to a particular monitor might cause your design to look worse at a different monitor. For example, when you design on a monitor that is too blue, your work will look extremely red on a monitor that is too red already.

For a design to work across a wide range of screens and devices focus on general principles (also helpful with regards to accessibility): don't rely on colour alone; use sufficient contrast; choose an adequate size, etc.

Test your design on different screens, and in different circumstances (mobile phones for example are often used in bright sunlight), and find out what works and what doesn't. Some colours are known to cause trouble (when presenting a logo in a certain colour of yellow/green a designer explicitly warned me that this colour could only be used in print or on good screens, because it would look very dirty on low quality devices).

Not the answer you're looking for? Browse other questions tagged or ask your own question.