How to Use Lettering in UI/UX Design

In simple words, lettering is that the art of drawing letters. Using this system, you’ll … Read more How to Use Lettering in UI/UX Design

In simple words, lettering is that the art of drawing letters. Using this system, you’ll create unique inscriptions on paper, blackboard, wall, or a display screen in any graphic editor.
Professional UI/UX design agencies like Tkxel in Poland use lettering for mobile and web design. This post will discuss lettering in additional detail and see what possibilities it provides to web designers.

Is it equal to calligraphy thing as lettering?

In calligraphy, letters are written with a pen, brush, or marker. The form of the letters in calligraphy depends on the writing instrument’s size and shape, tilt, and therefore the pressure on the paper.

Lettering isn’t writing but a literal drawing of letters. To try to do this, you’ll take a pencil with a ruler, draw the specified shape on paper, and shade it with a marker. Or do an equivalent thing during a vector editor employing a graphics tablet.

Calligraphy may be a more complex art. What must draw an excellent and delightful inscription during a single touch, otherwise you need to start over. When doing lettering, the letter’s shape is often corrected repeatedly, measured with a ruler, painted over, and altered as constantly as you wish. It doesn’t need such subtle skills as calligraphy so that any designer can try it.

What is the difference between fonts and lettering?

Ready-made fonts are often wont to type any text, but the proportions of the letters, style, and spacing remain unchanged. On the other hand, with lettering, unique letters are created for a selected inscription. Therefore, you would like lettering if you would like to form them of various sizes, thicknesses, or with another inclination for esthetical purposes.

The benefits of lettering

Lettering is of great use if you would like to form people to concentrate on the message. It allows you to style the text and make it more visible. For instance, it’s unlikely that it’ll be possible to arrange the text during a cat shape from words using conventional ready-made fonts. However, with lettering, it’s no problem.

The letters are often almost of any shape and sort. It’s essential that they were within the same style and obeyed a standard logic. A minimum of in one word, the letters are drawn within the same type. If the caption is long, different graphics are often used for other dishes. But there must be something in common within the whole composition. For instance, they often attempt to maintain uniform proportions of letters – the ratio of their width and height.

Where is lettering used now?

Quite often, different inscriptions are created for corporate identity. For instance, lettering is employed within the Coca-Cola and Disney logos. Competitors may take an equivalent font if you write the company’s name during a publicly available font tomorrow. With lettering, the inscription is going to be the one and only.

But lettering isn’t only a recognition tool. Sometimes it’s simply a matter of beauty. Postcards and souvenirs, websites, and apps are decorated with hand-drawn letters because it’s fantastic.


In UI/UX design, lettering is often wont to add a special touch to digital projects. It’s helpful to form a selected message to stand out, create an environment, or embellish the page. Lettering allows designers to play with the text and organize it in several forms with almost no limitations. Moreover, every lettering sample is exclusive and can not be stolen by competitors.

All in all, if you’re performing on a project where a unique atmosphere and wonder are essential, lettering is your ally.

Source: DEV Community

Leave a Reply

Your email address will not be published. Required fields are marked *