Website design

Split screen
One of the most noticeable trends in website design for 2017 is the split of the screen into two parts. More and more web projects are using a similar layout…

Continue reading →

Servant of two masters
Yes, this is a poor web designer who has to spend a lot of effort to tame and train pages, so that it would be nice to look at them…

Continue reading →

What are longreads on sites
The so-called longreads are one of the leading web design trends in 2015, and also, as expected, in 2016. With the help of long reads, sites today do not just…

Continue reading →

How to create a color palette for sites or web interfaces

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 of useful web tools; there was also a post with an overview of palette generators, etc. However, without understanding the logic of how to make a color palette, all of them may turn out to be ineffective. Today we will try to fill this gap and clarify some theoretical points that are well described in this article.

Those of you who have already used new-fangled online generators are aware of their principle of operation: first you select some basic values, configure a number of parameters (whose names resemble some kind of musical terms), and then as a result you get a list of 4- 5 shades Continue reading

7 2018 web design typography trends

Typography is the style, layout, and appearance of block letters / texts on a 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.

typography trends
The purpose of any site is to attract the attention of visitors. At the same time, it is important not only Continue reading

8 Tips for Creating a Hero Image Banner for a Website

Does the user only need 50 milliseconds to form an opinion on any site? Web developers and designers really have very little time to make a good impression on a person when visiting a resource. That is why the correct design of the main page + website header, which everyone sees in the first place, is so important.

Many web projects on the network are united by one common way of attracting the attention of the audience – the use of bright colorful designs, in particular – placing a large background image or large banner at the top of the website. It is also called a “hero image”. Continue reading

Authorization form on the site

Recently, we posted a number of useful tips on creating effective registration forms on the site, and today we want to talk about the authorization / login block. Recently, a lot of annoying and too “abstruse” implementations of it have appeared on the network. It’s good when designers try to make unusual and beautiful forms of login (see our selection), fitting them into the general concept of a web project, but it’s completely different when they go too far with functionality. Sometimes it comes to the point that popular password managers (in Chrome or from 1Password) simply do not work.

In the article you will see examples of authorization forms with problems in usability. This is good food Continue reading

Effective website footer design

Developers often overlook that the footer for a site (translation from English footer / basement) is one of its basic elements. It can provide more complete information about the company, and also performs various useful functions: it facilitates navigation, helps visitors navigate a web project and is useful for some commercial purposes.

Earlier in the blog, we examined the development of the website header, and today we’ll talk about the basement. Here you need to competently approach the choice of control components that will be included in it in order to get an effective and optimal solution. We bring to your attention a translation of the article from Agentestudio, which contains the best practices on the design of the footer and its illustrative Continue reading

Fighters of the invisible front
If you haven’t guessed yet, then I mean META tags. Their role is not noticeable when displaying the page. These are just commands for a web server or browser, but…

...

Gamification on the site: what is it and why is it necessary?
Currently, on a variety of sites, including business sites, you can find elements of the so-called gamification (gamification, gamification) - a technique that turns user interaction with the site into…

...

JavaScript and the object model
Scripting languages ​​in some way turned the world around, and it was thanks to them that DHTML appeared, which allows you to do almost anything with the page. As you…

...

Is the UX design right for you? 8 character traits
Going to build a career in IT, many face difficulties in choosing a profession. We’ll show you how to check if the UX design is right for you. There are…

...