Android Material design with UI changes

Google Matias Duarte said, "Material design is beautiful and bold." Simple and easy to understand due to clean typography and layout. Content is the focus.

Google The I/O 014 Developer Conference announced the new design language "Material" for all of its platforms, including Android, Chrome OS and Web pages.

Google Matias Duarte said, "Material design is beautiful and bold, because clean typesetting and layout simple and easy to understand." Content is the focus.

”

Material Design debuted in Google + 's app upgrade last month, replacing new icons and fonts with a more uniform interface level. The design of the entire interface is based on what Google calls "a unified theory of rationalized space and motion systems." Google says the design language will once again define Android and web-side applications, including Gmail and Google Calendar, of course.

" This is a very advanced paper ink, which is no different from magic. "This is Matias Duarte, vice president of Google Design, Matias Douatte The central principle of material design. The metaphor for this metaphor is the new design direction behind Google, which provides a complete set of physical concepts and rules for the appearance and execution of software.

Google's design team wanted to create a "more consistent look and feel" for all products, including Android and Chrome OS. When building this idea. Instead of starting with a specific palette color or a guide, the team first asked a question: What was the software made of?

Substance and form

The answer comes from a design quest.

At the time, Jon Wiley, Google's Chief search designer, and his colleague Nicolas Jetkov (Nicholas Jitkoff) expressed concern about the ubiquitous card-based design that originated in Google Now, Joen Willie. They looked at the cards and thought, "What does it look like when you slip away from a card?" ”

"This is a very naïve question. "Douatte said. "But it inspires a strong spark. "This idea leads the team to build a new way of thinking about software components.

The design team treats the cards and the sliding surfaces as real, tangible objects relative to the discussion of pixels or abstractions on the screen.

If these cards are real materials with physical properties, then it means that there are rules that govern how they move and live on the screen. You can't do whatever you want with them, as if you can't do anything about the actual object.

So the design team decided to develop a "material" that was similar to paper ink. This paper ink is flat and slightly floats on the background surface. Color is white. They have consistent shadows and consistent lighting. When you move these "substances". They don't go away, they just move somewhere else. They do not move by themselves without the user moving.

This bold decision comes with bright colors and conspicuous fonts that you can see in the Android L system for the first time: it has a variety of colors and layers. You can swipe back and forth, but it still keeps the sense of space and consistency.

Willie and Jetkov said. This new aesthetic idea is more like the development of a design concept. Rather than a major change. Google started the Kennedy Project (Project Kennedy) in 2012 and 2013 to unify the company's design language.

With the announcement of material design, this continues to move forward.

"As a whole, it conveys the feeling of multi-coloured light. "Its icons look colorful and the interface is simple at the same time," Jetkov says.

”

Creativity and restraint

"Material design unifies people's minds, which is definitely a constraint." But these constraints make the design simpler and more coherent. "Jetkov said. Like what. You may want to leave the card behind to see what's on the back, but it won't work in material design. These software, like real objects, have physical properties, and there's no room in the phone to flip them, so we can't see what's on the back.

Douatte said. We can understand the physical objects, but the software often breaks our cognitive pattern. Software breaks the theory of skepticism, because in some movies, something happens that doesn't follow its original internal logic.

"Design is to find a solution in the constraints," Douatte said, "If there is no constraint, then there is no design-that becomes art."

”

Google's designers still refuse to name the material. This gives them a lot of other flexibility, but also gives it a more magical flavor.

An important reason for rejecting a name is that, although it follows a certain physical rule, it is not a pseudo-materialized style. Material is not a one-on-paper imitation, but "magic paper."

It can do things that physical paper can't do, like resizing with animations. Google says these animations are important. As this can help users understand that they are in an application. "Many software feels like a simplified version of a movie or TV. Let you lose the concept of time and space.

"said Willie.

For users, they want to see the app become a "drama". "They're going to jump from one moment to the next," he said. "The scene is changing and the content on the stage is choreographed and transformed, which makes sense.

”

Become a reality

More importantly, this material can appear when you need it. Google has been researching this product for years, and the algorithm behind it has become an important part of this new design concept. Rather than requiring users to manage their own data, Material design asks users to believe that Google can give them what they need at the right time.

This is also why the wearable system Android Wear does not provide the user with the ability to respond to messages other than the reason, the Platform designer Alex Faberg (Alex faaborg) said: "You do not spend a lot of time to interact with the watch, you just want to see the notification and high-speed voice response."

This is the same as our research and development philosophy for Google Now, but it's all about the platform.

”

"We came up with the simplest solution," says Douatte.

One of our design practices is to put simplicity and practicality at the forefront of user design. ”

PARC 3.0

Google's ambition to develop material design, in addition to providing a consistent look and feel for software and Web pages, goes beyond Android L and Android Wear, and the company wants to strengthen the relationship between people and computer-interactive technologies.

Douatte said. The stackable action form and mouse of the Xerox Parker Research Center (Xerox PARC) is an important research achievement in this field. But it is not a breakthrough research, because it is a virtualized entity desktop, there is no "object relationship." Apple is also developing in this field, bringing people into the world that can touch and move software elements.

Google believes its new design language can push people forward again. The language incorporates technologies including touch screens, gestures, voice controls, and even Google's own smart algorithms. These technologies are combined. Provides a software operation model for the brain that has cross-device capabilities. So that we can intuitively solve what we have encountered.

Material design is the organizational framework for this software operation model. It's just that it hasn't become a star product like Xerox desktop and iphone. Assuming that Google can deliver on its promise to apply material design to all platforms, including Chrome OS, Android and web, people will be able to switch between these platforms without needing to adjust.

Now material design is just an idea. It will remain magical until Google launches many other software that uses the language. But as Willie says, "We're still in the early stages."

"Google will be busy preparing for the next thing.

"Suppose we can use future materials to replace today's materials for design. "Then the future is right," Douatte said.

”

references: http://www.tmtpost.com/118534.html http://www.ithome.com/html/android/92017.htm

Copyright notice: This article blog original articles, blogs, without consent, may not be reproduced.

Android Material design with UI changes