{"id":237496,"date":"2020-12-22T16:38:25","date_gmt":"2020-12-22T15:38:25","guid":{"rendered":"https:\/\/presentiadm.com\/?p=237496"},"modified":"2022-01-11T16:22:43","modified_gmt":"2022-01-11T15:22:43","slug":"6-tendencias-de-diseno-web-que-seguir-o-no-en-2021","status":"publish","type":"post","link":"https:\/\/presentiadm.com\/en\/6-tendencias-de-diseno-web-que-seguir-o-no-en-2021\/","title":{"rendered":"6 web design trends to follow (or not) in 2021"},"content":{"rendered":"

The web sector, like most, does not escape from \"the trend of trends\" and evolves every year<\/strong> with styles emerging and others dying. Surely, if you look back at websites built just 5 years ago, you will find some element or feature that seems old to you. That's why in this post we bring you some of them. web design trends<\/strong> that we will find in 2021.<\/strong><\/p>\n\n\n\n

Fortunately or unfortunately, we professionals in this field have to adapt quickly<\/strong> to these changes, sometimes triggered by the pure whim of fashion and sometimes for more justified reasons, such as advances in research at the level of user experience.<\/strong><\/p>\n\n\n\n

Who would have thought that headers with full-width images, for example, or sliders that change their text with each slide would be outdated and labeled as UX-unfriendly.<\/p>\n\n\n\n

But let's get down to business: what does 2021 hold in store for the web ecosystem?<\/p>\n\n\n\n

<\/div>\n\n\n\n

1 - Neoformism<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

Minimalist styles are increasingly gaining ground over overloaded and baroque websites. One of these styles is the so-called neoformism,<\/strong> characterised by the use of shapes without any border<\/strong> and use shadows and lights to create the illusion of depth.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

2 - Shadows and floating elements<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

Following on from the previous idea of depth, the shadows <\/strong>seem to be emerging as a dominant design nuance in 2021. Thanks to them, we can create subtle illusions of elements or photographs towering over others and eliminate the native flatness of web pages.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

3 - Scroll effects<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

The dynamism <\/strong>commands. Keeping the user's attention and preventing them from abandoning our page is one of the first objectives of a good design, which is why the motion effects<\/strong> already seen this year are still in place and looking to expand.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

4 - Sticky elements<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

In keeping with the idea of contributing dynamism <\/strong>to the websites, the sticky elements. <\/strong><\/p>\n\n\n\n

It was already a known convention that, when scrolling, the header with the main menu would remain fixed at the top, but now the trend goes further and are other sections or subsections <\/strong>those who stay \"glued together\".<\/strong> at your bedside or at the foot while you browse. <\/p>\n\n\n\n

This style works very well with messages to which we want to give extra importance but always without overdoing it, as too much can be invasive and overwhelming. A clear example is the subscription block of the post you are reading.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

5 - Dark mode<\/h2>
<\/div><\/div>

<\/p><\/div>\n\n\n\n

WhatsApp<\/a><\/strong> has not been the only one to join this trend of the Dark Mode<\/strong> which seems to remain in force for the foreseeable future. The origin of the dark mode was entirely practical as it allowed us to rest our eyes from the white light of screens at night, thus reducing visual fatigue. <\/p>\n\n\n\n

Since the end of 2019, it has been becoming a fashionable feature of many websites with a more aesthetic purpose. Facebook <\/a><\/strong>has been one of the latest interfaces to join the \"night mode\".<\/strong>and will also be implemented on iOS and Android in 2020.<\/p>\n\n\n\n