Designer News, More

8 Web Design Trends You Should Follow In 2016


There’s no clear-cut scientific formula to great design because it’s undoubtedly considered more of an art than a science. Strangely there are many recognizable patterns which seem to reappear time and again. These might be called popular design techniques but from an industry perspective many people refer to them as design trends.

It’s tough to predict which exact trends will draw the greatest attention.Yet recent history shows a pattern of trends that have been growing like wildfire.Here we have put together 8 unique design trends which we should follow in 2016

Web Design Trends You Should Follow In 2016

Unique Way of Using the Grid

Curious Space’s website is a great example of adding a pinch of organic freedom to an ordered grid layout.



You’ll quickly notice the photos of this website stacked on top of each other. Stacking them isn’t a problem, as when a user rolls over on an image, the Z-index of the selected image shifts, so it is pushed to the top of the pile of photos.


Upon scroll, the haphazard arrangement of their logo falls into place to spell out their company name.



More illustration

Illustrations allow the viewer to invent their own interpretation of a scene or idea, and connect more readily than picture-perfect model photos, as seen in this example from Mint Design.

Photos will be replaced with more relatable illustrations that connect to the viewer in a more personal manner. Website designs may revert to a fixed-width layout at the same time.



Card Layouts

Website card layouts were first popularized by Pinterest a few years back and have since become a trend for content-heavy webpages.A card layout is best used on pages with lots of data that should be scannable.



Typography will get bolder

Use of colour as a branding device is an important marketing tool, as is the effective use of typography to reinforce values and convey important 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 change!



Material Design on the Web

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.





Cinemaragraphs enhances the desired mood for a website and gives it an additional layer of wonder, mystique, and elegance. Unlike videos, it won’t eat as much bandwidth, and unlike photos, it provides “something more” than a simple still shot. This technology has been around for a while already (since 2011), and I hope to see it integrated into more websites in the future.



Browser-Based IDEs

Over the past few years we’ve seen a dramatic rise in browser-based cloud IDEs. These don’t require any software other than a web browser, which allows devs to write code from any computer with Internet access.



Motion animation

Our eyes are naturally drawn to motion, which makes it the perfect tool for drawing a user’s attention. Motion can also help with visual hierarchy. This can help to add interest and intrigue to forms, CTAs and menu items.


You Might Also Like