Top 5 web design trends of 2016

Web design is an ever changing field. New technologies and trends are on rise everyday. Thus here are the top 5 trends in web design in 2016

Material Design


Material Design is a design concept developed by Google. Expanding upon the “card” motifs that debuted in Google Now, Material Design makes more liberal use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. It is a visual language for users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This spec is a living document that will be updated as continue to develop the tenets and specifics of material design

Designer Matías Duarte explained that, “unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch.” Google states that their new design language is based on paper and ink.

Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices.

Responsive web designresponsive-web-design

Responsive web design(RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones.

site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids,  flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways:

Responsive web design is becoming more important as the amount of mobile traffic now accounts for more than half of total internet traffic. There are some framework for responsiveness.


WordPress is a free and open-source content management system (CMS) based on PHP and MySQL.  WordPress is being by more than 23.3% of the top 10 million websites. WordPress is the most popular blogging system in use on the Web at more than 60 million websites. It was released on May 27, 2003, by its founders, Matt Mullenweg and Mike.

WordPress has a web template system using a template processor. WordPress users may install and switch between themes. Themes allow users to change the look and functionality of a WordPress website and they can be installed without altering the content or health of the site. Every WordPress website requires at least one theme to be present and every theme should be designed using WordPress standards with structured PHP, valid HTML and Cascading Style Sheets (CSS).


Flat User InterfaceForms-Filters

lat design is a minimalist UI design genre, or design language, commonly used in graphical user interface (such as web applications  and mobile app), especially in graphical materials as posters, arts, guide documents, publishing products. Flat design is a style of interface design emphasizing minimum use of stylistic elements that give the illusion of three dimensions (such as excessive use of drop shadows, gradients or textures) and is focused on a minimalist use of simple elements, typography and flat colors.

Designers may prefer flat design because it allows interface designs to be more streamlined and efficient. It is easier to quickly convey information while still looking visually appealing and approachable.

Flat design is primarily influenced by the International Typographic Style (also known as Swiss Style), Text User Interface, Modernism, and the styles emerging from Bauhaus. The International Typographic style is often considered the most substantial influence on flat design, and its emergence and popularization during the 1950s and 1960s is regarded as the starting point of flat design, although it would not make an appearance in the digital world for some time thereafter.



Typography is the art and technique of arranging type to make written language legiblereadable, and appealing when displayed. The arrangement of type involves selecting typefacespoint sizeline length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pair. The term typography is also applied to the style, arrangement, and appearance of the letters, numbers, and symbols created by the process.

Typography is the work of typesetterscompositors, typographers, graphic designersart directorsmanga artistscomic book artists,graffiti artists.

Although typically applied to printed, published, broadcast, and reproduced materials in contemporary times, all words, letters, symbols, and numbers written alongside the earliest naturalistic drawings by humans may be called typography.

Typography has long been a vital part of promotional material and advertising. Designers often use typefaces to set a theme and mood in an advertisement; for example using bold, large text to convey a particular message to the reader.

Idea Quotient Labs
Open chat