10 Web Design Trends You Must Try in 2017

Are you ready to refresh your website now? The start of the year is a great time to take a hard look at your existing design or even new projects. Think about how to incorporate some of the latest trends into the framework.

From functionality to color and typography, 2017 will be a year of new ideas and new visual concepts to explore. Some of those designs are already starting to pop up, providing you with just enough visual inspiration to get off to the right start in the new year. Let’s take a look.

Shadows and Material style

Alright, flat style has re-emerged as a trifle of a trend in recent years 2nd shapes area unit the new ‘in thing’. however the new new ‘in thing’ is 3D shapes! Some genius (that wasn't sarcasm) thought ‘what if we have a tendency to improved flat style by adding layers and depth of field whereas still keeping things flat?’.

This idea caused some clever play with large-coloured shadows that use dimension and depth of field to signpost interactive parts for users. mistreatment shadow during this approach permits signifcantly improves user expertise through usability enhancements and a additional fashionable visual aesthetic. Moreover, it adds a life-like quality to interfaces which might appear antagonistic and bland.

Video with Sound

People have become additional conversant in observance videos – from short bits of YouTube to movies – on their devices. Websites will mimic this medium expertise likewise with a full-on video with sound show on the homepage. (It doesn't ought to be auto-play to be effective.)

Proceed with caution. embody Associate in Nursing choice to toggle hold forth and on, as a result of not all users can appreciate it. The content has to be therefore stellar that users can demand sound as a part of the expertise. (This may be a trend {that will|which will|that may} be powerful to tug off however can work fantastically if you've got the proper video and sound content combination.)

Broken Grid Layouts

So quite constant plan as flat style, grid layouts became modish round the same time as flat, minimalist style. but designers area unit more and more stepping faraway from constant, same however completely different grid style and one among the ways in which this can be happening is in broken grid layouts.

Broken grid layouts area unit arduous to tug off well. They destabilise the structure of a web site which implies that making a style that scaffolds user expectations is improbably difficult. However, this approach creates fantastically symmetrical and oversimplified sites that maintain minimalist style standards whereas stoppering user yawns.

As with each style, it’s therefore necessary that your style is on whole – broken grids might not get on whole for RTOs or tradespeople however businesses that area unit innovators, startups, or one thing outside the box will extremely leverage this trend well! Broken grid layouts will visually communicate that sense of runniness and innovation that's therefore innate in these styles of businesses.

Rich animations

Last, however by no means least, wealthy animations area unit in a different way that designers will have interaction with users and prospects. early in internet style animations were over-used and to unwell have an effect on, typically nauseatingly. keep in mind those moving animations on text or fade-ins? *insert pretend regurgitation sound here*

Fortunately, we’ve all return to our senses! Designers area unit currently mistreatment animations to speak with users throughout load times or to form attention-grabbing hover states to boost the user expertise. this kind of feeling typically attracts users attention however it has to be used meagrely and smartly to confirm it doesn’t distract from the general impact of the positioning. Here area unit a few {of sites|of we have a tendency tob sites|of websites} we area unit significantly fond of: aquatilis.tv, cappen.com and benoitchalland.com.

Gradients

Missing from the planning landscape for a number of years, gradients area unit creating a serious comeback. however the design of the colour blurring technique has shifted.

In the last spherical of gradients, there have been refined variations throughout the planning. Apple’s iOS icons were a first-rate example. Now, gradients area unit huge, daring and use many color.

The most common usage may be a 2 color gradient overlay on photos. (This technique will look completely amazing!) It’s an excellent choice to switch up your look or to create a less-than-interesting photograph a trifle additional intriguing. you'll conjointly use a gradient background to draw the attention after you don’t produce other representational process to figure with.

Advertisement