Not everyone likes to see vibrant colors. In fact, changing color preferences has been present in Operating systems for a long time. Some users may prefer to have dark color combination, while others may go with light theme. Web applications are not that different too. With the rise in Web application in day-to-day agenda, the application developers must give a thought to customize application theme.
One of the strongest
Material Design started in 2014 and it was introduced by Google to provide a consistent look and feel across browsers. It combines animation effects with soothing colors, shadows, aptly measured margins/padding etc to improve the User experience. Back in the era of Flash/Flex, components designed using Flex has a visual appearance which felt natural. Without any need of adding styles, the plain Flex User Interface felt good. HTML components were lacking such natural appearance. Maintaining consistency across the browser was always a pain. With Material Design the UI aesthetics and interaction has improved dramatically.
Though Angular CLI enables you to quickly get started with creating a new project, it doesn’t come bundled with the Material design. Additional steps are required to integrate the Material Design and apply the styling to the components. In this article, we will learn the steps to integrate Material Design in Angular 6. We will extend this article and build following UI to understand some of the Material Design Components.
Seriously I am not Android Fan, rather I had a experience of using Sony’s OS (don’t know name), Symbian, iOS, Android and now finally settled on Windows. Yes that’s true, I use Windows 8.1 in my mobile and liked it due to its Simplicity. Anyways, few weeks back while developing an android application, I got a mobile from my colleague to test what I was working on. Interestingly, the mobile has Android’s new mobile operating system Lollipop. I noticed that there are lot of new improvements in the UI and it has nice smooth animation effects. As a curiosity, I tried to explore more about the design and stumbled upon – Google Material Design.