Переклад:Дизайн з FontForge/Повір власним очам

Матеріал з Вікіджерел
Перейти до навігації Перейти до пошуку

Дизайн шрифтів — це процес повторного випробування окремих фрагментів, які разом складають повний дизайн. Ви будете перевіряти свій шрифт, щоб побачити, чи є комбінація рішень, які ви зробили:

  • Шрифт читабельний
  • Створено добрий шрифт
  • Створено шрифт корисним для завдань, які він має виконувати.

Під час тестування дизайну ви маєте довіряти своїй інтуїції та дизайну дещо практично. Велика частина дизайну буцімто вимагає, щоб ви робили букви схожими, зокрема щоб ви повторювали їх форми.

Це спокусливо припустити, що якщо ви вимірюєте частки та пробіли між гліфами, то ви отримаєте надійний результат. Хоча це дуже корисно, цей підхід теж має реальні обмеження. Ви повинні зробити зміни, якщо щось виглядає не так. Крім того, ви повинні бути впевненими в тому, що внесення змін, доки вони "виглядають правильно", є правильним.

The reason this is true is that there are a number of natural optical illusions that all readers are subject to. These illusions must be accounted for by altering the shapes of letters until they look right to you.

You can get a feel of where to look and what elements to adjust in these Type Review Videos (External Link)

Examples of illusions

Some illusions involve the perceived weight of lines, some involve the perceived length of lines, and others involve the eye’s perception of shapes.

Horizontal vs. vertical weight

The example on the left shows an ‘H’ which bars are precisely equal in thickness. This looks wrong. Can you feel it? The other one on the right has a horizontal bar which has been thinned to appear equal in thickness.


Glyphs in which optical adjustments have to be made are numerous and include A, E, F, L, H, f, t, and z.

Diagonal thickness

Similarly, if you have bars of the same width and one of them is set at a diagonal, the diagonal bar will seem slightly heavier than the vertical bar and slightly thinner than the horizontal. If you want it look right, you will have to adjust it to be lighter like the horizontal example, but just a little less.


Glyphs in which this human perception may be relevant are quite numerous but include k, K, N, Q, R, v, V, w, W, x, X, y, Y, 7, 2, &, ł, Ł, ø, Ø, √, ∕, ‹, ›, «, », ½, ⅓, ¼, ≤, ≥, and ×.

Length and perceived diagonal angle

Longer shapes need to slant less than short shapes in order to give the appearance of same slant.

The image below has diagonal lines that are all at the same angle. The long one appears to be at a different angle.


In the next picture below, the slant of the longer line has been adjusted:


Now let’s look at an actual italic, applying these corrections to the glyphs:


Crossing diagonals

When a bar crosses another diagonal or a straight line, it will need adjustments to not appear as misaligned.


In the example above, the X on the left has two unadjusted bars crossing each other. The example on the right has been adjusted so that they appear to be aligned.


As you can see in this X with dotted line on top of it, the X that appears visually aligned involves an offset.

Glyphs in which this illusion is relevant include x, X, k, K, ×, #, and the icelandic letter ‘eth’ (ð).

Perceived height

The shape of a glyph will contribute to how high it needs to be in order to look as if it is the same height as the other glyphs. Round glyphs need to overshoot the height of flat glyphs by a little bit. Glyphs which have pointier shapes will need to overshoot more. The sharper the shape, the more it will need to overshoot in order to look correct.


In the image above, the top three shapes are unadjusted — that is, they have identical heights. The three shapes on the bottom have been adjusted so that they appear more similar in height.

This illusion is relevant for any glyph that has parts which are either round or pointy. These include O, Q, C, S, A, V, W, and so on.

You are fully qualified to correct for these illusions

Because you can see both the illusion and the effect of correcting for the illusion, you will be able to make these corrections for yourself. You just have to trust your impressions.

Test for fitness of purpose

Just like you are able to see optical illusions and correct them, you also have the ability to tell if a font is working for the specific use (or uses) you may have in mind. That’s where you should also trust your judgment.

Quite separately, it is worth noting that no font can be evaluated apart from the way it is used and what it is used for. This is why it is essential to begin testing from the very beginning of the design process, and to continue testing until you feel the project is done.

What will these tests be like? The tests will be simple at first, allowing you to test the first design choices. As your design becomes more complete, your tests will need to keep pace and let you evaluate the relative success or failure of the newest choices you have made — or, even better, to compare two (or three, or more…) options you are considering.

Sometimes you will find you have to double back and change a design choice you thought was already working well. This is normal. Making a font requires balancing many variables, and surprises often occur. The more you design fonts, the more experience you will have in making these arbitrary choices.

When nearing the end of the process, if the font is to be used in a simple way, the tests should also just stay simple. However, if a font is to be used in many ways or in a wide range of printing or screen environments, then it should be tested across all that range of situations, which includes printing various samples of the font.

It can save you design time to have a well defined idea of the final use you intend. However, this is not always possible and your ideas may evolve. The key thing is to think about and define the use cases as completely as you can, then to ensure that your tests keep pace with the questions you are asking yourself while designing the font.

Further Reading

http://typographica.org/on-typography/making-geometric-type-work/ http://typedrawers.com/discussion/1085/the-letter-s