Material Designer (1) in Programmer's eyes -- RippleLayout

Source: Internet
Author: User

I haven't written anything for a long time. In fact, it's because I 've been studying Material Designer recently and it's not very good to stay up late. So I am so lazy and I am not writing anything. This series of articles is about how to implement the Material Designer in a program. As a programmer, we don't need to care too much about design. We just need to know whether the requirements given by the designer can be implemented. But at the beginning, let's talk about the focus of this design.

Material Designer

Purpose: provide the same design style for devices of different sizes and purposes


1. Paper


This design pattern references the pattern of paper ink in a large amount and changes the space like paper, and the user's finger is a brush. You can press the control to produce a Moting effect. The advantage is that it clearly tells the user whether the control is clicked, and also allows the user to understand the layout of the control. After all, it is easy to accept controls that are stacked on a piece of paper. There is also a word "metaphorical", although the control is like paper, but it has the ability to become larger and smaller, change the color, so you do not have to stick to the actual paper.

2. Depth

3. Animation

Material Designer (1) in Programmer's eyes -- RippleLayout

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.