Minimalism and animation in web design
What happens when the analyst is confronted with abstract art concepts? And if efficiency and success of his work depends on them? He will try to formalize them, identify criteria, relationships, and so on. It usually turns out funny and obvious. But sometimes a useful theory emerges from this.
I am faced with the concept of beauty site. I share the groundwork.
Pictures to attract attention there.
The beauty of the site is equal to its convenience, real or potential benefits to the visitor.
It is worth considering an interesting special case. A site with an unusual design seems beautiful, although the visitor may not be of obvious benefit. The person has a template - behind the unusual cover is unusual content. We are waiting for something new. The novelty of information enhances its potential benefit to us.
Brain work requires significant body resources. People tend to minimize the thought process. It is better to find patterns and put them in a pattern. We are very pleased when someone thought for us, and we use the result.
')
The Internet is integrated into everyday life. We focus on sites no worse than in the real world. The features of virtuality became apparent, as if it had always been so.
These are the basic facts on the basis of which the conclusions are drawn below.
The higher the density of useful information, the more beautiful the site. Only content is important. “Design for the sake of design” hurts. Design, styling or imitation, which do not help the disclosure of ideas, degrade the design. The button may be flat, the icon may be sketchy, and the link may not be underlined . Because from a simple image we consider its purpose. And glare, shadows and bumps reduce the density of useful information.
Simple geometric shapes, large headlines with good typography, large photos or videos, simple animations - our brain reads information in this format the fastest. Therefore, these elements are popular.
In contrast, you can give examples of excellent promotional sites, built on special effects -
You need to understand that the effects here are the content. Their development was the main goal. They entertain, but do not interfere.
The second component of the beauty of the site is convenience. The less a visitor thinks about when using the site, the more he likes it. The canvas text without headings and paragraphs can contain a lot of useful information. But it's hard to read. It does not look beautiful.
Variability can reduce both the density of useful information and ease of use. Therefore, the rejection of certain minor functions often leads to an improvement in the product as a whole.
Development of good logos - aerobatics at designers. All the necessary meanings should be placed within the framework of one small icon (high information density) and it should be simple for perception and easy to use.
A selection of minimalistic sites - siteinspire.com .
The site can adapt not only for the screen resolution, but also for the type of information input, user behavior, interaction history. Content should be disclosed as needed. Bad is not only the lack of necessary information, but also the presence of unnecessary.
With the limitations of minimalism, animation came to the aid of the designers. It helps to place accents, explain the purpose of the interface elements, complement the content. A common technique is to use animation when you hover or click on an object. The goal is to increase the responsiveness of the site. Animation creates additional information at the moment when it is needed.
We used the parallax effect on the rizhik.biz website. It creates an artificial mess that emphasizes the number and variety of products. Our other work is dmbasis.ru , where the animation tells about the company's services. In these examples, the animation is content.
Excellent examples of using animation as content -
And a whole collection of similar sites - hoverstat.es .
Thanks for attention!
I am faced with the concept of beauty site. I share the groundwork.
Pictures to attract attention there.
Fact 1
The beauty of the site is equal to its convenience, real or potential benefits to the visitor.
It is worth considering an interesting special case. A site with an unusual design seems beautiful, although the visitor may not be of obvious benefit. The person has a template - behind the unusual cover is unusual content. We are waiting for something new. The novelty of information enhances its potential benefit to us.
Fact 2
Brain work requires significant body resources. People tend to minimize the thought process. It is better to find patterns and put them in a pattern. We are very pleased when someone thought for us, and we use the result.
')
Fact 3
The Internet is integrated into everyday life. We focus on sites no worse than in the real world. The features of virtuality became apparent, as if it had always been so.
These are the basic facts on the basis of which the conclusions are drawn below.
Minimalism
The higher the density of useful information, the more beautiful the site. Only content is important. “Design for the sake of design” hurts. Design, styling or imitation, which do not help the disclosure of ideas, degrade the design. The button may be flat, the icon may be sketchy, and the link may not be underlined . Because from a simple image we consider its purpose. And glare, shadows and bumps reduce the density of useful information.
Simple geometric shapes, large headlines with good typography, large photos or videos, simple animations - our brain reads information in this format the fastest. Therefore, these elements are popular.
In contrast, you can give examples of excellent promotional sites, built on special effects -
You need to understand that the effects here are the content. Their development was the main goal. They entertain, but do not interfere.
The second component of the beauty of the site is convenience. The less a visitor thinks about when using the site, the more he likes it. The canvas text without headings and paragraphs can contain a lot of useful information. But it's hard to read. It does not look beautiful.
Variability can reduce both the density of useful information and ease of use. Therefore, the rejection of certain minor functions often leads to an improvement in the product as a whole.
Development of good logos - aerobatics at designers. All the necessary meanings should be placed within the framework of one small icon (high information density) and it should be simple for perception and easy to use.
A selection of minimalistic sites - siteinspire.com .
Adaptability
The site can adapt not only for the screen resolution, but also for the type of information input, user behavior, interaction history. Content should be disclosed as needed. Bad is not only the lack of necessary information, but also the presence of unnecessary.
Animation
With the limitations of minimalism, animation came to the aid of the designers. It helps to place accents, explain the purpose of the interface elements, complement the content. A common technique is to use animation when you hover or click on an object. The goal is to increase the responsiveness of the site. Animation creates additional information at the moment when it is needed.
We used the parallax effect on the rizhik.biz website. It creates an artificial mess that emphasizes the number and variety of products. Our other work is dmbasis.ru , where the animation tells about the company's services. In these examples, the animation is content.
Excellent examples of using animation as content -
And a whole collection of similar sites - hoverstat.es .
Thanks for attention!
Source: https://habr.com/ru/post/235589/
All Articles