material design

Material Design is a full suite of material design icons for easy scalable vector graphics on websites.

The material design is a visual language that combines innovative principles of technology with classic standards of design.

Google introduced this technique in June, 2014 with the release of the latest Android Lollipop version, 5.0.

Although this trend was meant solely for the mobile environment at the initial stage, it found its way into the web subsequently.

Material design features and concepts:

• Material design is based in the tactile reality of rationalized space and consistent motion.

• The existence and interaction of objects in space is conveyed through the basics of light, surface and motion.

• Material design is influenced by key elements of print design, namely fonts, colors, images, grids, scales and space. They set a hierarchical and meaningful structure focused on the immersion of the user in the experience.

• Material design takes place in the 3D space, where objects have three dimensions, particularly width, height and thickness. While the former two can vary, the latter remains invariable.

• In the material environment, objects cast shades that indicate the direction of motion and the distance between surfaces, i.e. elevation. When the level of objects’ elevation grows, shadows become larger and softer, whereas its decrease makes shadows smaller and crisper.

• Content can take any shape and color, but it doesn’t add any thickness to the material scene. Although content behavior is independent of the material design, it is still limited within its borders.

• Material design can undergo a number of transformations. It can grow and shrink along its plane as well as consolidate after being split.

• Objects in the material environment maintain parent-child relations that determine their interaction. Each object can be subordinate to only one parent and can have any number of children. Objects take over all the properties of their parent, e.g. position, scale, rotation and elevation.

The Material Design templates from TemplateMonster are available at this link.