Web Design Trends to Watch

John Barry

Web design trends for 2015

Jay Barry – Creative Director / Designer / Developer – Period Three / Drummer & Keyboards – Lunch Money (kindie band) – @petridisc

Most trends of the last couple of years have been a reaction to a multi-device world where sites should work everywhere.

Performance

“Make your web pages fast on all devices.” That’s the tagline when you’re about to paste in a url on Google’s PageSpeed Insights. The idea of optimizing for performance has long been the domain of geeky dev types. But the intersection of Responsive Design and the proliferation of devices with an endless variance of size, native speed and the speed of whatever network they’re on has made it impossible to ignore. This is going to continue to be something that designers and front-end developers focus on as they deploy sites that have to work everywhere and on any device.

https://developers.google.com/speed/pagespeed/insights/

https://kinsta.com/learn/page-speed/

Simple/Minimal Design

One of the reasons we’ve seen a trend of minimal and simple sites over the last couple of years is partly a function of Responsive Design being a hard thing to pull off effectively. A responsive site has to work in so many ways the last thing you want to do is create a super complex design that increases your development costs exponentially. It’s also perhaps a result of increasing use of frameworks like Bootstrap and Foundation. It’s also true that it’s simply an aesthetic thing, and purely visual things also have a tendency to go in and out of fashion. All that is to say that the current trend of large photos, small text, and lots of boxes isn’t going anywhere soon.

http://unmatchedstyle.com/gallery

SVG and SVG Animation

The beauty of SVG (scaleable vector graphics) is that it’s a vector format, meaning that it can be scaled while retaining it’s sharpness. In addition to that with the SMIL specification, you can animate SVG elements. Basically, each SVG has it’s own DOM (document object model) which you can manipulate with CSS and/or Javascript. Support is fairly comprehensive except for all IE’s, but that can be mitigated by use of libraries like Snap. I’m looking forward to seeing more examples of SVG being used on production next year.