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.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.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.
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…
By WDD Staff
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…
By Simon Sterne
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…
By Ben Moss
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…
By WDD Staff
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…
By Louise North
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…
By Simon Sterne
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…
By Simon Sterne
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…
By Max Walton