11 Net Design Tendencies for 2016

11 Net Design Tendencies for 2016


Web site DesignCarrie Cousins • • 6 minutes READ

Are you prepared for 2016? Let’s convey on the net design traits.

The brand new 12 months will include loads of new strategies and traitshowever the dominant theme is more likely to be a continuation of issues we’ve got began to see on the finish of 2015. Extra video, vertical patterns, Materials Design-inspired interfaces and slide-style websites will develop in reputation.

And it’s not exhausting so that you can benefit from these ideas. Right here, we’ll ring within the new 12 months with 11 internet design traits (and loads of nice examples) that designers might be seeing quite a lot of in 2016. (Make sure that to click on the hyperlinks as properly and mess around with a few of these websites to essentially get a really feel for them. Lots of the traits are simply as a lot within the person interface because the visuals.)

2016 Net Design Tendencies

Vertical Patterns and Scrolling

A much bigger leaning towards cellular – with some considering cellular site visitors might equal desktop site visitors this 12 months – means extra websites are being designed with vertical person flows.

A number of years in the past, we have been all debating the top of the scroll in internet design solely to seek out it roaring again as an essential interplay device. Smaller screens lead customers to scroll extra and designers to create person interfaces which are rather more vertical in nature.

Web Design Trends for 2016

  Vertical Patterns and Scrolling

Extra Card-Model Interfaces

One of many largest parts to spring from Materials Design has been the emergence of card-style interfaces. They’re in every thing from apps to web sites to printed items. Playing cards are enjoyable to create, preserve data organized in a user-friendly container and are partaking for customers. The opposite bonus is that they work virtually seamlessly throughout gadgets as a result of playing cards can “stack” throughout or down the display (or each).

Web Design Trends


Web sites design goes to the flicks. Larger pace Web connections and higher video plugin integration is making it simpler for extra web sites to incorporate an immersive movie-style expertise. Video clips are rising from small snippets to virtually full-length preview clips. The photographs are sharp, crisp and in excessive definition, making a video expertise on-line that’s new to customers, however acquainted from different gadgets, resembling televisions.

Hero Video Headers

Christmas exp


Tiny Animations

Animation has been one of many “it” traits of 2015. From hero-style animations that lead off a website design to these tiny divots that you just virtually miss, shifting parts are in all places. And they’re going to proceed to develop in reputation, whilst they lower in measurement. Animated person interface parts are a enjoyable manner to assist have interaction customers, give them one thing whereas they look forward to content material to load and supply a component of shock.

A very powerful issue on the subject of animation is to ensure it serves a function: Why are you creating the impact and what precisely is it imagined to do?

Tiny Animations

True digital

Give attention to Interactions

Going hand-in-hand with animation is interplay. Because the staple of apps and cellular interfaces, interactions create hyperlinks between customers and gadgets. Good interactions are sometimes small – even micro in nature – and supply worth to the person. From the only of alarms to a textual content message to a blip that it’s your flip in a sport, these small interactions form how folks work together with gadgets (and the way loyal they’re to related web sites and apps).

Focus on Interactions

My united

Even Extra Stunning Typography

Streamlined interfaces have paved the way in which for the emergence of gorgeous typography. (As has the addition of extra usable internet kind instruments resembling Google Fonts and Adobe Typekit as mainstream choices for creating expansive kind libraries on-line.)

Huge, daring typefaces will proceed to rule as a result of they work properly with different stylish parts. This easy idea of lettering offers extra room to different parts, whereas speaking the message with a extremely readable show. The must-try trick is a straightforward pairing of a readable typeface and enjoyable novelty choice.

Even More Beautiful Typography


Illustrations and Sketches

Illustrations and sketches convey a enjoyable ingredient of caprice to a website design. They’ll work for websites of all kinds and aren’t only for kids anymore. The illustration fashion has additionally began to develop in reputation on the subject of a number of the smaller items of web site design as properly, resembling icons and different person interface parts. What’s good about this pattern is that illustrations make a website really feel just a little extra private. As a result of an illustration or sketch fashion icon seems to be hand-drawn, it seems and feels private for customers. That may go a great distance into making a reference to them.

Illustrations and Sketches

Climate under pressure

Bolder, Brighter Colour (With an 80s Vibe)

Huge, vivid shade actually began to emerge with the flat design pattern and has continued to achieve momentum. Google’s Materials Design documentation furthers that dialog. And simply have a look round Dribbble, the place shade is in all places. These are key indicators that shade will keep huge within the coming 12 months. A number of the change to the massive shade pattern is in the kind of colours used. Whereas 2015 used extra monotone huge shade designs, utilization is beginning to shift to bigger and brighter shade palettes with an virtually Eighties vibe to them.

Bolder, Brighter Color (With an 80s Vibe)



Extra Hamburgers and Iconography

Icons, icons, icons! From the debated hamburger icon to divots via design tasks, iconography is huge. Extra designers are releasing enjoyable UI and icon kits which are simple to make use of, making icons simpler than ever to work with. (And fairly reasonably priced.) One of many different huge issues designers are experimenting with is outsized icons due to SVG codecs.

More Hamburgers and Iconography


Actuality-Creativeness Blur

Is that website actual or animated? Is the trail predetermined or can I make decisions alongside the way in which? The following step of gamification and design is rising with a blurred line between what’s actual and what’s created (or imaginary) in internet design tasks. And the outcomes are fairly gorgeous.

From digital actuality to web sites that allow you to make decisions to seek out new content material, this kind of customization is private and customers appear to essentially prefer it. This pattern additionally contains creating imagery that appears actual, however you realize that it isn’t.

Reality-Imagination Blur


Web sites with Slides

First there have been sliders, in order that web sites might transfer photos inside a body to showcase content material. The following a part of that evolution contains full-screen slides. Every slide refreshes your complete display with new content material; it may possibly work with a click on, scroll or timed impact. Customers can navigate ahead and backward for an expertise that’s virtually bodily. Count on to see lots – and we imply loads – of websites utilizing this idea within the coming months.

  Websites with Slides




Trying via the examples above it’s simple to see that there’s not only one internet design pattern that designers will deal with within the coming 12 months. It’s a mixture (and fruits) of a number of traits from the previous few years. Look even nearer and also you’ll see that many of those websites use a number of trending parts from this checklist to create interactive and fascinating web sites.

What traits are you most enthusiastic about in 2016? Are there any we missed on this checklist? Be part of the dialog within the feedback beneath.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *