4 More Web Design Trends Making A Splash This SummerTuesday, May 27, 2014
Is your nonprofit website looking a little drab? Maybe it’s time to take the plunge and try out some of this summer’s hottest web design trends!
If you were here last week, then you’ve already seen some cool new web design trends—background videos, geometric elements, manipulated photos and geometric overlays. Today we’ll look at the latest trends in color palette, typography, iconography and page layout.
Simplified Color Schemes
As web designers continue to embrace the minimalism trend, simplified color schemes have become more popular. Rather than using a lot of different colors, designers are experimenting with designs that incorporate only one or two colors.
The RU4Children website is almost entirely in shades of gray, except for those bold orange accents. This is proof that less really is more.
Mix & Match Typography
The typical rule of thumb has always been to keep typography simple, using just one or two typefaces.
But an edgy new trend has emerged. Lately, many designers are opting to mix and match multiple fonts on a single website.
Typography.com shares 4 interesting techniques for combining different fonts. Here’s an example of one of their palettes:
As is the case with all daring new design trends, the mix-and-match look should be approached with caution. If it isn’t properly executed, your website could end up looking scatterbrained and sloppy.
But when fonts are masterfully mixed and matched, the result is a look that is truly unique to your organization. Take the Jacksonville Art Walk website, for instance. They mix three different typefaces—hand drawn, serif and sans serif—to create a cool artsy look that’s still perfectly easy to read and navigate.
Icons are a major component of today’s flat design trend.
A new trend among icons is the hollow icon—the outline of a shape. An alternative to solid icons, hollow icons are aesthetically lighter and more subtle.
Hollow icons are popping up everywhere, and not just on websites. Mobile operating systems like Apple's iOS 7 use hollow icons, too.
But using hollow icons is another trend that should be approached carefully.
Some designers argue that solid icons are still best practice. Software designer Aubrey Johnson believes solid icons are easier for the brain to process, and that hollow icons create more work for the viewer.
However, another design blogger, Bobby Solomon, argues in favor of hollow icons.
Web Designer Depot jumps into the conversation too, sparking an interesting discussion in the comments section.
The consensus? An icon’s job is to communicate something to your audience. Because every web design is different, and every audience is different, whether a hollow icon or solid icon is best will vary from one website to another.
The hollow icons on the Jacksonville Art Walk site work because they are accompanied by text. The icons don’t have to do all the heavy lifting—they’re just there to add a nice finishing touch.
Full Page Layout
A full page web design—with no left or right sidebars—has already become popular for homepages. But now the full-page trend is moving to interior pages, too.
It’s amazing what getting rid of side columns can do for your website. There’s more room for whitespace—creating a calm and minimalistic look—and it’s easier to keep your visitors focused on your message without distracting them.
A great place to try out a full-page layout is with your blog. Because there’s no sidebar on the charity: water blog, there’s nothing to do but read the article!
Have you applied any of these web design trends to your website?
Does your website use an eclectic set of fonts? Have you successfully implemented hollow icons? Have you done away with excess color and side columns?
If you've applied any of these emerging design trends to your website, we’d love to see it. Share your website in the comments section below!