Essential design trends, March 2016

Carrie Cousins.
March 28, 2016
Essential design trends, March 2016.
One of the great things about looking at trends each month is catching a glimpse of what designers are experimenting with. In particular, you start to see a distinct crossover of elements that you might have missed at first glance. That exact thing happened with this month’s collection. Note all the yellow and gold tones. Even in picking out examples of great work for other trends, websites with these hues kept creeping in. Here’s what’s trending in design this month:

1. Yellow and gold tones

Color trends are fun to watch. Sometimes colors tend to coincide with seasonal elements or simply reflect branding, but sometimes the use of color shows the mood and feelings of the designer. Yellow and gold tones are popping up everywhere. From full screen color wash effects, such as Gold Hill Winery, to accents or bright lettering, yellow and gold are popular options right now. Yellow tones are a good way to set the right emotional connection to a project. The color is commonly associated with joy and happiness. It’s linked to intellect and energy. More golden tones feel special, elaborate and regal. More importantly in the context of design, the right shade of yellow can be a showstopper, grabbing user attention and providing a visual point of reference for every element on the screen. Using this type of color palette though takes a great deal of thought. Pale yellows can get lost if they aren’t paired with another color in a way that establishes distinct contrast. (Whites and yellows often don’t mix.) Too much yellow – think Big Bird-style coloring – can have an overwhelming feel and might be too distracting for users. That’s where the deeper yellows with more reddish undertones and golden hues come in. These yellow tones are easier to work with because they aren’t so over-stimulating. For maximum impact, pair yellow tones with a darker overall palette to create maximum contrast and impact. Consider pairing gold tones against lighter backgrounds for the same reason. Opt for a yellow tone that creates the right feeling for your design – brighter yellows are more energetic and happy, while golden tones might feel more classic or one-of-a-kind. gold pleid amp

2. Vintage everything

The hipster lifestyle isn’t just a fashion trend; it’s connected to website design as well. One way this is manifesting itself is in the use of vintage styles for almost everything. “Vintage” design elements are having a moment right now. This extends to multiple elements—typography, color options, backgrounds and imagery. The vintage look might be artificially created using old-style looking elements—vintage typography styles are incredibly popular—or by incorporating elements that are actually old into the design. Look at the image of the man in the bottom corner of the Chamberlin’s Leather Milk website; he looks as if he could have been pulled right out of an old photo. The same old-style effect applies to the Barrel and Crow design with the old wood background and stark black logo style that feels like it could have been picked out of a design from 70 years ago. Vintage typography styles are a little more difficult to classify, but you’ll likely know them when you see them. They are often characterized by simple lettering with small, but elaborate divots. Note the small flourishes on the characters for Sweet Magnolia Gelato. The primary lettering also includes a colored offset shadow for greater impact. Other things you will commonly see with vintage typography styles are letters with light texture, such as Chamberlin’s Leather Milk, and a mix of two typefaces, one more simple and one with the more elaborate look, such as the combination for Sweet Magnolia Gelato Co. But note the imperfection in the sans serif typeface here, that small element contributes to the overall feeling of “oldness” in the design. Now here’s the thing about vintage: It is cool for a design to look old, but it must function in a modern way. Find ways to incorporate elements with animation, parallax scrolling or video for a contemporary touch. leather-milk barrel-crow magnolia

3. Interaction

Websites featuring elements “you can touch” continue to grow in popularity. This is a little more than interaction; it’s a more immersive interaction experience. What does this mean exactly? Website designers are creating unique experiences that rely on the user for movement. Moving the mouse might make something on the screen move or shift in a particular way. A flick or scroll might cause another action to happen. Overall, the user should feel as if he or she is dictating the action on the screen based on his or her physical motions. (Pretty cool, right?) This type of interaction is becoming more and more popular. It integrates with a number of other design elements to create an overall experience that is as much about delight and feeling as information. Make sure to click over to each of these examples as well, to see these interactions in practice. Here’s an idea of what you’ll find:
  • Haus: Click anywhere on the screen and move the colored blob with a 360-degree motion effect. The animation responds to user movements while continuing its slow in-shape movement.
  • Emirates: Use the mouse to spin the globe. The motion seems to also mimic the time and speed of the click to showcase destinations.
  • Fake Music: Every flick of the mouse changes the featured homepage element. Click around for more animated effects, such as navigation movement, a grid style layout and options to find and buy music.
haus emirates fake

Conclusion

Now that you’ve seen all the examples, did you notice one theme that really stood out among the trends? Once seen as a color that was nearly impossible to use well, yellow and gold tones are being showcased in a number of interesting ways. The same can be said for vintage elements, which are almost everywhere. What trends are you loving (or hating) right now? I’d love to see some of the websites that you are fascinated with. Drop me a link on Twitter; I’d love to hear from you.

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

10+ Best Resources & Tools for Web Designers (2024 update)

Is searching for the best web design tools to suit your needs akin to having a recurring bad dream? Does each…

3 Essential Design Trends, April 2024

Ready to jump into some amazing new design ideas for Spring? Our roundup has everything from UX to color trends…

How to Plan Your First Successful Website

Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an…

15 Best New Fonts, March 2024

Welcome to March’s edition of our roundup of the best new fonts for designers. This month’s compilation includes…

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…