Monday February 1, 2021 By Dave
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 yr, proper?

To date, the largest 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 possibly imply that designers are branching out in different methods to boost visible curiosity of their designs. Right here’s what’s trending in design this month.


1. Non-Conventional Nav

An fascinating technique to create visible curiosity may be to combine up the placement, dimension, or placement of the primary navigation menu.

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

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

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

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

Global Sense shifts the main focus from prime 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 initiatives. And the result’s a group of gorgeous scripts and novelty typefaces.

So how will you replicate this development?

You don’t need to digitize your precise signature. (That’s in all probability not the perfect thought from a safety perspective.) However yow will discover 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 a gorgeous handwriting fashion ingredient 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 nicely as a result of all the pieces is straightforward and understated, however with depth and dimension components.

One other portfolio web site, this one for Marco Rezende, makes use of a signature mark as the location emblem. 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, word that the designer used a largely 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 web site, however the signature-style mark on the homepage provides it a extra private really feel. It’s virtually paying homage to signing the test after you eat. The extra use of colour and dimension give this remedy a visible enhance that helps propel the design ahead.




3. Fluid Shapes

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

Shapes are taking over 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 movement.

This development can work for larger visible components corresponding to picture frames or the general homepage artwork ingredient or smaller patterns or layering results. The general objective 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 also be animated and adjustments from a rectangle to a trapezoid-type form to a flat aircraft.

Wave Lab may need one of many coolest fluid form animations on the market. With pictures inside the form, plus a coloured define, plus a refined bounce, you’d assume that is an excessive amount of for a single ingredient. But it surely works due to loads of white house and a usually minimalistic aesthetic in any other case. The cleverest half is that one of many shapes is the “W” from the model emblem.

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 may need been troublesome 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 pictures of individuals? Or is it one thing you’re ignoring altogether together with your web site initiatives? Be certain that to share among the methods you’re designing this yr with me on Twitter, @carriecousins.

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

Source link

Leave a Reply

Your email address will not be published. Required fields are marked *