Secret ingredients to quality software


Do you consider optical alignment?

Created on 27 Nov 2012 | Last updated by Rebecca Liu on 11 Jun 2014 05:58 AM (almost 7 years ago)

Optical alignment
Figure: In the first example, although the text is technically aligned, it does not 'look' it. In the second one, the "V" has been moved into the margin, but the optical alignment is now correct

Not only relevant in typography, optical alignment can also be used in forms and web.

bad opticalalignment
Figure: Bad example - The fields are aligned to the radio buttons, but it doesn't "look" good enough

good opticalalignment
Figure: Good example - It seems neater, even though it is no longer technically aligned

We open source. This page is on GitHub