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 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://​simonfos​terdesign​.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/​?​l​a​ng=en cpbay http://​cobay​.es/en/


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

Are Simple Websites Better For Business?

As web design technologies raise the bar on what it is possible to achieve on a realistic budget, there’s a rising deba…

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …