Monday February 1, 2021 By David Quintanilla
3 Essential Design Trends, February 2021

It’s arduous to consider we’re greater than a month into 2021 already. However meaning extra tendencies to dive into this 12 months, proper?

To this point, the most important development of 2021 in web site design is an total lack of individuals in imagery. It’s not that stunning with a worldwide pandemic occurring, however it may well imply that designers are branching out in different methods to reinforce visible curiosity of their designs. Right here’s what’s trending in design this month.


1. Non-Conventional Nav

An fascinating strategy to create visible curiosity may be to combine up the situation, measurement, or placement of the primary navigation menu.

Whereas it may be arduous to consider not utilizing a high navigation component or a nook placement for a hamburger menu or icon, it’s a stable possibility relying on the variety of menu objects and surrounding content material.

And there are such a lot of choices whenever you begin to consider it. Every attracts the attention to completely different areas on the display screen as a result of it’s sudden and completely different.

Tilda makes use of a navigation menu anchored to the appropriate aspect of the display screen. However as you progress via the just about file folder-style tabs, the flip to the appropriate aspect of the display screen. It has an genuine really feel that’s fascinating with out being overwhelming to the consumer.

Cmentarz Łyczakowski additionally has a navigation component on the display screen’s proper aspect, however it’s a closed, purple body with solely a hamburger icon. It’s a relatively uncommon use of house for a navigation component, nevertheless it pulls along with the overlapping video field. Clicking the hamburger navigation pulls up a full-screen menu from the underside (additionally a barely completely different method) with outsized clickable components to maneuver all through the web site.

Global Sense shifts the main target from high web page navigation to the underside of the house web page. What makes it particularly good is that the navigation bar floats to the highest and sticks on scroll. This ensures that whereas the homepage has a special feel and appear, customers don’t get misplaced with out navigation as they transfer via the design.




2. Signature-Fashion Marks

Web site designers use signature-style marks – from logos to headlines – so as to add a extra private contact to their web site tasks. And the result’s a set of gorgeous scripts and novelty typefaces.

So how will you replicate this development?

You don’t must digitize your precise signature. (That’s in all probability not the perfect concept from a safety perspective.) However you’ll find a font that evokes the identical feeling as your personal handwriting or contract somebody to create an experimental typeface for you.

The portfolio of “Zeus” has an attractive handwriting model component layered over a darkish geo-background. (Are you able to see the define of the J and O from the signature there?) The signature-style mark works so properly as a result of every part is straightforward and understated, however with depth and dimension components.

One other portfolio website, this one for Marco Rezende, makes use of a signature mark as the positioning brand. It’s an fascinating divot that offers just a bit extra panache and aptitude to the general design scheme to really feel weighty {and professional}. Additionally, notice that the designer used a principally darkish background with a white (gentle) mark. That’s additionally fairly a typical visible theme with this web site design development.

On the opposite finish of the spectrum of this development is Airport Restaurant. This isn’t a private website, however the signature-style mark on the homepage offers it a extra private really feel. It’s virtually harking back to signing the verify after you eat. The extra use of coloration and measurement give this remedy a visible enhance that helps propel the design ahead.




3. Fluid Shapes

Utilizing various kinds of shapes to create a visible theme has been fashionable for a couple of years. Most everybody in all probability has experimented with some geometric sample or background by now.

Shapes are taking up a extra fluid really feel now, and far of that is because of including hints of animation to shapes and backgrounds to create extra liquid seems or harmonic stream.

This development can work for larger visible components akin to picture frames or the general homepage artwork component or smaller patterns or layering results. The general aim with fluid shapes is to create one thing clean and virtually seamless in order that customers aren’t centered on it however delighted by it.

Every of the three examples beneath takes a special method to this web site design development.

Eder Anaya has a rotating rectangle with a fluid animation inside. The general form itself can be animated and adjustments from a rectangle to a trapezoid-type form to a flat airplane.

Wave Lab might need one of many coolest fluid form animations on the market. With photos inside the form, plus a coloured define, plus a refined bounce, you’d assume that is an excessive amount of for a single component. However it works because of loads of white house and a typically minimalistic aesthetic in any other case. The cleverest half is that one of many shapes is the “W” from the model brand.

The Bulleit Group additionally makes use of fluid shapes however sans-animation. Animated components are surrounding the shapes however not the shapes themselves. The design’s total simplicity is intriguing, and the shapes create curiosity in a spot the place it might need been tough in any other case. It’s additionally good that they use this form theme all through the design and never simply on the house display screen.





How are you working with fewer photos of individuals? Or is it one thing you might be ignoring altogether along with your web site tasks? Be certain to share a few of the methods you might be designing this 12 months with me on Twitter, @carriecousins.

And preserve these tendencies coming! It’s a lot enjoyable to discover new design components.

Source link