3 Ways Web Design is Moving Forward
At the start of every year, like clockwork, you see everyone talking about trends that will dominate the year: fashion, decorating, politics, and, of course, web design trends. When it comes to the latter, a lot of people focus on small stuff like specific layouts or typographic styles. Others, like Pantone, make broader predictions—and in Pantone’s case, it’s about color.
But movements in web design don’t happen quickly or even on a timed yearly basis each January. They take long, slow steps that occur over greater periods of time, and it’s really difficult to pinpoint them.
Brutalist Web Design
Brutalist web design is a direct reaction to simple user interfaces, sparse design, and trying to fit in. The designers practising this type of design aren’t unlike punk rock from the 1970s: a DIY, let’s throw the baby out with the bathwater movement. Complicated interfaces that are more like puzzles than traditional user interactions litter these sites. Typography is utilitarian in the extreme or down-right brutally garish. Emojis and images are used within lines of text.
While many of these sites are experimental and consumer-facing, there is a lot we can glean from them. Most notably, the new(ish) Bloomberg.com has taken a lot of these principles and implemented them into a usable news site. Strange gradients, text cropping into photos, and other tricks meld well. Some featured articles even play around with more hardcore elements of brutalism for editorial effect.
While you might want to stay away from this look and style there is a lot we can learn from this movement, picking and choosing what works and what doesn’t as we go.
Swiss Typography Rises from the Grave
wiss typography set the tone for print design from about 1925 to the late 1960s, and much of the logo work that has been done through that time is with us today (ABC, Crate&Barrel, IBM, and many others are examples). A lot of Swiss design holds up to this day really well, it’s clean and timeless.
The style was notable for its clear headlines, bold and limited use of primary colors, and impactful imagery. This look, mixed with a dose of the 90s grunge style, forms an interesting blend that breaks free from the website typography today. This “New Wave Web Design” or “Punk Swiss Web Design” is a fresh look at how to communicate a message through bold, unorthodox typography.
Photos That Speak One, Loud Word
Photography is an important part of modern-day websites. From a well-done bio shot on a company “About Us” page to the hero image greeting the user immediately on a homepage, the web is a visual place for visual creatures.
It’s no surprise that finding ways of making those images even more impactful. Overlays of color over black and white photography, interesting photographic layouts inspired by decades of editorial design, and the replication of print styles like offset printing are all ways people are experimenting with photography in web design.
These techniques call back to the time when photography was beginning to take over from illustration as the main way that advertising and print design communicated to their audience. Many of the best examples coming out recently take a lot of inspiration from editorial layouts, which, for decades, were the leader in experimental design.
Design for Your Market—And in Moderation
It’s been a theme in this blog that a lot of what’s fresh and new these last few years has deep historical roots. Whether it’s people totally throwing out the rules, making new ones, or just looking to stand out with creativity and charm, we’re anticipating the resurrection of old design rules to break and define new ones in 2018 and beyond.
While these new web design movements might not be useful to you as you refresh your own website—they may not fit the bill for your target audience and what you’re looking to accomplish—it is, however, generally useful to keep an eye on industry changes and influences. Taking what works for you and leaving what doesn’t can give you a swift advantage when someone is considering your products and services.Tags: Industry News & Trends