Top web design trends for 2016, Creative Bloq

  • Web design
  • Top web design trends for 2016

We round up the greatest web design trends set to predominate 2016.

Just like any other field of design, web design trends come and go with the passing of time. Unlike many other fields, however, web design has a relentless driver to switch: technology. Because the basis of the platform is ever switching, some of the trends in design for the web are as a result of improvements to what’s possible as much as a reflection on switching taste.

2015 has been an interesting year in terms of web design. The visual landscape for web designers has remained largely as it was in 2014, with only a refinement of the minimalist treatment that has become popular over the past few years. Underneath the aesthetic treatment of pages, however, the web has been calmly progressing.

The technological platforms that underpin much of what is produced have been evolving. Part of this has been in the form of improvements to web browsers themselves, and the further migration from desktop browsing to mobile devices as the principle method of consumption, but there has also been a fundamental coming of age for some of the most popular libraries and frameworks found in the majority of web destinations.

The likes of Modernizr, for example, have finished an evolution to the next stage of their existence, effectively stepping back and reinventing themselves to remain useful and relevant to the web designer and developer as browsers improve and develop.

All of this means that now, more than ever before, the web is a playground for designers to shove the boundaries of what is possible, experimenting with novel user interfaces, and leveraging the power of all the possibilities in creative, arousing ways.

So here’s what we’re tipping to be the major trends in web design for 2016. Do you agree? Have we missed any upcoming fashions or technologies? Let us know what you think in the comments below!

01. CSS3 will eventually influence layouts

Browser support for CSS3 has been growing over the past duo of years, and we’re eventually reaching a stage where some of the fancy fresh CSS3 layout modules can be securely used in the wild. Of course there’s still a place for polyfills and fallbacks, but the likes of CSS3 Flexbox (Limber Box Layout) can be treated by the latest releases of all the popular browsers.

It is safe to say that the likes of Flexbox wont be revolutionising the aesthetics of layout in any dramatic sense &ndash, Flexbox offers an lighter solution to a layout paradigm that’s been in use on the web for a long time now &ndash, but it will make for faster-rendering pages that are lighter to maintain, and a lot fewer hacks, so it is fairly possible that we’ll see more creativity in layout as a result.

On Trend: Layouts may not substantially alter (albeit see trend 05!) but the code underpinning them will become simpler and more reliable

02. Material Design will predominate

There has been a bit of a revolution over the past twelve months in the form of the adoption of Google’s Material design as a basis for UI presentation and development. This trend reflects the stir toward smartphones as the principle and very first device used to access the web, over and above the desktop or laptop computer. While it’s no longer “fresh”, Material Design is coming of age with wide-spread adoption and a raft of extensions and kits cropping up.

On Trend: Expect to see the tell-tale signs of Material appearing in user interface design across the web, much as happened with Bootstrap in the past.

03. Cinemagraphs will come of age

Cinemagraphs are nothing fresh, they’ve been around for several years in their current form, but there have been a duo events during 2015 that has brought them to the forefront of designers’ minds, and the consumer’s appetite. The main thing that has happened is the arrival of “live photos” on Apple’s latest iPhone models. These Harry-Potter-esque photos capture a little movement in a photo, so that when viewed the static photo emerges to come to life. Cinemagraphs suggest a similar visual effect, so as social media starts to flood with home-made live photos, so advertisers and content producers have began to recognise the arresting power such photos can have.

The 2nd switch that has facilitated a renewed interest is that the technology underpinning the effect has improved. With HTML5 Canvas now being useable in the wild, effects can be rendered in real time without the enormous overhead or colour limitations of loading a traditional animated GIF. Indeed, there are now a range of commercial instruments available for exactly the foot purpose of producing cinemagraphs, such as the handy flixel.com.

On Trend: Expect to see a lot of photos that have movement while continuing to suggest the benefits of a static photo.

04. Fewer photos, more illustration

We’re coming to the end of a period where a good proportion of websites feature a photo header that spreads across the viewport. This might seem to be in direct contrast to our predicted trend #Trio, but the two things are actually reflecting the same progression from a shiny, polished but unapproachable utopia, toward imagery that engages the user in a more private, connected way.

We’re expecting this to be in the form of illustration over photography, because with illustration it’s often lighter to place yourself in a scene than it might be when a photo features horribly well-dressed, flawlessly manicured models. I can hear you protesting that that’s exactly what your life is like, but for the majority of people it’s a falsehood that doesn’t align with their own practices, and they’re wise to the differences!

On Trend: Photos will be substituted with more relatable illustrations that connect to the viewer in a more individual manner. Website designs may revert to a fixed-width layout at the same time.

05. Colour and typography will get bolder

Use of colour as a branding device is an significant marketing implement, as is the effective use of typography to reinforce values and convey significant messages. Every designer knows this, but choices have often been constrained by what’s technically possible (in the case of fonts and typographical layout), and by what’s corporately “safe”. We expect this to switch!

The past duo of years has seen a total transformation in the typographical landscape online as web fonts have become accessible to all, and as a result we’ve already seen a dramatic shift in the way type is rendered online. Colours have remained muted on the entire, and a combination of designers and brands becoming bolder, alongside refinements to fonts and a resurgence in appreciation of good typography leads us to conclude that 2016 will be marked by a lot of colour, and a entire lot of type!

On Trend: Look out for creative typographical treatments appearing via the web, not just in occasional headlines, and big, bold and brash colour!

Sam Hampton-Smith is a freelance author and front-end designer/developer based in Scotland.

Topics

Related articles

Recommended

Five must-read books for design students

How to design for startups

Get Weekly Tips and Inspiration

Sign up below to get the latest from Creative Bloq, plus special special offers, direct to your inbox!

No spam, we promise. You can unsubscribe at any time and we’ll never share your details without your permission.

30 web design instruments to speed up your workflow in 2018

Ten massive graphic design trends to know for 2018

56 best free fonts for designers

The 60 best free Photoshop brushes

8 free devices for creating infographics

Pantone exposes its Colour of the Year 2018

Four ways to go freelance

The best boozy Christmas ad campaigns

Instagram updates switch how brands tell stories

How to improve your character art

Creative Bloq is part of Future plc, an international media group and leading digital publisher. Visit our corporate site.

©, Future Publishing Limited Quay House, The Ambury , Bath BA1 1UA . All rights reserved. England and Wales company registration number 2008885.

Related movie: best free online dating sites in uk


Leave a Reply