Website promotion: how to get real results
After the work on SEO-optimization, the sales department was “cut off” by inappropriate calls. The contextual contractor regularly “masters” the budget, but there are no more applications. The PR man…

Continue reading →

5 examples of designer pain: the most common phrases coming from customers and clients
No matter how many years have passed, and TK for the designer always remains a topic of discussion. Yes, what! Everything can be perfectly painted: what kind of pictures, fonts,…

Continue reading →

What is important for the internet user?
What is important for the internet user? Speed ​​and price? Aw, users! Speed, price and service are said by users. Support - the most literate pronounce weightily. You are at…

Continue reading →

7 popular typography trends in website design

Typography is the style, layout and appearance of the printed letters / texts on the page. Currently, it has already become an integral element of web design. You will find many interesting articles on the topic in the corresponding section of our blog, which has replenished today with another publication. Consider the design trends that are relevant for this direction that appeared and consolidated in 2018. The material will be a great addition to the web typography record. The post is a translation of this note.

The purpose of any site is to attract the attention of visitors. At the same time, it is important not only what you are going to convey to the audience (content), but also how you are going to do it (design). In 2018, content continues to thrive, thanks to enthusiasts of the Content First concept, which implies its primary importance in the design of web projects. Below are the typography trends of 2018, many of which involve placing text in front, in the center, and even across the entire screen.

In 2006, an article by Oliver Reichenstein “Web design is 95% of typography” was published – the second of the sensational events of that period after the comedy “Borat”. According to Reichenstein: “Web design is not just the selection of original fonts, but the techniques for their skillful use.”

1. CAST, LARGE HEADERS
A catchy headline in large bold or bold is perhaps the most effective use of text as a meaningful element in web pages. Now there is a tendency to replace the main “Hero-images” with large headings, which connect the main with the brand name or important information.

Currently, beautiful typography of the site is gradually turning into its design. CreativeDoc, for example, expertly uses a catchy six-letter heading in bold white on a solid black background.

European innovative company Souffl chose a white bold lettering, vertically elongated, against a dark background with the addition of interspersed color animation.

Original elongated font
Alternatively, see a selection of the top 10 google font fonts for headings.

2. AND AGAIN AGE
Serifs continue their climb to the heights of popular trends. Sophisticated titles and intricate headlines in popular serif fonts like Calluna and Minion change the minds of even the most inveterate skeptics.

Many web designers are actively using this newfound serif addiction – for example, at Cobble Hill and Gin Lane, they help bring an element of sophistication to minimalistic sites:

3. SKILLY USE OF USUAL TEXT
The visual revolution, which among other areas is particularly pronounced in journalism, does not reject the importance of text in web design.

Justin Jackson’s Words project has been around for many years as a confirmation of the fact that with the help of ordinary phrases, sentences and words on the net, much can be said. There are no fonts here, only a browser font with standard methods for its design:

Standard browser font
Some professional designers to this day use only words in their web resources that Jackson calls “the most powerful tool for communication on the network.” In fact, it’s not easy to create a page that consists solely of text content – but if it is well done, we won’t even notice the lack of images.

As an example, the website of the agency B14 from Copenhagen is suitable, where the entire main space is filled with content telling about the activities of the company:

Images can sometimes speak louder than written letters, but they do not have the same great control over what we perceive by ear – that is, words.

Freelance copywriter Joe Coleman adds a small detail to a page with just one text – an unusual interactive scroll button. This element not only helps to tell the right story, but (more importantly) captivates the audience in a way inaccessible to many independent visual effects:

The portfolio of designer Max Kaplun confirms that you can attract the attention of the audience not only with massive bright hero-pictures, but also with ordinary text content. The main contents of the main web page are several suggestions about the author and his professional skills, to which a talented specialist adds different symbols; variations of fonts, sizes and thickness of letters; as well as a color cursor with specific hover effects / actions.

Original typography
4. MONSHIP FONT
In 2018, these fonts appear not only in text with small sizes of printed characters, but also as large objects in the design of online projects.

What is CTA: Real Hypnosis in Selling Texts
Call To Action (CTA) or in another way a call to action, the target action is a way of concentrating the user's attention on the implementation of certain actions. This…

...

How to make a color palette for a site and not only
In Design Mania, there have already been several publications with similar topics: in a note about color matching services for websites, in addition to inspiration resources, we examined a couple…

...

E-wallet protection
When comparing the degree of protection of client programs of Yandex.Money and Webmoney payment systems, it turned out that the latter offers more reliable means of protecting client data. However,…

...

PPTP VPN
This protocol allows you to implement a secure point-to-point connection by creating a tunnel in an insecure network. The work of PPTP is to implement PPP frames in IP packets…

...