Web Design trends in 2016

web-design-trends-2016Every Year, As technology changes, so do people habits and as people change so does Web Design. In this article, I am going to discuss about the Web Design trends in 2016.

Gradually, over time, web designers, UI specialists and layout artists have experimented with designs, and each year new trends have emerged that take layouts to an entirely new level.

In the coming year 2016, what we can expect from web designer.

CSS3 browser compatibility

From past couple of years browser supports for css3 is growing. I am a designer and I know what kind of issues designers were facing from decades. The biggest issue was browser compatibility. We’re finally reaching a stage where some of the fancy new CSS3 layout modules can be safely used in the wild.

Adoption of Google Material Design

Google released its Material design back in June 2014 but the adoption has been a bit slow for UI presentation and development. However, designers now have better knowledge of Material design. There are many frameworks which will reduce the work load of designers and these frameworks are very useful & flexible.

Some of frameworks:
Angular Material
Material UI
MUI CSS Framework

According to devdiz research Designers will start opting to use material design in their designs.

More Illustration

There are many ways for giving a website a unique look, but none is more effective than creating some awesome illustrated elements for it. Illustrations can give a lot of personality to the layout of your website. In future photos will be replaced with more relatable illustrations that connect to the viewer in a more personal manner.

Card Design

The most popular website that showcases this design trend is Pinterest, but there are also other sites that are increasingly using this design approach, and with good reason. When visitors browse a site that uses this design technique, they immediately notice the cleanness and well-organized planning behind such a simple-yet-elegant approach to design.

More scrolling or less

From past so many years the fighting between scrolling and non-scrolling sites are going on. Some likes to scroll more and some likes not to scroll. Actually It depends upon the website also, that scrolling is required or not. In some cases where internet is slow, it will take time to visit full site, because we have to go one by one to each page, but in More scrolling design we can see full website information in one page only. In some cases people don’t like scrolling they prefer clicks. So it depends upon client what exactly they want. So will see in 2016 till then enjoy the fight.

Flat design

Flat design is a popular design style that is defined by the absence of glossy or three-dimensional visual effects in the graphical elements of a web page. Many designers consider it to be an offshoot of minimalist web design. Flat design has been around for a while and is compatible with other trends such as minimalism, responsive web design and Material Design.
Take for example Google’s logo. The company changed its logo to make it more flat (losing the bevels) and changed the font. It found that a cleaner sans-serif font for its logo helped cut the size of the logo file used on sites by more than half. Google also found that it was easier to read on smaller devices.

Navigation and Menus

Hidden navigation menus have become increasingly popular, especially as they can be used to save screen space. As you can see in the example below created in the collaborative prototyping tool UXPin, these use animations to reveal a menu when clicking on a specific button and prevent a jarring transition (like a navigation drawer hidden behind a hamburger icon).
As a Web designer myself, I’ve noticed we just can’t seem to get the navigation or menu of a website down. We keep playing with it, experimenting, and doing different things to get it to work well and be useful.
Expect to see more experimentation as we work through trying to figure out how to do navigations and menus well.

Own Photography and Icons

We are starting to see more and more websites avoiding the use of Stock photography and icon sets.Some websites are opting for using their own photography for use on their home pages or blog posts instead of picking a stock photo.As a designer I noticed that a little touch to create custom icons and our own photographs can help set a site apart from others.

Full Screen forms

Full screen forms, the idea is to extend the minimal form concept and only show one question or form field at a time in fullscreen. The user can enter data in a distraction-free way and it allows to add some fancy animations for the fields. Once all the fields have been filled or moved through, we show a summary in the final step. Here the input data can still be reviewed and corrected. In this final step the form can also be submitted.
This trend comes from responsive design best practices for several reasons: keeps another screen from being loaded, gives more screen space for easier touch by fingers on touch screens, and encourages users to complete the form.

Motion animation

One way designers have been trying to help make their sites stand apart from the crowd is through the use of rich, clever but subtle animations throughout.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.


Trends are nothing more than additional tools in your designer toolbox. Don’t stop or limit your thinking, make something different.