2

I have several PDF documents that I'm working on that are digitally signed. They include both sigantures and text. I've recently noticed IRS documents that are now using "blue" text for entered information. This got me thinking. I'm now trying to follow this common pattern, as it shows some contrast.

At the same time, I'm worried about readability when the document is viewed or printed. I'm probably over thinking this. The Blue will not print as dark as Black text, especially when the document is printed on a black and white printer

Edit:

enter image description here

Should I consider using the Blue Text in the PDF document? Is this good UI/UX practice?

It seems like the Blue would improve Display readability, but could cause Print readability issues.

Could someone suggest a RGB/HEX "blue" color to use?

  • Do you mean "readability"? – Kupiakos Apr 21 '16 at 15:36
  • Yes, "readability". Corrected. I also added a image capture of part of a PDF to help clarify. – jjwdesign Apr 21 '16 at 16:59
  • I understand your reservations on print readability, but I you'd really need to do testing on actual printers. B&W printers would actually have a very small difference (try to print preview this page, you'll see hardly any difference between the blue and the black), but colour printers, especially ones with low ink may cause trouble. Navy blue is pretty dark. – mrchaarlie Apr 21 '16 at 18:34
1

Using blue would be a good choice. The reason the IRS uses dark blue is likely (though of course this is speculation) because it's what most pens write with. So it's a form of skeuomorphism, if you will.

You can follow suit, or you can try coming up with your own color, if you want to stick to your companies' branding colors or something. Things to keep in mind when designing your own annotations:

What color (hue) to use?

Some colors already have connotations. Red for example is often used for correction. Blue is a common pen color, but you can tweak it to suit your liking a bit more. For example: enter image description here The first is a standard MS Paint blue, the second is based on the blue from the site logo but darkened a bit to still be visible over that blue background. So you can tie in branding a bit but you shouldn't use the exact same colors.


Contrast between text, notes, and background.

You already mention that blue will have less contrast with the white. This is true, but it needn't be a problem. Contrast needn't be THAT high; these color combinations pass through WCAG (web content accessibility guidelines): enter image description here

And those are quite medium grays. So yeah, you can use an annotation color that is slightly less contrasting than pure black and white.


Contrast when photocopied

Do you want your notes to be visible on a photocopy, or don't you? Many copiers won't copy red pen (or some shades of red anyway) which makes red pen excellent for notes that you don't want copied, but terrible if you want to annotate and then file a copy in archives.

It's a bit of an edge case since many photocopiers do gray scale or even color nowadays but hey - still good to keep in mind.

I've personally used this in design work where I wanted to add a splash of color to documents but wanted to keep them safe for photocopiers. Example:enter image description here

When photocopied should end up looking something like: enter image description here


Font

You didn't ask but I'm gonna tell you anyway; using a different font will make your notes stand out much better:

enter image description here That's using a gray which doesn't stand out much in the first case, but in the second example we can also differentiate by the shape of the letters. For handwritten notes and signatures this is a non-issue of course, but for computer annotations it's good to have a handwriting-mimicking font. Use Comic Sans MS if nothing else is around. enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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