3 Essential Design Trends, March 2020

Default avatar.
March 02, 2020
Color, heroes, and a new way to create design depth are what we are looking at this month.
3 Essential Design Trends, March 2020.

Two of these three trends comes with some usability concerns but are a lot of fun to look at and play with. Would you take the risk of trying one of these design techniques? The third trend (up first in this list) is a new take on bold color palettes that shifts from some of the colors that have been overwhelmingly popular for a while. Here’s what’s trending in design this month.

Warm Colors, Especially Reds

Warm colors – especially red tones – are back in! As a point of reference, warm colors are vivid and bold and can sometimes be overwhelming because they can occupy and fill space will a feeling of fullness. Warm colors include reds, oranges, and yellows. They are all on the same part of the color wheel, which can be divided into warm and cool colors (blues, greens, and purples). The nice thing about these warm colors is that they are bold without the same levels of brightness that have been popular for a while. They aren’t as overpowering as brights on smaller and darker screens and really set a different tone for the design that’s a little more serious. Each of the examples below uses a warm (red) color palette in a different way. Skull & Roses uses a red and purple (warm and cool) palette to create contrast and fun gradients and color.  Amanda Braga uses a full red monotone color palette for the about page of her portfolio site. It’s bold, in-your-face, and demanding of attention. Even the photo has a red color cast on it.  Catalyst uses pops of red with gradients to draw you into the 3D geo shape in the hero image. It creates a sense of motion and excitement for the event. 

Full-Screen Heroes

An oversized hero image is nothing new. But hero headers that occupy the entire home screen are. The trend also seems to come with another new element — no obvious navigation or need to scroll (although it’s often there). The result is a trend with super clean designs, with the possibility for design or usability challenges. This trend works for one reason: Thanks to mobile usage, people are getting more accustomed to (or trained) to scroll. Small screens make it a way of life and this trend is relying on that to work. But, will users know what to do and get past the homepage? Can you find the visual cues in these examples? The Island has a fun full-screen video loop and has a right-hand scroll bar as a visual cue and a tucked in scroll icon on some screen sizes. A hamburger navigation menu can also help you find what you are looking for in this clean design.  Wayout looks cool, but doesn’t have a scroll feature on screen. The phrase And there’s more” is all you get to encourage looking further into the design. (There’s no navigation menu either.)  Ubisoft uses a full screen video that you get a glimpse of within text elements. There are no obvious scroll cues (and there is a scroll), but the hamburger icon is a visual cue that there’s more to the site than just a homepage. 

Neumorphism

This trend is one that is a mash up of popular web and app design techniques that’s starting to show up most commonly in app concepts. Neumorphism (or new skeuomorphism) can be traced to an analysis by Michal Malewicz of Hype4 who did a nice deep dive into what this trend is (and isn’t) and how it works for designers. Neumorphism seems to be most popular when designing card-style interfaces. The style can be identified by use of inner- and outer shadows to create an illusion of softer shapes that seem to lift off the background canvas. Here’s how Malewicz describes it:

A Modern /​Material (upgraded) card usually is a surface floating on top of our perceived background and casting a shadow onto it. The shadow both gives it depth and also in many cases defines the shape itself — as it’s quite often borderless. 

While this trend has a cool, fresh look, it does come with some challenges. Primarily those issues deal with accessibility and contrast. Either way, it’s a fun take on moving away from completely flat concepts to something with more depth, particularly for app-based interfaces. Time will tell if this trend really lifts off or not, since it is still in its infancy. Want to play with neimorphism on your own? You can try this fun little CSS generator.

Conclusion

Of this month’s trends, the return of warm colors is especially nice. Red tones are inviting and interesting and a good shift from the super brights that have been so popular. The other trends each present their own usability challenges, but have high visual interest. Could you see yourself using them in projects? (A portfolio, maybe?) What trends are you loving (or hating) right now? I’d love to see some of the websites that you are fascinated with.

Carrie Cousins

Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.

Read Next

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…

20 Best New Websites, April 2023

In April’s edition, there’s a whole heap of large-scale, and even full-screen, video. Drone footage is back with a veng…

Exciting New Tools For Designers, April 2023

The AI revolution is having a huge impact on the types of products that are hitting the market, with almost every app b…

3 Essential Design Trends, March 2023

One thing that we often think about design trends is that they are probably good to make a list. That’s not always true…