Nine Design principles of Material Design

Nine Design principles of Material Design

After Google released the new operating system "L Developer Preview", it also released the visual language Material Design. Its Design Aesthetics will be integrated into all Google's platforms, including Chrome OS and web pages, it will also form a unified appearance, bundling all products together. With a flat Design and bright colors, Material Design looks attractive. In addition, Google has made corresponding adjustments to the animation effect, making the experience more appealing.

In addition to publishing related content on Google + social media, Google also sent some art print kits to attendees, including some distinctive postcards which are very beautiful, the design principles of the new design language are also presented to people.

Google introduced it as follows: "design is the art of creation. Our goal is to meet different human needs. People's needs will evolve over time, and our design, practices, and ideas will also rise. We are challenging ourselves to create a visual language for users. It integrates classic principles of excellent design and innovations in science and technology. This is the Material Design ."

1. material is a metaphor

Material metaphor is a unified theory of reasonable space and action system. What Google calls "materials" is based on tactile reality, inspired by research on paper and ink, and also included in imagination and magic.

2. The surface is intuitive and natural.

Surface and edge provide visual clues for practical experience. With the familiar tactile properties, You can intuitively feel the usage scenario.

3. Interaction between dimensions

Light, surface, and motion are the key factors in display switching. The lifelike light and shade effect shows the separation of various parts, the division of space, and the indication of which parts can be operated.

4. Adaptive design

The underlying design system consists of two parts: interaction and space. Each device can reflect different aspects of the same underlying system. The interface of each device is adjusted according to the size and interaction. Only colors, icons, hierarchies, and spaces remain unchanged.

5. The Directory is designed in bold and with intent

Black physical fitness highlights the level and meaning, and shows the focus. Well-thought-out color options, well-organized images, wide-range la S, and intentional white spaces can create immersion and clear expressions.

6. colors, surfaces, and icons all emphasize the action effect.

User behavior is the essence of experience design. The basic action effect is a turning point. They can change the overall design, make the core functions more obvious, and give users a "road map ".

7. Users initiate changes

The changes in the operation interface come from user behavior. The effects of user touch operations must reflect and enhance the role of users.

8. Unified animation Effects

All animation effects are displayed in a unified environment. Even if deformation or restructuring occurs, the presentation of objects cannot undermine the continuity of user experience.

9. actions provide meaning

Action is meaningful and appropriate. Action helps to focus and maintain continuity. Feedback is very subtle and clear, and the conversion should not only be efficient, but also be consistent.