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…

Continue reading →

The main types of user interface buttons
Buttons are one of the most famous interactive user interface elements. They play a very important role in creating user interaction and creating a positive experience. Continuing a series of…

Continue reading →

Usability of an online store: basic requirements for sample pages
Conversion rates for an online store are influenced by a whole group of factors, among which usability can be called one of the main. When developing, paying close attention to…

Continue reading →

Monthly Archives: February 2020

1 2 3 17

Hamburger menu for the site

We continue to discuss the topic of navigation in web projects. After considering examples of breadcrumbs, we decided today to talk about the so-called hamburger menu. There was a time when this element brought freshness and novelty to user interfaces on mobile devices. This icon has become not only an integral part of the top mobile applications, but also began to be actively used in the site header (in adaptive versions and not only). It got to the point that the menu began to appear even where it was completely inappropriate. As a result, criticism fell on the hamburger menu button, and the former favorite turned into the culprit of the disputes.

Let’s understand and discuss why this navigation format has gained such popularity, and does it have worthy rivals these days? The material was written on the basis of this article, thanks to the author for interesting thoughts. We also recommend looking at examples of hamburger menu icons and scripts for its implementation. Continue reading

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 option, where two vertical panels are located next to each other. Split Screen Design follows a very simple rule: one screen, two messages. Each side includes a separate element: photo, text block or illustration.

Focus on two things
The method is especially suitable for cases when you need to focus someone’s attention on two things at once. Thus, the visitor can instantly choose between them. Continue reading

Golden ratio in website design

A key indicator of web design quality is how natural and easy it is for users to perceive. When creating the visual design of the site, it is important to illustrate the functionality and the informative component of the project, to form its correct perception. The use of classical techniques such as the golden section rule in design helps to solve such problems in an optimal way. We will consider it today.

This principle describes the mathematical proportion, which forms a harmonious, natural relationship of the parts of one whole to each other. It is obtained by dividing the whole into two parts so that the ratio of the first part to the second is the same as the ratio of the whole to the first part.

Golden Ratio Principle and Formula Continue reading

1 2 3 17
Programs used in web-mastering
So what kind of programs do you need? Below I will give specific categories of programs with explanations of why they are needed. Raster graphics processing program one of the…

...

Online Store Conversion
For any online store, an important indicator of the effectiveness of its work is the level of conversion. The conversion of an online store is a purchase made by visitors,…

...

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…

...

Golden ratio in website design
A key indicator of web design quality is how natural and easy it is for users to perceive. When creating the visual design of the site, it is important to…

...