Typography for web
There are many books and articles on typography, but only some of them reveal the choice and combination of fonts. Due to the emerging opportunities and prospects for free use…

Continue reading →

How microstock was born
Microstock (microstock) - the budget segment of the stock photos, offering quality images for a penny, is rapidly gaining momentum. What is not surprising: such a cheap and affordable quality…

Continue reading →

Cards vs lists. Their influence on user experience
he most common ways to organize web content today are cards and lists. Each of them has its pros and cons. If lists were used for this purpose for a…

Continue reading →

Typography for web
There are many books and articles on typography, but only some of them reveal the choice and combination of fonts. Due to the emerging opportunities and prospects for free use…

...

web resource

Definition of element clickable area

When creating code for a button or another clickable element, it is necessary to clearly define the boundaries of its activity, which are user-friendly. In this matter there is no definitely right decision, since much depends on the situation and page design. Let’s briefly look at a few cases representing examples of various design options.

In some of the navigation menus found on the network, the click perception area of ​​the mouse (its clickable area) is rather paradoxically defined. As an example, you can take the main navigation menu of the WebProNews site: At first glance it may seem that this menu is quite simple – the entire area of ​​the button should be the clickable zone of each button. But actually it is not. Continue reading

What is beyond the power of responsive design?

We all understand the importance of responsive design and against the background of the growing popularity of mobile devices, designers have to come to grips with the issue of presenting their sites to smartphone users in the same quality in which they can work while sitting at a 27-inch monitor.

Adaptive design is nothing more than a technology that allows developers to adhere to standards, despite the diversity of formats. And while more and more designers are switching to responsive design, we can personally observe and hear about what it is and what it gives us. And what about the fact that he can not afford and what he can not be? * Wonkavision. There is a misconception that a rubber template, as an integral part of an adaptive design, is able to present absolute copies of pages on any screen of devices on the market. This, of course, is impossible. To fit all that you see on a large, handy monitor screen into a smartphone display, this means sacrificing something, that is, content. Continue reading

How to make a color palette for the site and not only (algorithm + tips)

In Design Mania, there were already several publications with a similar theme: in a note about color matching services for websites, besides inspiration resources, we looked at a couple of useful web tools; there was also a post with an overview of palette generators, etc. However, without an understanding of the logic of how to make a color palette, they may all 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 the new-fashioned online generators are aware of their working principle: first you choose some basic values, set up a number of parameters (the names of which resemble some musical terms), and then you get a list of 4- 5 shades recommended for developing web projects. Continue reading

Creating a furniture site design: tips, real-life examples and common mistakes
Immediately after the publication of the post with the best examples of furniture sites, an interesting English-language note of a similar subject caught our eye. It contains a selection of…

...

Design as a means of storytelling
You, as a designer, need to be aware that the plot on which the content is based later appears before any other components of the site. Content can not be…

...

History of pixel art. Past and future
Pixel art (pixelart, pixel art) is a form of digital graphics created using a raster graphic editor, where each image pixel is manually edited. For the first time in 1982,…

...