Essential design trends, November 2016

Carrie Cousins.
October 31, 2016
Essential design trends, November 2016.
It’s time to break out of your (design) shell and try something bold. Larger-than-life bold techniques are the big theme this month as we look at three trends that incorporate items that make users look at the design. Here’s what’s trending in design this month:

1. The color purple

Purple color palettes are traditionally somewhat rare. The color can be difficult to use in some situations and has such a range of emotional associations that many designers avoid it. Purple is not a common color option for brands either and might often be in conflict with the rest of the color palette. But that’s not stopping designers anymore. Bold, purple color palettes are popping up everywhere, and they are pretty impressive. Many of these design have a few commonalities that make purple a little easier to work with:
  • Monotone color schemes
  • Simple design patterns without a lot of competing elements
  • Minimal use of photography
  • Space themes (always a popular option with purple)
  • Use of darker purple hues (rather than pastels)
Because purple is such a striking color, particularly the dark, deep purples that many designers are using, a simple framework is an ideal option. Minimalistic styles or typography heavy designs can benefit from such a powerful color. When choosing a purple to work with, a darker hue can be the best option. It will work well with light typography and it won’t have so much of a feminine association. The trendy route is to pick a bright purple that matches some of the regal tones from the material design palettes. kikk http://www.kikk.be/2016/ cancer http://driver.xyz/ portfolio http://www.filippobello.com/en/

2. Giant buttons

A button can be the most important element in any design. Buttons do everything from take users to the next page, help complete a step in a path of actions, or submit information in a form. A button is the end goal of a call to action and completes a feedback loop between the user and the interface design. While button design has evolved some in recent years, there haven’t been many trends as big as this one: Designers are incorporating giant buttons into designs. (This is almost the exact opposite of the last button trend, ghost buttons.) Giant buttons are a fun alternative for users, but there is a trick to it. Users have to know the buttons are buttons. They can’t hide as a different type of design element. In each of the three examples below, clever hover animations are the secret to button identification. Each design takes a unique approach:
  • Bark Design: Large images display a headline and subhead as the user hovers indicating the potential for a click action.
  • Mt. Cuba Center: The plant identification site uses hover actions so that buttons almost jump off the screen with color and by changing size. The animations are hard to miss and the imagery is so engaging that you want to click. (Almost every image is a link to more information.) There are two types of buttons in the design: Images that have a card-style look at the giant round purple button, shown below. What’s especially nice about the round button is that it looks like a button, but because it is so big you second guess it, but the hover state reveals the click option. That’s a fun element for users.
  • Simon Foster: This portfolio site is interesting because elements that would not normally be used as buttons are just that. Each portfolio element is a button to more about the project. The simple black and white design comes to life with full color hover states that encourage users to click into each portfolio item.
bark http://barkdesignchicago.com/ plants http://mtcubacenter.org/ simon http://simonfosterdesign.com/home/

3. Geometric shapes

There are a number of ways to incorporate geometric shapes into a design project. You might use shapes as navigational elements, for buttons or background patterns. Cool geometry can also make an interesting overall aesthetic. The use of hard-edged and straight-line geometric shapes takes some of the softness out of a design and gives it a more impactful feel. Sean Klassen juxtaposes soft and hard imagery in his portfolio website, below, by using flowers and complementary geometric shapes in the same dominant visual. All that really ties the elements together is color, but somehow the soft, curved lines of the roses and hard angles of the triangles work together. Combining geometric shapes can also be a way to create a little something out of nothing when you are designing a website that really lacks visual information, such as The Graphic Design Conference, below. Shapes and bold color options can work together in a way that reminiscent of childhood. This subtle connotation can make a user feel fondly about a design. Finally, converting a common element into a combination of geometric shapes can create a more interesting visual. The mouse, for example, from Cobay.es, below, would not be nearly as intriguing if it were a stock art version of a white mouse. That’s an image that users have seen, but the geometric version is different and the animated effect with the moving shapes around it adds to that visual interest. klassen http://seanjklassen.com/ conference http://projections.pl/?lang=en cpbay http://cobay.es/en/

Conclusion

Do these bold design decisions appeal to you? Each of the trends this month are interesting on their own because they take common elements and super-size them. Bold color, giant buttons and fun geometry are all usable techniques, even if you don’t design an entire project around any one technique. 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

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…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…