article:
Elements Design: Lulu 100 Vector Icons Pack (AI, EPS)
article:
Website: Thomsoon - Responsive Porfolio Multipurpose Page Minimalist Website (PSD, HTML5, CSS3, JS)

UI: HTML5 UI Design Based on Google Material (html5, css3, js)

Advertisement

There is no substitute for honest hard work. - Gary Vaynerchuk

Material design (codenamed quantum paper) is a design language developed by Google and announced at the Google I/O conference on June 25, 2014. Expanding upon the "card" motifs first seen in Google Now, it is a design with increased use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. 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

At Google we say, “Focus on the user and all else will follow.” - Google

Material Design Principles - Google

  • Material is the metaphor: A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.
  • Bold, graphic, intentional: The foundational elements of print-based design—typography, grids, space, scale, color, and use of imagery—guide visual treatments. These elements do far more than please the eye. They create hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create a bold and graphic interface that immerse the user in the experience.
  • Motion provides meaning: Motion respects and reinforces the user as the prime mover. Primary user actions are inflection points that initiate motion, transforming the whole design. All action takes place in a single environment. Objects are presented to the user without breaking the continuity of experience even as they transform and reorganize.

Material UI Components:
  • Cards
  • Collapsible Regions
  • Dropdowns
  • Modals & Toasts
  • Navs
  • Progress Bars
  • Tabs
  • Tiles
  • Forms
  • and more ...


Preview


UI: HTML5 UI Design Based on Google Material (html5, css3, js)

UI: HTML5 UI Design Based on Google Material (html5, css3, js)

and more ...

Created by Daemon Internet Consultants.

Enjoy this freebie and want to show support? Spread the word.

Download, share and enjoy!

We hope you enjoy this freebie and find it useful!

Advertisement
Tags: material design, ui components, google material, cards, collapsible regions, dropdowns, modals, toasts, navs, progress bars, tabs, tiles, forms, modal forms, 404 page, 500 page, login page, colour pallets, table

Leave a Comment

No Comment

© Creative3x Ltd.