Fonts and colors: how to use typography

[billal hossen]

It is now a must that the site must be responsive and designed for mobile. To keep up with the times, however, it is also important to increase the performance of websites on mobile devices and improve the experience of users who use this type of device.

The design
1 - White space as an integral part of design
The web has grown and matured: overly elaborate designs, with animations and effects that are an end in themselves, are giving way to simple web pages that highlight the contents .

Using web pages with clean, simple design and more white space has the following advantages:

smaller number of images , resulting in improved loading times
White spaces , if used correctly, highlight content and draw the user's attention to Calls to Action
more attentive (less disturbed) users tend to generate a greater number of conversions (which usually consist of filling out a form).
This is a “ semantic design ”, which prioritises clarity of information and user experience.
This way of conceiving web page design fits perfectly with cambodia telegram data the concept of “ mobile first ” design , which involves preparing a website starting from how the site will be displayed on smartphones , because that is how most users will see it.

There are already websites that use very large and colorful fonts , but this is a rapidly spreading trend.

Reducing the number of images on a web page, on the other hand, means giving typography a more important role .
The underlying concept is the following: if a slogan is large enough to be seen from afar, then it will be able to better capture the attention of users and make the content and context of the page clear.

In the mobile world , this is a winning choice: unlike images, which add weight to a page, using “important” typography does not affect performance .

At the same time, the user experience improves , since the use of this type of typography, combined with the use of white spaces, tends to encourage user interaction with the “main” elements of the page (links or calls to action ).

Regarding calls to action : buttons with light effects or pseudo 3D will increasingly give way to clean-designed elements that use typography to stand out from other elements in the context in which they are inserted.